Comment créer un effet de texte de lettres dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte de lettres dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à créer un texte simple et à le convertir en formes vectorielles. En tirant pleinement parti du panneau Apparence, vous apprendrez à styliser votre texte et à créer les yeux. En utilisant des techniques de base de mélange et de trait, vous apprendrez à créer les jambes et à ajouter des ombres subtiles. Enfin, vous apprendrez à créer un arrière-plan simple.

Pour plus d'inspiration sur la façon d'ajuster ou d'améliorer votre effet de texte final, vous pouvez trouver de nombreuses ressources sur GraphicRiver..

Ce dont vous aurez besoin

Vous aurez besoin des ressources suivantes pour mener à bien ce projet:

  • Knicknack police

1. Comment créer un nouveau document et les formes de texte

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans la case de largeur et 510 dans la case hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Ouvrez le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités. Ces options augmenteront considérablement votre vitesse de travail.

Étape 2

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Knicknack puis définissez la Taille à 150 px et le suivi à 50. Déplacez-vous sur votre planche d’art, cliquez dessus et tapez votre texte. Nous allons utiliser le mot "DESSIN", qui est le français pour "dessin".

Étape 3

Assurez-vous que votre texte est toujours sélectionné et allez à Type> Créer des contours (Maj-Contrôle-O). Dissocier (Maj-Contrôle-G) le groupe obtenu, puis remplissez toutes vos lettres avec R = 255 G = 220 B = 50.

2. Comment styliser les formes de texte

Étape 1

Assurez-vous que toutes vos lettres sont sélectionnées et concentrez-vous sur Apparence panneau (Fenêtre> Apparence).

Ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton et sélectionnez-le. Définissez sa couleur sur R = 255 G = 170 B = 5, faites-le glisser sous le remplissage jaune et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer-Horizontal curseur vers -0,5 px et le Déplacer verticalement curseur vers -0,25 px, entrer 20 dans le Copies case, puis cliquez sur D'accord.

Étape 2

Sélectionnez toutes vos lettres et concentrez-vous sur Apparence panneau. Assurez-vous que tout votre chemin est sélectionné (cliquez simplement dessus Chemin composé texte du haut du panneau) et aller à Effet> 3D> Rotation. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 3

Sélectionnez vos formes de lettre une par une et remplacez les couleurs de remplissage existantes par celles illustrées dans l'image suivante..

Étape 4

Sélectionnez une de vos lettres et concentrez-vous sur Apparence panneau. Assurez-vous que tout le chemin est sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord. N'oubliez pas de vérifier le point de référence du milieu du bas.

Étape 5

Sélectionnez deux autres formes et appliquez le Transformer effets montrés ci-dessous.

3. Comment créer les yeux

Étape 1

Activer la grille (Voir> Afficher la grille) et Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 1 px, si simplement aller à Édition> Préférences> Guides et grille, et entrez 1 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Choisissez le Outil Ellipse (L) et créer un 13 x 19 px forme et un 13 x 16 px forme. Remplissez les deux formes avec du blanc (R = 255 G = 255 B = 255).

Étape 2

Assurez-vous que vos ellipses blanches restent sélectionnées et faites la mise au point. Apparence panneau. Ajouter un deuxième remplissage et définir sa couleur sur R = 254 G = 170 B = 5. Faites glisser ce nouveau remplissage sous le blanc et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 3

Assurez-vous que vos ellipses blanches restent sélectionnées et faites la mise au point. Apparence panneau. Ajouter un troisième remplissage et définir sa couleur sur R = 254 G = 170 B = 5. Faites glisser ce nouveau remplissage au bas du panneau et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 4

Choisissez le Outil Ellipse (L) et créer un 4 x 8 px forme et un 4 x 6 px forme. Remplir les deux formes avec R = 12 G = 142 B = 220 et placez-les comme indiqué ci-dessous.

Étape 5

Choisissez le Outil Ellipse (L) et créer deux, 4 x 2 px formes. Remplissez les deux formes avec du noir (R = 0 G = 0 B = 0) et placez-les comme indiqué ci-dessous.

Étape 6

Choisissez le Outil Ellipse (L) et créer deux 1 px cercles. Remplissez les deux formes de blanc et placez-les comme indiqué ci-dessous.

Étape 7

Sélectionnez les formes qui constituent l'œil gauche et Groupe leur (Contrôle-G). Sélectionnez les formes qui composent l'autre œil et aussi Groupe leur (Contrôle-G).

Étape 8

Multipliez les groupes de vos yeux et placez les copies approximativement comme indiqué ci-dessous. Utilisez le Outil de sélection directe (A) pour sélectionner facilement la forme de globe oculaire principale parmi vos groupes.

Ouvrez le Transformer Effet appliqué au remplissage du bas de cette forme et jouez avec ces réglages pour ajuster la position des sourcils. En outre, si nécessaire, remplacez la couleur orange par le bleu foncé ou le rose foncé utilisés pour les lettres..

4. Comment créer les jambes

Étape 1

Choisissez le Outil stylo (P) et tracez deux chemins simples, comme indiqué dans les premières images. Assurez-vous que ces nouveaux chemins restent sélectionnés et concentrez-vous sur la Apparence panneau.

Définissez la couleur du trait sur R = 255 G = 170 B = 5 puis ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 4 px puis vérifiez la Casquette ronde et Joindre rond boutons. Une fois que vous avez terminé, envoyez vos chemins à l’arrière (Shift-Control- [).

Étape 2

Multipliez les chemins qui composent les jambes et répartissez-les comme indiqué dans l'image suivante. Au besoin, remplacez l’orange par le bleu foncé ou le rose foncé des formes des lettres.

5. Comment créer l'ombre et l'arrière-plan

Étape 1

En utilisant le Outil Ellipse (L), créez le jeu de cercles compressés indiqué dans l'image suivante. Remplissez toutes ces formes de noir et abaissez leur Opacité à 15%. Placez-les comme indiqué ci-dessous et n'oubliez pas de les envoyer tous à l'arrière (Shift-Control- [) quand vous avez terminé.

Étape 2

Enfin, choisissez le Outil Rectangle (M) et créez une forme de la taille de votre planche d’art. Le remplir avec R = 44 G = 56 B = 104 et l'envoyer à l'arrière (Shift-Control- [).

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs. N'hésitez pas à partager votre résultat final dans la section commentaires.

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..

Vous cherchez à en savoir plus? Je vous recommande de consulter plus de mes tutoriels pour débutants: