Comment concevoir une carte de lettrage Love dans Adobe Illustrator

Ce que vous allez créer

L'amour est dans l'air! L'amour est partout! Dans ce didacticiel, nous allons passer par un processus inspirant et créer une carte postale à lettrage complexe. Nous allons combiner diverses techniques, en partant de l'utilisation de formes et d'outils géométriques de base, puis en passant à l'écriture à main levée, à l'aide des outils de dessin d'Adobe Illustrator! Nous finirons en travaillant avec les couleurs et en ajoutant quelques détails ornés.

À la fin de ce didacticiel, vous aurez une carte postale de lettrage élégante qui peut devenir un joli cadeau pour une personne chère. De plus, vous pouvez appliquer les mêmes techniques pour créer toute autre carte ou affiche avec lettrage à la main, qu'il s'agisse d'une carte postale originale de félicitation pour un anniversaire, d'une carte de voeux ou d'une invitation de mariage stylé. Si vous sentez que vous êtes à court d'idées, je vous recommande vivement de parcourir le marché Envato pour trouver l'inspiration pour vos lettres! Et si vous êtes prêt, passons directement au processus!

1. façonner les lettres d'amour

Étape 1

Commencez par faire un Nouveau document de 450 x 450 px Taille.

Je commence généralement à créer mes lettres avec des croquis, à la recherche d’idées et de compositions équilibrées. Votre croquis n'a pas besoin d'être parfaitement aligné et soigné. Voici celle que j'ai faite; ça a l'air assez bizarre et inégal, parce que je l'ai fait très vite pour corriger mon idée sur papier. Je vais utiliser ce croquis juste comme référence pour ma future carte. Je le place sur un calque séparé, double-cliquez le calque et cochez la Modèle case à cocher pour faire la couche 50% transparent et verrouiller.

Étape 2

Commençons à façonner le mot “aimer” à partir de la lettre L. Outil Rectangle (M) faire un 8 x 50 px forme jaune clair. Faire une autre bande sur le dessus, en réglant sa taille à 10 x 25 px et en le remplissant de turquoise.

Étape 3

Rendons maintenant les éléments décoratifs de la lettre, qui seront également utilisés pour toutes les autres lettres. Prendre le Outil Ellipse (L), faire deux 12,5 x 12,5 px chevauchement des cercles et placez-les sur le côté gauche de la bande turquoise, comme indiqué dans la capture d'écran ci-dessous. La couleur des cercles n'a pas d'importance - je les rend contrastés et visibles. Sélectionnez les deux cercles et cliquez Minus Front dans le Éclaireur panneau pour couper le cercle supérieur.

Étape 4

Maintenant que nous avons la forme en croissant, adaptons-la à la bande turquoise. Sélectionnez à la fois la bande et le croissant, prenez la Outil de création de forme (Maj-M), tenir Alt et cliquez sur la partie inférieure du croissant pour le supprimer.

Étape 5

Utilisez le Outil Pipette (I) choisir la couleur de la bande et l'appliquer à l'élément décoratif. Double-cliquez la Outil de réflexion (O) et retournez la forme sur le Axe vertical. Clique le Copie bouton pour ajouter une forme réfléchie et l'attacher au côté opposé de la bande turquoise. De cette manière, nous créons un look floral rétro pour notre lettre..

Étape 6

Choisissons toutes les pièces turquoises et Unir eux dans le Éclaireur en une seule forme. Utilisez le Outil Supprimer les points d'ancrage (-) se débarrasser des points inutiles sur les bords de la forme fusionnée. Si la forme semble déformée ou non symétrique, utilisez les touches Outil de sélection directe (A) pour fixer les points d'ancrage et les poignées d'ancrage. N'oubliez pas de tenir Décalage si vous souhaitez positionner les poignées horizontalement ou verticalement.

Étape 7

Maintenant, ajoutez un 30 x 10 px rectangle pour la partie horizontale de la lettre L. Créez un autre petit 6 x 7,5 px rectangle et placez-le sur le côté droit de la forme.

Étape 8

