Comment créer une pièce de typographie sur le thème des vacances dans Adobe Illustrator

C'est la saison des réjouissances, alors pourquoi ne pas diffuser une partie de cette joie et de cette joie? Ce tutoriel vous apprendra quelques techniques pour modifier les polices et manipuler leurs alternatives dans Adobe Illustrator afin de créer une pièce de typographie unique et inspirée par les fêtes..


1. Configurez votre document

Étape 1

Commençons par installer les polices nécessaires à ce tutoriel. Nous allons utiliser plusieurs polices de haute qualité de la coopérative Lost Type. Plus précisément:

  • Lavanderia
  • Ruban
  • Klinic Slab

Étape 2

Avec nos polices installées, lancez Illustrator et créez un nouveau document 850 x 850px.


Étape 3

Activer le Outil Rectangle (M) et créez un carré de la même taille que notre arrière-plan. Maintenant, le remplissage est avec la couleur suivante et déposez le Opacité à dix%.


Étape 4

Basculer vers le Outil étoile et cliquez sur la planche graphique et entrez les valeurs suivantes. Remplissez l'étoile de blanc et centrez-la sur la planche.


Étape 5

Dessinez un autre carré au-dessus de la forme de notre étoile de la même taille que notre Artboard. Maintenant, sélectionnez à la fois l'étoile et la place du haut, puis clic-droit sur l'Artboard et sélectionnez Faire masque d'écrêtage.



2. Créez votre première ligne de texte

Étape 1

Pour ce morceau, nous utiliserons un extrait d'une chanson populaire de Holiday. Activer le Outil de type (T) et cliquez pour créer votre première ligne de texte; "Que tes jours soient". Nous allons utiliser la police Lavendaria pour cette ligne avec les informations suivantes définies pour la taille et la couleur


Étape 2

Avec cette ligne de texte toujours sélectionnée, visitez le Type ouvert panneau (Fenêtre> Type> OpenType) et choisissez le Titrage des remplaçants option. Cela modifiera les lettres capitales en versions alternatives créées par le concepteur de polices..


Étape 3

Double-cliquez éditer le texte et mettre en évidence le dernier "e"et dans le Type ouvert panneau choisir le Suppléants contextuels option. De même, sélectionnez le premier "y"et choisissez Swash du Type ouvert panneau.


Étape 4

Personnalisons un peu plus cette police. C'est une excellente police de caractères, mais je trouve que quelques-uns des bords où le script se termine et se termine est un peu net..

Clic-droit sur le type et sélectionnez Créer des contours convertir le texte en formes.

Zoom sur la phrase afin que nous puissions voir ce que nous faisons et avec un mélange de la Outil stylo (P), la Outil de sélection directe (A), et le Convertir l'outil de point d'ancrage (Maj-C) manipulez les bords plats pour les rendre plus doux et plus arrondis. Je ne ferai cela que pour le premier "y", le "r", le "D", le "s", le "B" et le "e". Vous remarquerez avec le "s" que j'ai enlevé la queue qui relierait normalement cette lettre à la suivante.





Étape 5

Avec notre texte édité sélectionné, accédez à la Transformer panneau (Fenêtre> Transformer) et ajustez les axes X et Y aux figures suivantes pour placer notre texte où vous le souhaitez.



3. Créez votre texte de ruban

Étape 1

Activer le Outil Texte (T) et écrivez "Joyeux" avec le Ruban avec les informations et couleurs suivantes


Étape 2

Double-cliquez pour éditer le mot puis mettez en surbrillance le "M" et le "E" et dans le Type ouvert panneau choisir le Alternatifs stylistiques option.


Étape 3

Avec notre texte édité sélectionné, accédez à la Transformer panneau (Fenêtre> Transformer) et ajustez les axes X et Y aux figures suivantes pour placer notre texte où vous le souhaitez.



4. Créer un ornement et une esperluette.

Étape 1

