Share
Dans ce tutoriel, je voudrais vous montrer quelques techniques pour créer une affiche de typographie idéale pour la fermeture de l’été. Nous allons éditer une police préfabriquée, ajuster un motif préfabriqué et utiliser des techniques simples et rapides pour transformer une illustration simple en magnifique affiche..
Nous allons créer un standard 18 x 24 pouces affiche. Commençons par créer un Nouveau document de cette taille.
Lors de la création du document, veillez à modifier le Profil du document à Impression et ajustez les unités à Pouces et assurer la Mode de couleur est réglé sur CMJN.
Puisque notre arrière-plan est au bout du papier, cette affiche nécessite un fond perdu. La marge de fond perdu ajoute un supplément 0.25in des quatre côtés rendant notre document 18,5 x 24,5 pouces global. Si cette affiche avait des bords blancs, elle ne nécessiterait pas de marge de fond perdu. Notre conception globale n'ira pas trop près du bord du papier, nous n'aurons donc pas à nous soucier d'une zone de sécurité autour de l'intérieur de l'Artboard. Notez simplement que si vous envisagez d'ajouter des détails supplémentaires près des bords de l'Artboard, il est préférable de les définir à au moins 0,25 pouce du bord..
Avec Artboard complete, créons notre palette de couleurs sur laquelle nous allons travailler tout au long de la pièce. Avec le Outil Rectangle (M) dessinez trois carrés côte à côte en laissant à peu près le même espace et remplissez-les avec les couleurs suivantes. Parce que notre pièce de typographie est une thématique estivale, j'ai pensé choisir des tonalités assourdies représentatives de l'océan. Ainsi, l’un sera une sorte de couleur bleu / vert écume de mer, un autre ressemblera à la couleur du sable et le dernier sera une couleur corail (ou étoile de mer)
Avec les trois carrés sélectionnés, allez à Objet> Fusion> Options de fusion et entrez les informations suivantes. Puis visite Objet> Mélange> Marque pour créer le mélange entre les objets.
Nous devrions maintenant avoir sept couleurs harmonieuses. cela se mariera bien les uns avec les autres car ils prennent des couleurs. les uns des autres à travers le mélange.
Créons maintenant le calque d'arrière-plan sur lequel notre texte va s'asseoir. Commencez par déplacer notre mélange sur le côté de l'Artboard afin que cela ne nous gêne pas. Ensuite, sélectionnez le Outil Rectangle (M) et créez un rectangle de la même taille que la zone de fond perdu (contour rouge autour de Artboard).
Ajustez la couleur de remplissage à la couleur de sable du milieu que nous avons mélangée précédemment. J'ai trouvé cela un peu trop sombre pour notre arrière-plan mais j'aime toujours ce que cela a fait pour le mélange des autres couleurs. donc je vais laisser le mélange comment il est mais éclaircir cette couleur pour le fond général.
Une couleur de fond unie est agréable mais je veux lui donner une texture supplémentaire. À cette fin, nous allons ajouter un motif personnalisé à cette forme. Nous allons utiliser la même technique que celle que je vous ai présentée dans mon précédent tutoriel intitulé Créer un type de fond plat avec un thème nautique dans Adobe Illustrator à la section 3, étapes 1 à 4..
Commencez par naviguer vers le Échantillons panneau (Fenêtre> Nuancier) et choisissez le bouton en haut à droite de ce panneau qui ressemble à une flèche tournée vers le bas avec des lignes horizontales à côté, puis sélectionnez Open Swatch Library> Patterns> Decorative> Decorative_Classic. Depuis cette fenêtre, faites glisser le "Vagues lisses"motif sur votre Artboard en évitant la forme rectangulaire que vous avez créée.
Double-cliquez sur le groupe de motifs, sélectionnez uniquement les lignes noires ondulées et modifiez la couleur du trait en blanc, puis faites glisser le groupe Échantillons panneau pour enregistrer la nouvelle nuance.
Avec la forme d’arrière-plan sélectionnée, vous pouvez cliquer pour ajouter un nouveau remplissage à l’aide des touches Apparence panneau et choisissez le nouveau motif que nous venons de créer. Puis ajustez le Mode de fusion et Opacité comme vu ci-dessous.
Clic-droit sur l'objet et choisissez Transformer> Échelle. Assurez-vous que seule l'option "Motif" est sélectionnée, puis redimensionnez-la à 250% de sorte que vous pouvez réellement le voir sur notre objet.
Pour terminer, ajoutons un faux fondu à ce motif. Créer un autre calque de remplissage dans le Apparence panneau et ajoutez un dégradé comme indiqué ci-dessous. Nous allons utiliser notre couleur de fond plat, mais en ajustant l'opacité du dégradé de manière à ce que le motif apparaisse en fondu mais reste plus caché vers le haut..
Nous allons modifier une police prédéfinie appelée "WhoopAss". Vous pouvez le télécharger gratuitement sur Font Palace.
Avec notre police sélectionnée, tapons notre phrase. Nous utiliserons un classique de Nat King Cole, "Lazy Hazy Crazy Days of Summer" avec les informations suivantes sélectionnées.
À ce stade, nous utiliserions normalement les fonctions de crénage d'Illustrator pour ajuster le texte, mais comme nous devons modifier certaines formes de lettre, nous le ferons simplement, les lettres étant des formes plutôt que du texte. Avec le type sélectionné clic-droit et choisir Créer des contours. Tu peux maintenant Dissocier (Commande + Maj + G) les lettres.
Basculer vers le Outil de sélection (V) et ajustez les espaces entre les lettres. Ne vous inquiétez pas du fait que les mots soient centrés en ce moment. Une fois que les lettres sont correctement espacées, nous pouvons y remédier. N'hésitez pas à ignorer le "de" texte. Il s’agissait simplement d’un emplacement offrant le bon espacement des lignes après la création de notre propre texte personnalisé..
Portez une attention particulière à certaines des formes de lettres. Si vous remarquez que la lettre "Y" est un peu plus grande que les autres lettres. Vous voudrez raccourcir cette lettre pour être en ligne avec les autres. Je ne veux pas non plus trop espacer les lettres. Notre effet final aura une qualité "collante", nous voulons donc que les lettres soient assez proches. Jetez un oeil ci-dessous pour voir comment j'ai ajusté le mien.
Une fois que vous avez l'espacement qui vous convient, Groupe (Commande + G) les lettres ensemble par mot. Une fois groupés, visitez le Aligner panneau (Fenêtre> Aligner) et sélectionnez le Alignement horizontal bouton pour centrer correctement aligner les mots sur la page.
Comme je l'ai mentionné, nous n'aurons pas besoin du "de" texte, alors allons-y et créons le nôtre. Sélectionnez le Outil Ellipse (L) et créer un cercle parfait qui est 2,44433 x 2,44433in et centrer là où le mot "de" était utilisé.
Pour cette étape suivante, vous souhaiterez zoomer sur le cercle afin de mieux travailler. Activer le Outil stylo (P) et en utilisant certaines connaissances de l’école primaire, dessinez le mot «de» en cursif afin qu’il s’insère dans ce cercle. N'hésitez pas à laisser la lettre "f" toucher le bord du cercle. Nous voulons que cela soit fluide et arrondi, nous allons donc utiliser une belle bordure épaisse avec un Poids de l'AVC de 15px et arrondi Casquette et Coin.
Si vous avez du mal à dessiner les lettres, vous aurez peut-être plus de chance d’obtenir le mot complet avec le mot Outil stylo (P) puis passer à la Outil de sélection directe (A) et affiner les points d’ancrage et les poignées.
Avec le chemin que nous venons de dessiner, visitez Objet> Développer convertir le chemin en forme. Maintenant, sélectionnez également la forme du cercle souligné et sélectionnez Minus Front bouton du Éclaireur panneau.
Cela nous laissera malheureusement avec plusieurs formes groupées en raison de la boucle du "f" et du "o". Pour rectifier cela, allez à Objet> Chemin composé> Marque pour en faire une forme.
Nous cherchons bien jusqu'ici! Ajoutons de la couleur au texte. Sélectionnez le premier groupe de mots et utilisez les touches Outil Pipette (I) cliquez sur la couleur corail du mélange que nous avons fait précédemment pour notre palette de couleurs.
Faites cela pour les mots restants en utilisant les couleurs restantes. de ce mélange. Veillez à ignorer la couleur 'sable' moyenne, car nous utilisons une variation de celle-ci pour notre arrière-plan..
Ce ne serait pas l'été sans ce sentiment gluant. Recréons cela maintenant en utilisant des chemins et des effets simples.
Activer le Outil stylo (P) et cliquez pour créer des lignes droites aléatoires reliant vos lettres et vos mots. Voici ce que j'ai fait en utilisant un 8px bordure pondérée.
Avec vos traits collants sélectionnés, allez à Objet> Développer pour créer des formes remplies plutôt que des chemins tracés.
Maintenant, sélectionnez les mots sans les brins collants et dupliquez-les.
Avec les mots en double sélectionnés, sélectionnez également les brins collants, puis Unir leur. Maintenant, allez à Objet> Chemin composé> Marque créer une seule forme jointe.
Avec la visite sélectionnée en forme nouvellement créée Effet> Styliser> Coins arrondis et entrez les informations suivantes.
Avec cette fusion, nous semblons avoir perdu nos jolies couleurs. Puisque les brins collants sont supposés suggérer que les mots sont liés, utilisons un dégradé pour les couleurs. couler doucement entre les uns des autres.
Basculer vers le Outil de dégradé (G) et cliquez sur notre forme puis entrez nos couleurs. de la palette que nous avons créée plus tôt. La position des arrêts n'a pas d'importance, tant que le mot lui-même est d'une seule couleur et que le changement de couleur se produit entre chaque mot..
Je suis sûr que vous avez remarqué qu'en raison de l'effet Arrondi, nous avons appliqué le texte qui a perdu un peu de détail et qui semble un peu négligé. Cela est particulièrement visible sur le "de" cercle de texte et certaines des autres lettres comme le "L" et à l'intérieur des "A" et des "E". C’est pourquoi nous avons dupliqué le texte avant de les fusionner et de créer le désordre collant..
Zoomez sur votre pièce et activez le Outil de sélection directe (A) Cliquez ensuite sur les chemins de l'objet collant et ajustez-les de manière à ce qu'ils soient masqués à l'intérieur des formes de texte parfaites ci-dessous. Cela prend beaucoup de temps, mais heureusement, beaucoup de mots utilisent les mêmes lettres et formes, donc une fois que vous savez quoi faire pour l'un, vous devriez pouvoir l'appliquer aux autres sans tracas. Vous pouvez sauter cette étape si le résultat vous convient, mais je suis un peu perfectionniste et je pense que ce sont ces petits détails qui achèvent le travail..
Sélectionnez l'objet collant et allez à Objet> Développer l'apparence. Sélectionnez ensuite le calque de texte parfait ci-dessous et Unir en veillant à Composé le chemin comme nous l'avons fait plus tôt.
Vous saurez que le chemin n’est pas complexe, car les boucles dans le "f" auront une couleur différente et ressembleront à un groupe dans le Couches panneau.
Avec la nouvelle forme sélectionnée, visitez le Apparence panneau et ajoutez un nouveau calque de remplissage. Remplissez-le avec notre motif Smooth Wave modifié que nous avons créé précédemment. Ajustez la taille comme vous le faisiez auparavant, puis modifiez le mode de fusion et l'opacité comme indiqué ci-dessous..
La conception de votre affiche est terminée et prête à être envoyée à l'imprimante! Assurez-vous de nettoyer tous les calques ou chemins inutilisés avant d’envoyer à l’impression et vous êtes prêt. Vous pouvez également l'exporter sur le Web pour partager votre conception avec le monde entier. J'espère que j'ai pu vous montrer comment quelques modifications et effets simples peuvent aider à créer une pièce de typographie stellaire.
Accentsconagua