Sélectionnez le coin en haut à droite de notre petit rectangle avec le Outil de sélection directe (A) et utiliser le Coins vivants fonction pour le rendre complètement arrondi.

Utilisons le Aligner panneau pour positionner correctement les formes. Sélectionnez la bande horizontale et le rectangle arrondi, puis cliquez à nouveau sur la bande horizontale pour en faire une Objet clé (il sera marqué par une sélection plus épaisse). Cliquez sur Horizontal Align Right dans le Aligner panneau pour aligner les formes à droite.

Aligner toutes les autres parties de la lettre, si nécessaire.

Étape 9

Maintenant, décorons le haut de la lettre. Faire un 7 x 7 px cercle jaune et placez-le sur le côté gauche de la bande verticale jaune. Tenir Alt-Shift et faites glisser le cercle vers la droite pour en faire une copie. Maintenant, notre lettre L a un aspect arrondi plus doux. 

Étape 10

Ajoutons quelques éléments plus décoratifs. Utilisez le Outil de segment de ligne (\) ou la Outil stylo (P), tenir Décalage et faire une bande verticale au centre de la lettre. Met le Accident vasculaire cérébral couleur au jaune plus foncé. Dirigez-vous vers le Accident vasculaire cérébral panneau et définir le Poids à 1 pt. Met le Profil à Profil de largeur 1 dans le bas de la Accident vasculaire cérébral panneau, rendant la ligne plus épaisse au milieu et fine aux extrémités.

Sélectionnez la ligne et appuyez sur Contrôle-[ plusieurs fois pour le placer sous la forme turquoise.

Étape 11

Ajoutez une ligne coudée au-dessus de la forme turquoise et faites le Accident vasculaire cérébral couleur turquoise clair. Et voici le moyen le plus simple de faire la ligne pointillée: dans le Accident vasculaire cérébral panneau, cochez la Ligne pointillée case à cocher, définir le tiret à 0 px et le écart à 4 pt. Met le Poids à 1,5 pt, et vous l'avez!

Étape 12

Faisons maintenant la lettre O. Prenons le Outil Rectangle Arrondi et faire un 30 x 52,5 px forme. Vous pouvez ajuster le Rayon de coin à votre convenance depuis le panneau de commande supérieur.

Utilisez le Des guides aligner les lettres vers le haut. Vous pouvez faire glisser le Des guides directement sur votre Artboard depuis le Règles (Control-R).

Faire un autre rectangle arrondi sur le premier. J'utilise la bande verticale de notre lettre précédente pour m'assurer que le contour de la lettre O aura la même largeur. Cela m'aide à ajuster la taille de la forme intérieure. 

Lorsque vous avez ajusté la taille du rectangle intérieur, sélectionnez-les et utilisez les touches Minus Front fonction de la Éclaireur découper la forme en faisant un trou.

Étape 13

Sélectionnez la lettre O et allez à Objet> Chemin> Chemin décalé. Met le Décalage valeur à 1,5 px, formant un bord en dehors de la lettre. Remplissez la nouvelle forme avec la couleur turquoise et Aligner à la bas de la lettre L, en utilisant la bande horizontale du L comme Objet clé.

Étape 14

Sélectionnez l'élément turquoise du O et prenez le Outil Gomme (Maj-E). Tenir Alt et supprimez la moitié supérieure de la forme. 

Utilisez l'horizontale Guider faire les éléments des lettres de la même hauteur. 

Copiela bande verticale turquoise de la lettre L et utilisez le Outil Gomme (Maj-E) supprimer la bande, ne laissant que la «queue» décorative. Attachez les queues à la lettre O en les adaptant à la forme turquoise du O.

Sélectionnez tous les éléments turquoises du O et appuyez sur Shift-Control-] à Apporter leur à l'avant.

Étape 15

Créez un autre rectangle arrondi au-dessus du O, en le basculant sur Accident vasculaire cérébral Couleur. Utilisez le Outil Ciseaux (C) et cliquez sur les points d'ancrage marqués pour diviser les formes en deux parties. Modifier l'apparence des pièces en appliquant les mêmes paramètres de la Accident vasculaire cérébral comme nous avons pour la lettre L.

Étape 16