Sélectionnez le Outil Ellipse (L) et créer un cercle qui est 81 x 81px et a la même couleur que notre texte "Merry" puis placez-le à l'emplacement suivant.


Étape 2

Dupliquer ce cercle et le redimensionner à 64 x 64px. Supprimer la couleur de remplissage et ajouter un trait blanc qui est 7px poids.


Étape 3

Activer le Ajouter un outil de point d'ancrage (+) et le long de la gauche du cercle au-dessus du point d'ancrage le plus à gauche, cliquez pour créer trois nouveaux points d'ancrage, comme indiqué ci-dessous. Maintenant, avec le Outil de sélection directe (A) activé, sélectionnez le point d’ancrage inférieur, le point d’ancrage le plus à droite et le point d’ancrage intermédiaire que vous venez de créer, puis supprimez-les de la forme. Cela fera un bel effet de surbrillance.


Étape 4

Avec les chemins ouverts qui font le point culminant visite toujours sélectionnée Objet> Développer convertir le trait en forme. Vous devrez peut-être faire cela deux fois. Une fois pour dissocier les deux chemins ouverts et une seconde fois pour créer les formes.

Une fois que vous avez étendu vos deux formes, visitez Objet> Chemin composé> Marque. Maintenant, sélectionnez la surbrillance et le cercle derrière elle et dans le Éclaireur panneau (Fenêtre> Pathfinder) sélectionnez le Minus Front possibilité de couper la surbrillance du cercle.


Étape 5

Basculer vers le Outil Rectangle Arrondi et cliquez sur la planche graphique pour créer une forme. Entrez les valeurs suivantes et ajustez son emplacement comme décrit ci-dessous.


Étape 6

Avec le rectangle arrondi sélectionné, remplissez la forme en blanc et donnez-lui une 2px trait centré de la même couleur que le cercle ci-dessous.


Étape 7

Avec le rectangle arrondi toujours la visite sélectionnée Objet> Développer puis clic-droit sur le rectangle arrondi et choisissez Dissocier. Sélectionnez uniquement l'objet blanc de cette forme tout en sélectionnant le cercle ci-dessous et choisissez Minus Front du Éclaireur panneau.


Étape 8

Basculer vers le Outil Ellipse (L) et créer un cercle qui est 6 x 6px. Stroke it avec le même 2px couleur rose comme nous l’avons fait avec notre rectangle arrondi, mais cette fois-ci, il n’est pas nécessaire de choisir une couleur de remplissage. Une fois créé, alignez-le au centre supérieur.


Étape 9

Activer le Outil de segment de ligne (\) et créez une ligne du centre du petit cercle au sommet de la boucle dans le "e" de notre ligne de texte précédente. Assurez-vous d’aller un peu en avant pour qu’il apparaisse comme une boucle. Ma ligne est 51.5px longueur et position comme vu ci-dessous.


Étape 10

Basculer vers le Outil stylo (P) et créer une forme de boucle en haut de la ligne que nous venons de dessiner pour créer un effet arc.


Étape 11

Une fois que vous avez créé une boucle, visitez Effet> Distorsion & Transformation> Transformer. Dans la fenêtre Transform Effect qui apparaît, sélectionnez le Reflect X option et ajouter le nombre 1 au Copies zone de texte. Maintenant sous la Bouge toi section pour Horizontal et le type 100% puis frappé D'accord. Cela créera une copie de la boucle et la retournera en la déplaçant à la bonne position.


Étape 12

Activer le Outil de type (T) et tapez une esperluette en utilisant la police et la taille suivantes. Je l'ai positionné à droite du cercle principal des ornements et l'ai coloré en blanc pour que vous puissiez le voir..


Étape 13

Clic-droit sur l'esperluette et choisissez Créer des contours pour le convertir en forme. Avec la forme esperluette sélectionnée, sélectionnez la forme du cercle d'ornement et choisissez Minus Front du Éclaireur panneau.



