Astuce comment remplir du texte avec une image dans Adobe InDesign

Ce que vous allez créer

Le fait de placer une image dans un seul caractère peut conférer à vos mises en page un aspect extrêmement professionnel et avant-gardiste. Et c'est très simple à réaliser!

Dans ce tutoriel, vous apprendrez à transformer votre typographie en cadres pour un effet spectaculaire! Nous allons utiliser Adobe InDesign pour ce tutoriel.

Vous verrez souvent ce type de technique de conception être utilisé dans la conception de magazines haut de gamme, pour donner un impact supplémentaire aux titres et pour présenter une photo de manière unique et attrayante. Il peut également ajouter un élément dramatique à la conception de livres, au matériel de marketing et à la conception d'affiches.

Dans ce didacticiel, nous allons configurer une mise en page InDesign pour un magazine et expérimenter la création de notre texte rempli d'images à ce sujet. Commençons!

Ce tutoriel est également disponible sur la chaîne Envato Tuts + YouTube.

1. Configurer la mise en page du magazine

Étape 1

S'ouvrir InDesign et choisir Fichier> Nouveau> Document ou sélectionnez Nouveau> Document du Bienvenue la fenêtre.

Garder le Intention mis à Impression et le Nombre de pages à 3. Garder Affronter des pages vérifié.

Du Taille de la page menu déroulant sélectionner l'option en bas de la liste, Douane… ouvrir le Taille de page personnalisée la fenêtre. Type 'US Magazine' dans le prénom boîte, et définissez le Largeur à 213 mm et la taille à 276,5 mm. Cliquez sur Ajouter, et alors D'accord, retourner au Nouveau document la fenêtre.

Étape 2

Briser l'icône de la chaîne au milieu de la Marges section, pour vous permettre d’insérer différentes valeurs pour chaque marge. Met le Marge supérieure à 14 mm, en bas à 18 mm, à l'intérieur à 14 mm et À l'extérieur à 12 mm.

Pour le Saigner, définir la valeur à 3 mm de tous les côtés sauf le Saignement intérieur, que vous devriez mettre à 0 mm.

Cliquez sur D'accord créer le nouveau document de trois pages. 

Nous n'utiliserons pas la première page du document dans ce tutoriel, alors descendez à Pages 2 et 3 du document, en faisant défiler la page ou en cliquant sur les icônes de la page dans le menu déroulant. Des pages panneau (Fenêtre> Pages).

2. Choisir le bon type de caractère

Étape 1

Il est très important de choisir le bon type de police de caractères lorsque vous créez un effet d'image dans le texte.. 

Lors du choix d’une police de caractères, il faut prendre en compte trois éléments: la forme du caractère que vous souhaitez remplir avec une image; le poids du personnage (suffisamment épais pour permettre à l'image de transparaître suffisamment); et la simplicité du caractère (pas de textures ni de bobs et bobs). Décomposons:

• L'effet image-dans-texte fonctionne mieux lorsque vous agrandissez un seul caractère à grande échelle, ce qui signifie que la conception et la forme de ce caractère unique seront énormément amplifiées. Recherchez une police avec des majuscules attrayantes, peut-être un élégant serif ou un script en italique..

• Vous devez également demander au personnage de révéler suffisamment d'image pour pouvoir faire une déclaration. Le personnage doit donc avoir assez de poids (épaisseur) pour s'en assurer. Lorsque vous parcourez des magasins de polices en ligne, les polices étiquetées «Affichage» ou «Dalle» constituent généralement une valeur sûre. Évitez les polices trop minces ou trop légères.

• Enfin et surtout, assurez-vous que votre police est relativement simple, chaque caractère étant entouré de lui-même. Qu'est-ce que je veux dire par là? Eh bien, jetez un oeil à ces deux personnages. À gauche, nous avons Bevan, une police de type dalle simple, qui fonctionnerait très bien pour obtenir l’effet d’image dans le texte. A droite, Brushstroke Plain, qui fonctionnerait beaucoup moins bien car le personnage est plus disparate. Les polices aux textures grungy ne conviendraient pas non plus, car les textures éparses, séparées du personnage principal, ne seraient pas remplies avec l'image..

Étape 2

Dans cet exemple, je vais utiliser Homard, qui coche toutes les cases au-dessus des caractères majuscules sont attrayants, lourds et ont une forme simple et fermée.

Vous pouvez choisir de télécharger et d’utiliser Homard au fur et à mesure que vous suivez ce tutoriel, ou choisissez une police différente si vous préférez.

3. Créer un cadre d'image à partir de texte

Étape 1

Retournez à votre InDesign document, et à Page 2.

Prendre le Outil de type (T) du Outils panneau et faites glisser pour créer un grand bloc de texte qui s'étend sur l'ensemble de Page 2. Tapez une majuscule 'T' dans le cadre, et réglez le Police de caractère à Homard Régulier, Taille 750 pt.

Il n'y a pas de problème à garder la couleur du texte définie par défaut [Noir] pour l'instant.

Étape 2

Avec le cadre de texte sélectionné (utilisez le Outil de sélection (V, Escape)), montez à Type dans le menu du haut et sélectionnez Créer des contours.

Le cadre de texte s'ajustera subtilement; le caractère du texte a maintenant été converti en une forme vectorielle. 

Étape 3

Le personnage toujours sélectionné, dirigez-vous vers Fichier > Lieu.

Vous pouvez maintenant essayer de remplir votre texte avec des images. Si vous définissez votre texte sur un arrière-plan blanc ou pâle, recherchez une photo offrant un contraste suffisant, et inversement, si vous souhaitez travailler sur un arrière-plan plus sombre..

Ici, j'ai expérimenté cette image d'une femme à la mode, avant de finalement choisir l'image d'un ciel bleu et nuageux.

Pour ajuster la taille de l’image dans le texte, double-cliquez pour sélectionner directement l’image, puis maintenez la touche enfoncée. Décalage et faites glisser l’un des coins pour le redimensionner. Si vous souhaitez insérer autant d’image que possible dans la lettre, dirigez-vous vers le Les contrôles panneau en haut de l’espace de travail et cliquez sur le bouton Remplir le cadre proportionnellement bouton.

En guise de touche finale, pour ouvrir le bord de la lettre et éviter toute infiltration de couleur, Échantillons panneau (Fenêtre> Couleur> Nuancier) et mettre le Remplir de la forme à [Aucun].

Conclusion

Et voila! Une méthode très simple pour ajouter une touche de drame visuel à vos mises en page typographiques! Rappelez-vous le processus simple:

• Choisissez une police de caractères appropriée (exemple: dalle, présentoir).
• Convertir le caractère du texte en contours (vectoriser).
• Fichier> Place une image choisie et redimensionner dans le cadre.

Utilisez cette technique simple pour créer des mises en page dynamiques et professionnelles, à l'instar de l'exemple de magazine ci-dessous..

N'hésitez pas à partager vos expériences avec l'utilisation de la technique image-inside-text dans les commentaires ci-dessous.

Pour en savoir plus sur le remplissage de formes de texte avec des blocs de texte pour créer un autre effet intéressant, consultez ce didacticiel sur la création d'effets de texte à fort impact dans InDesign..