Faisons maintenant la lettre V. Dupliquons deux fois la bande verticale jaune de la lettre L et faisons pivoter les bandes pour qu’elles se chevauchent en bas et forment une forme en V.

Sélectionnez les deux bandes et utilisez le Outil de création de forme (Maj-M) en tenant Alt supprimer les pièces inutiles.

Étape 17

Utilisez le Chemin de décalage fonctionner avec 1,5 px offset valoriser et remplir la forme créée avec turquoise. Aligner la nouvelle forme à la bas de la lettre précédente.

Étape 18

Effacer la partie supérieure de la forme turquoise et y attacher des éléments décoratifs floraux. Terminez la lettre en ajoutant des traits décoratifs.

Étape 19

Formez les deux lettres suivantes (I et N) à partir des parties verticales de la lettre L. Utilisez les copies de ces parties et combinez-les pour créer des lettres du même style..

Étape 20

Et enfin, la lettre G. Faites une copie de la lettre O et utilisez le Outil Gomme (Maj-E) effacer un morceau sur son côté droit. Corrigez les traits décoratifs ou créez-en de nouveaux s'ils semblent déformés après la transformation.

Dupliquez les cercles jaunes et un petit rectangle arrondi de la lettre L et terminez avec la lettre G.

Bon travail! Le premier mot de notre carte est prêt! Passons à autre chose et faisons de l'écriture!

2. Utilisez l'outil pinceau blob pour l'écriture manuscrite

Étape 1

Maintenant, écrivons le mot «vous» à main levée. Vous pouvez utiliser votre propre écriture ou choisir une belle police manuscrite à votre goût comme référence et dessiner dessus..

Double-cliquez la Outil Pinceau Blob (Maj-B) ouvrir le Les options la fenêtre. Vous pouvez voir mes paramètres dans la capture d'écran ci-dessous. J'utilise une tablette graphique pour rendre le processus plus confortable et plus lisse, et je change la taille de la brosse avec le [ et ] clés. Si vous utilisez une souris, déplacez le fidélité curseur vers Lisse afin d'obtenir des lignes fluides.

Étape 2

le Outil Pinceau Blob (Maj-B) nous permet de dessiner avec des formes, nous ne pouvons donc pas éditer les lignes en tant que traits. Cependant, nous pouvons utiliser le Outil de sélection directe (A) pour déplacer les points d’ancrage et ajuster la position des poignées d’ancrage. De cette façon, nous pouvons faire varier l'épaisseur de la lettre, en rendant certaines de ses parties plus épaisses et d'autres plus minces, en imitant l'écriture réelle sur papier..

Voici à quoi ressemble ma parole. Je traçais les lettres juste au-dessus du croquis et les avais modifiées pour que le lettrage soit lisse et fluide.

Étape 3

Nous allons maintenant imiter une police de caractères pour machine à écrire. Nous pourrions utiliser certaines des polices intégrées et taper simplement le mot, mais restons dans le style général de notre image et donnons-lui un aspect manuscrit..

Tout d’abord, sélectionnons une belle police de type machine à écrire, comme Courier, Consolas ou toute autre police de votre choix. J'utilise le Prestige Elite Std police pour taper la phrase "est comme", en réglant la taille sur 12 pt et la couleur à une légère teinte de gris.

Verrouillez l'objet dans le Couches panneau, armez-vous du Outil Pinceau Blob (Maj-B) et commencez à dessiner les lettres. Je leur donne un aspect un peu différent de l'original.

finalement, groupe (Control-G) chaque lettre et rapprochez-les un peu.

Étape 4

Passons maintenant au mot «magie». J'utilise mon croquis comme référence pour former les lettres ressemblant à des caricatures. Utilisez le Outil Crayon (N) dessiner une lettre tourbillonnante courbée et la remplir de couleur bleu foncé. Ma lettre de vecteur ne ressemble pas exactement à celle de l'esquisse, car elle est plutôt grossière.