5. Faire un ruban avec du texte à l'intérieur

Étape 1

Revenez à la Outil de type (T) et écrivez le mot "Bright" avec les paramètres suivants.


Étape 2

Activer le Outil Rectangle (M) et créer un rectangle qui est 624 x 138px. J'ai ajouté un 8px tracer le long de l'intérieur du rectangle et l'aligner comme on le voit ci-dessous.


Étape 3

Avec le rectangle sélectionné, activez le Ajouter un outil de point d'ancrage (+) et à gauche et à droite du rectangle, cliquez au centre pour créer deux nouveaux points d'ancrage. Basculer vers le Outil de sélection directe (A) et en tenant le Décalage touche de votre clavier appuyez sur la La gauche et Flèches Droite trois fois pour décaler les points d'ancrage de plus de 30px.



6. Créer un flocon de neige

Étape 1

Nous en avons terminé avec le texte, mais ajoutons quelques éléments supplémentaires sur le thème de l’hiver pour aider à tout relier. Nous allons commencer avec un flocon de neige.

Activer le Outil étoile et cliquez sur la planche graphique et entrez les informations suivantes. Une fois l’étoile créée, visitez le Transformer panneau et cliquez sur le Contraindre icône (ressemble à une chaîne) et changez le Largeur à 182px. Vous pouvez ensuite faire pivoter toute la forme 90º et ajouter un trait aligné au centre qui est 6px et la même couleur bleue que notre texte à l'intérieur du ruban que nous avons fait plus tôt.


Étape 2

Dupliquez cette forme d'étoile et réduisez-la pour qu'elle soit 62px large. Inverser le remplissage et le tracé de sorte qu'il n'y ait pas de contour et que le remplissage soit maintenant bleu.


Étape 3

Activer le Outil de segment de ligne (\) et créez une ligne à partir du centre de la forme en étoile et jusqu'à ce qu'il soit 148px haut et caresser avec les mêmes paramètres sont la première étoile.


Étape 4

Basculer vers le Outil de sélection directe (A) et sélectionnez les trois points d'ancrage supérieurs de la grande forme d'étoile créée précédemment. Copiez la sélection et collez-la dans la planche graphique, puis alignez-la avec le centre de la ligne que nous avons créée, mais au-dessus de la forme d'étoile, comme illustré ci-dessous..


Étape 5

Dupliquez cette forme en chevron, réduisez-la un peu et déplacez-la vers le haut de la forme de la ligne, comme indiqué ci-dessous..


Étape 6

Sélectionnez les deux formes de chevron et visitez Objet> Fusion> Options de fusion. Changer les options pour Étapes spécifiques avec le montant réglé à 1. Maintenant visiter Objet> Mélange> Marque pour créer le mélange.


Étape 7

Basculer vers le Outil Ellipse (L) et créer un cercle qui est 20 x 20 pixels au-dessus des formes de chevron et de ligne.


Étape 8

Sélectionnez la ligne, le mélange de chevrons et le cercle et Groupe (Command-G) eux autres ensemble. Avec cette visite de groupe sélectionnée Effet> Distorsion & Transformation> Transformer et entrez les informations suivantes. Nous allons créer des copies et faire pivoter la forme sur un axe spécifique. Notez que nous avons choisi de faire pivoter la poignée du milieu en bas plutôt que le centre exact de la forme pour que notre pointe tourne autour de la forme en étoile entière..


Étape 9

Activer le Outil Ellipse (L) et créez deux cercles. L'un est 20 x 20 pixels et l'autre est 10 x 10px. Disposez-les comme dans la capture d'écran ci-dessous.


Étape 10

Basculer vers le Outil Rectangle (M) et créer un carré qui est 22 x 22px et le faire pivoter 45º donc il fait une forme de diamant. Maintenant, activez le Outil de sélection directe (A) et sélectionnez le point d'ancrage le plus à gauche, puis supprimez-le. Vous pouvez maintenant sélectionner cette forme de chevron et les cercles et Groupe (Command-G) eux autres ensemble.