Si vous vous sentez mal à l'aise de dessiner avec le Outil Crayon (N) sans esquisse appropriée, vous pouvez créer une esquisse propre avec des lettres lisses, la placer dans Adobe Illustrator, puis tracer ci-dessus avec la Outil Crayon (N). Cela vous aidera à contrôler les lignes et à faciliter le processus de dessin.. 

J'utilise le Outil de sélection directe (A) pour déplacer et modifier tous les points de la lettre qui ne semblent pas corrects. Essayez de rendre les tourbillons de la lettre plus ou moins symétriques.

Étape 5

Maintenant, dessinons la lettre A. Notez que le côté gauche du A correspond bien au tourbillon de la lettre M. Cela permet de créer un certain lien entre les lettres..

Dessinez une petite forme sur le A et utilisez le Minus Front fonction de la Éclaireur le découper en formant un trou arrondi. 

Étape 6

Continuer à utiliser le Outil Crayon (N) et dessine la lettre suivante. Placez le G au-dessus du A et faites-le pivoter un peu vers la gauche, en le faisant correspondre à l'arc du A. 

Ajouter une lettre I avec un point swirly enjoué. 

Terminez en traçant un C arrondi, en le faisant pivoter vers le côté opposé, vers la droite. Modifiez les lettres si nécessaire en les rendant lisses.

Étape 7

Ajustez la position des lettres, en les faisant correspondre, en plaçant certaines d'entre elles plus haut et les autres plus bas, en les faisant pivoter dans des directions opposées afin de donner au mot un air de dessin animé ludique.

Étape 8

Utilisez le Outil Crayon (N) encore une fois, mais cette fois, changez le Remplir couleur à aucun et le Accident vasculaire cérébral couleur au bleu foncé. Faites des traits lisses et arrondis autour des lettres. dans le Accident vasculaire cérébral panneau, réglez le Poids à 1 pt et le Profil à Profil de largeur 1.

Maintenant, le mot semble détaillé. Passons à autre chose et combinons les mots en une carte romantique!

3. Combinez les mots dans une carte postale d'amour

Étape 1

Tout d’abord, créons un 450 x 450 px rectangle et remplissez-le d'une couleur bleu violet très foncé. Envoyer le rectangle vers l'arrière (Shift-Control- [), formant le fond.

Nos lettres semblent plates à ce stade et nous pouvons les laisser comme cela ou essayer d'appliquer des dégradés doux pour donner à notre image un peu plus de profondeur et rendre les lettres plus complexes.. 

Commencez par changer les couleurs de la lettre L dans le mot «aimer». Sélectionnez tous les éléments jaunes et remplissez-les avec un dégradé linéaire allant de l'orange au jaune, ce qui leur donne une touche d'or. Utilisez le Outil de dégradé (G) placer le dégradé verticalement.

Sélectionnez ensuite les éléments turquoises et appliquez un dégradé linéaire vertical allant du turquoise au bleu, ce qui rend la lettre brillante..

Recolorez également toutes les lettres restantes du mot.

Étape 2

Travaillons maintenant sur le mot «vous». Commencez par appliquer un dégradé linéaire allant du brun clair au beige clair, en définissant le dégradé en diagonale..

Étape 3

Maintenant, donnons à la lettre Y un aspect tridimensionnel en ajoutant des ombres subtiles aux endroits où les lignes se chevauchent. Copie le Y et Coller devant (Control-C> Control-F). Remplissez la copie avec une couleur bleue contrastante. 

Zoomez sur la boucle de la lettre et utilisez le Outil Ciseaux (C) Cliquez sur les quatre points d’ancrage situés dans la partie superposée de la lettre, indiqués dans la capture d’écran ci-dessous. Maintenant que la forme est divisée en plusieurs parties, conservez-la sélectionnée, prenez la Outil Gomme (Maj-E), et utilisez-le comme indiqué ci-dessous.

Étape 4

Maintenant, sélectionnez les éléments inutiles, ne laissant que quelques-uns des morceaux, qui seront transformés en ombres.

Étape 5

Met le Mode de fusion de la forme à Multiplier et remplissez-le avec un dégradé linéaire allant du brun clair au blanc. Vous pouvez également définir le Opacité de la pointe blanche du gradient à 0%, ce qui le rend totalement transparent. Utilisez le Outil de dégradé (G) positionner le dégradé dans la bonne direction.

Ces ombres douces nous aident à séparer les parties de la lettre en leur donnant un aspect tridimensionnel..

Étape 6

Faites la même chose pour le reste des lettres, en formant les pièces qui seront transformées en ombres. J'ai marqué ces formes en noir dans la capture d'écran ci-dessous.

Transformez ces formes en Multiplier le mode de fusion et appliquer des dégradés linéaires, comme nous l'avons fait à l'étape précédente. Maintenant, notre mot semble assez en trois dimensions!

Étape 7

Passez à la partie suivante de notre carte et remplissez la phrase «c'est comme» avec un élégant dégradé linéaire doré-beige en sélectionnant toutes les lettres et en leur appliquant simultanément un dégradé. Ajoutez deux lignes horizontales minces de chaque côté de la phrase.

Étape 8

Et, enfin, le dernier mot de notre carte: "magique". Sélectionnez toutes les lettres et appliquez un dégradé linéaire du bleu en haut au lilas en bas.. 

Coloriez également les traits en les faisant correspondre à la palette du mot. Vous pouvez les laisser en tant que traits et appliquer les couleurs manuellement ou Objet> Développer l'apparence et les colorier avec les lettres en sélectionnant le mot entier et en appliquant un dégradé vertical.

Étape 9

Rendons les lettres un peu plus détaillées et complexes. Sélectionnez la lettre M et appliquez Chemin de décalage avec -Décalage de 2.5 px valeur, créant une forme plus petite à l'intérieur. Fixez la forme intérieure, si nécessaire, en déplaçant les points d’ancrage et les poignées avec Outil de sélection directe (A).

Remplissez la forme créée avec un dégradé linéaire vertical allant du bleu foncé au violet foncé et inversez le Mode de fusion à Écran, rendant la forme semi-transparente et lumineuse.

Utilisez la même technique pour ajouter des éléments lumineux à chaque lettre.

Étape 10

Ajoutons encore plus de magie à notre image en créant des étoiles scintillantes. Utilisez le Outil étoile (vous pouvez le trouver dans le même menu déroulant que d’autres formes géométriques) pour créer À 4 pointes étoile. Tenez le Contrôle clé tout en faisant en sorte que l'étoile ajuste son épaisseur, ce qui la rend bombée.

Faites un groupe d’étoiles de différentes tailles, en les remplissant de dégradés dorés de plus en plus foncés, et tachetez les étoiles autour du mot «magique»..

Étape 11

Utilisez le Outil Crayon (N) tracer une ligne tourbillonnante en haut à gauche du mot «aimer». Basculer vers Accident vasculaire cérébral colorer et appliquer un dégradé linéaire du brun au beige clair. Vous ne pouvez pas éditer la direction de votre Accident vasculaire cérébral gradient avec le Outil de dégradé (G), mais vous pouvez ajuster sa Angle du Pente panneau.

dans le Accident vasculaire cérébral panneau, réglez le Poids à 2 pt et le Profil à Profil de largeur 1.

Étape 12

Ajoutez plus de tourbillons et de tourbillons autour du mot «aimer», formant un cadre. Ajoutez des tourbillons des deux côtés du mot «vous» également.

Étape 13

Terminez les tourbillons en ajoutant de fins traits violet clair et des traits fins en pointillés, ce qui donne aux tourbillons un aspect fleuri..

Charmant! Notre carte postale de lettrage est terminée!

Excellent travail, mes amis! Nous avons terminé notre élégante carte postale "love", que vous pouvez imprimer, encadrer et présenter fièrement à votre bien-aimée. Il est fait par vous et, comme vous le savez, les cadeaux faits à la main et créés avec amour sont les meilleurs.

J'espère que vous avez apprécié le processus de création de cette carte et que vous utiliserez ces trucs et astuces pour créer d'autres cartes d'inscription ou affiches..

Au fait, j'ai un autre tutoriel de lettrage pour vous! C'est facile et amusant, alors jetez-y un œil!

  • Créez une affiche rétro avec un lettrage original dans Adobe Illustrator