Étape 11

Activer le Outil de rotation (R) et en tenant Option sur le clavier, changez l’angle en 60º et appuyez sur le Copie bouton pour dupliquer et faire pivoter le groupe. Maintenant, appuyez sur Commande-D quatre fois de plus pour répéter le processus.


Étape 12

Avec le flocon créé, vous pouvez maintenant le positionner avec le reste de l’œuvre.. Groupe (Command-G) les objets de flocon de neige ensemble et l'aligner de sorte que le centre du flocon de neige rencontre le bas du ruban que nous avons fait plus tôt.


Étape 13

Basculer vers le Outil Rectangle (M) et faites glisser un rectangle sur la moitié inférieure du flocon de neige. Sélectionnez à la fois le groupe rectangle et le groupe flocon, puis clic-droit sur l'Artboard et choisissez Faire masque d'écrêtage.



7. Créer les branches de houx

Étape 1

Les baies sont assez faciles à créer. Ils sont juste un cercle qui a été tourné et dupliqué. Commencez par sélectionner le Outil Ellipse (L) et créer un cercle qui est 24 x 24px et placez-le à l'emplacement suivant.


Étape 2

Accédez au Apparence panneau (Fenêtre> Apparence) et changez le remplissage en blanc, puis ajoutez deux traits. Une fois que c'est à l'intérieur, 3px, et notre couleur rose d'avant et une autre qui est à l'extérieur, 2px et blanc. Découvrez la capture d'écran ci-dessous.


Étape 3

Avec ce cercle toujours sélectionné visite Effet> Distorsion & Transformation> Transformer et entrez les informations suivantes. Notez le nombre de copies, l’axe de rotation ainsi que le Horizontal et Verticale se déplace.


Étape 4

Pour créer la feuille de houx, activez la Outil stylo (P) et cliquez pour créer une ligne droite suivie de quelques courbes comme indiqué ci-dessous. Nous allons utiliser un trait qui est 4px et la même couleur verte que notre première ligne de texte.


Étape 5

Avec cette moitié de congé choisi visite Effet> Distorsion & Transformation> Transformer et créer une copie et Réfléchir sur le X axe puis déplacez-le Horizontalement donc la ligne médiane se réunit.


Étape 6

Activer le Outil de segment de ligne (\) et créer une ligne qui est 180px large et caresser avec une belle couleur brune


Étape 7

Basculer vers le Outil Ellipse (L) et créer deux cercles qui sont 6 x 6px et les aligner à l'extrême gauche de la ligne que nous venons de créer. Les empiler les uns sur les autres comme on le voit ci-dessous.


Étape 8

Revenez à la la Outil de segment de ligne (\) et tout en maintenant Décalage sur le clavier, tracez une ligne diagonale qui se caresse avec un 3px ligne verte. Maintenant, dupliquez cette ligne et alignez-la à l’autre bout du bâton.


Étape 9

Sélectionnez les deux lignes vertes et visitez Objet> Fusion> Options de fusion et choisir Étapes spécifiées avec 12 comme le nombre. Maintenant choisir Objet> Mélange> Marque pour créer le mélange.


Étape 10

Je suis sûr que vous pouvez voir où nous allons avec cela, donc dupliquez le mélange et faites-le pivoter afin qu'il s'adapte le long de la face inférieure du bâton. Vous pouvez maintenant grouper le bâton et les feuilles ensemble et les dupliquer dans leur ensemble, puis les copier et les faire pivoter de l’autre côté des baies de houx.



Comme un cadeau… c'est un enveloppement!

Collez un arc dessus, vous avez terminé! Que vous envisagiez d’imprimer votre travail pour des cartes de vœux ou de le partager numériquement, j’espère que j’ai été en mesure de vous montrer quelques techniques de personnalisation du texte et de création de copies pivotées d’objets pour réduire votre charge de travail.