Comment créer un effet de texte d'angine dans Adobe Illustrator

Ce que vous allez créer

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

Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils et d'effets de base, ainsi que de la fonction Live Corners. En tirant pleinement parti du panneau Apparence et en utilisant un simple pinceau calligraphique, vous apprendrez à colorer la mouche principale. Vous apprendrez ensuite comment enregistrer et utiliser des pinceaux d’art et comment ajouter une nuance subtile à vos asticots. Enfin, vous apprendrez à ajouter un arrière-plan soigné avec une texture subtile et un simple morceau de texte..

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 Envato Market..

1. Créer un nouveau document et configurer une grille

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 600 dans la case de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

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

Vous pouvez en apprendre plus sur le système de grille d'Illustrator et sur la manière dont il peut faciliter votre travail dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Vous devriez aussi ouvrir 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> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer les formes principales

Étape 1

Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 236 G = 28 B = 36. Déplacez-vous sur votre planche d’art et créez un 7 x 6 px forme-la grille et la Aligner sur la grille fonctionnalité devrait rendre cela plus facile.

Continuez à vous concentrer sur ce cercle rouge et passez à la Outil de point d'ancrage (Maj-C). Cliquez simplement sur les points d'ancrage supérieur et inférieur. A la fin, votre forme devrait ressembler à la deuxième image..

Étape 2

Remplacez la couleur de remplissage existante par un jaune aléatoire et sélectionnez la Outil Rectangle (M). Créer un 2,5 x 7 px la forme et le placer exactement comme indiqué dans la première image.

En utilisant le même outil, ajoutez l’ensemble des six rectangles présentés dans la deuxième image. Examinez de plus près la grille et assurez-vous de placer ces nouveaux rectangles exactement comme indiqué sur l'image..

Étape 3

Concentrez-vous sur vos rectangles, choisissez le Outil de sélection directe (A) et sélectionnez uniquement les points d'ancrage qui constituent les côtés gauche (mis en évidence dans la première image). Déplacez-vous sur le panneau de commande et entrez simplement 0,5 px en cela Coins boîte.

La fonctionnalité Live Corners est uniquement disponible pour les utilisateurs de CC. La meilleure solution pour remplacer cet effet serait le Autour d'un coin script qui peut être trouvé dans cet article: 20 scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et saisissez le Outil de sélection directe (A). Sélectionnez les mêmes points d'ancrage et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un 0,5 px rayon, et cliquez D'accord.

Étape 4

En utilisant le même Outil de sélection directe (A), sélectionnez les points d'ancrage qui constituent les côtés droits (mis en évidence dans la première image). Déplacer vers le panneau de commande et cette fois entrez 1 px en cela Coins boîte.

Étape 5

Sélectionnez vos sept rectangles arrondis et allez à Effet> Warp> Ardennes. Vérifier la Horizontal boîte, faites glisser le pliez curseur vers 50%, puis cliquez sur le D'accord bouton.

Étape 6

Sélectionnez les trois rectangles arrondis mis en surbrillance dans l'image suivante et allez à Effet> Déformation> Arc inférieur. Vérifier la Verticale boîte, faites glisser le pliez curseur vers dix%, puis cliquez sur le D'accord bouton.

Étape 7

Sélectionnez les trois rectangles arrondis mis en surbrillance dans l'image suivante et allez à Effet> Déformation> Arc inférieur. Vérifier la Verticale boîte, faites glisser le pliez curseur vers 15%, puis cliquez sur le D'accord bouton.

Étape 8

Resélectionnez les sept rectangles arrondis et allez à Objet> Développer l'apparence.

Étape 9

Sélectionnez toutes les formes faites jusqu'à présent et allez à Objet> Transformer> Refléter. Vérifier la Verticale case puis cliquez dessus Copie bouton. Faites glisser les formes obtenues vers la gauche, comme indiqué dans la troisième image. Encore une fois, la grille et le Aligner sur la grille fonctionnalité facilitera votre travail.

3. Ajouter de la couleur et des reflets

Étape 1

Resélectionnez toutes les formes créées jusqu'à présent et remplacez les couleurs de remplissage existantes par R = 230 G = 130 B = 88.

Étape 2

Assurez-vous que vos formes restent sélectionnées, concentrez-vous sur Apparence panneau (Fenêtre> Apparence) et ajoutez un second remplissage en utilisant le Ajouter un nouveau remplissage bouton.

Sélectionnez votre nouveau remplissage, définissez la couleur sur blanc (R = 255 G = 255 B = 255), abaisse son Opacité à 20%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Échelle verticale curseur vers 80% puis cliquez sur le D'accord bouton.

Étape 3

Assurez-vous que vos formes sont toujours sélectionnées, concentrez-vous sur Apparence panneau, et ajouter un troisième remplissage en utilisant le même Ajouter un nouveau remplissage bouton.

Sélectionnez ce nouveau remplissage, définissez la couleur sur blanc, réduisez son Opacité à 40%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Échelle verticale curseur vers 60% puis cliquez sur le D'accord bouton.

Étape 4

Assurez-vous que vos formes sont toujours sélectionnées, concentrez-vous sur Apparence panneau, et ajouter un quatrième remplissage en utilisant le même Ajouter un nouveau remplissage bouton.

Sélectionnez ce nouveau remplissage, définissez la couleur sur blanc, réduisez son Opacité à 60%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Échelle verticale curseur vers 30% puis cliquez sur le D'accord bouton.

Étape 5

Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton. Vérifier la Pinceau calligraphique boîte et cliquez dessus D'accord bouton. Entrez tous les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

Resélectionnez toutes les formes, ajoutez votre nouveau pinceau calligraphique et n'oubliez pas de définir sa couleur sur R = 150 G = 75 B = 41.

Étape 6

Sélectionnez uniquement la forme la plus à droite et concentrez-vous sur Apparence panneau. Tout d’abord, sélectionnez le remplissage du bas et remplacez la couleur actuelle par R = 230 G = 86 B = 84, puis sélectionnez le trait et remplacez la couleur existante par R = 150 G = 42 B = 38.

4. Sauvegarder les pinceaux d'art

Étape 1

Sélectionnez toutes vos formes et revenez à la Des pinceaux panneau. Cliquez dessus Nouveau pinceau bouton, vérifiez la Pinceau d'art puis cliquez sur le bouton D'accord bouton. Entrez tous les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton. Ce sera votre premier pinceau à asticots.

Étape 2

Continuez à vous concentrer sur Des pinceaux panneau. Sélectionnez votre pinceau d’art mouche et faites-le glisser au-dessus Nouveau pinceau bouton pour le dupliquer. Double-cliquez sur votre pinceau nouvellement ajouté pour ouvrir le Options de pinceau d'art la fenêtre. Faites glisser le Largeur curseur vers 50%, renommez-le "Art Brush 50%", puis cliquez dessus D'accord bouton.

En utilisant la même technique, créez une seconde copie de votre pinceau. Renommez-le"Art Brush 25%" et assurez-vous de le faire glisser Largeur curseur vers 25%.

5. Ajouter le fond et du texte

Étape 1

En utilisant le Outil Rectangle (M), créé un 860 x 610 px la forme, remplissez-le avec R = 247 G = 205 B = 159, et assurez-vous qu'il couvre tout votre artboard.

Ajoutez un second remplissage pour cette forme et définissez sa couleur en noir (R = 0 G = 0 B = 0). Baisser sa Opacité à 3%, changer la Mode de fusion à Multiplier, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 2

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Pacifico, définissez la taille sur 180 pt, et puis cliquez simplement sur votre artboard. Ajouter le "Asticot" texte et définissez sa couleur sur R = 150 G = 75 B = 41.

Étape 3

Assurez-vous que votre texte est toujours sélectionné, baissez son Opacité à 25%, aller à Effet> Pathfinder> Ajouter et puis aller à Effet> Distort & Transform> Tweak. Entrez tous les attributs indiqués ci-dessous, puis cliquez dessus. D'accord bouton.

6. Ajouter les asticots

Étape 1

À ce stade, vous pouvez désactiver la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").

Choisissez le Pinceau (B) et sélectionnez votre Art Brush 100% du Des pinceaux panneau. Concentrez-vous sur votre texte et écartez quelques asticots comme indiqué dans l'image suivante.

Étape 2

Maintenant, vous devez sélectionner tous les asticots ajoutés à l'étape précédente. Vous pouvez le faire manuellement ou vous pouvez sélectionner l’un de ces chemins et simplement aller à Sélectionnez> Même> Apparence.

Une fois que vous avez sélectionné toutes les asticots, allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis ajoutez les deux autres Ombre portée effets montrés ci-dessous.

Étape 3

En utilisant le Pinceau (B) et le Pinceau d'art 50%, répandre de nouveaux vers autour des existants, comme indiqué ci-dessous.

Étape 4

Sélectionnez tous les astuces ajoutées à l'étape précédente et ajoutez les deux Ombre portée effets montrés ci-dessous.

Étape 5

En utilisant le Pinceau (B) et le Art Brush 25%, répandre de nouveaux vers autour des existants, comme indiqué ci-dessous.

Étape 6

Sélectionnez tous les astuces ajoutées à l'étape précédente et ajoutez les deux Ombre portée effets montrés ci-dessous.

7. Ajouter une ombre subtile

Étape 1

Sélectionnez le rectangle qui constitue votre arrière-plan, faites-en une copie devant (Contrôle-C> Contrôle-F) et amenez-le au premier plan (Shift-Control-]). Assurez-vous que cette copie reste sélectionnée et concentrez-vous sur le Apparence panneau.

Supprimez le remplissage noir et sélectionnez le remplissage restant. Changer son Mode de fusion à Lumière douce Remplacez ensuite la couleur de remplissage existante par le dégradé radial indiqué ci-dessous. Utilisez le Outil de dégradé (G) pour étirer votre dégradé comme indiqué ci-dessous, et gardez à l’esprit que le zéro jaune du Pente l'image représente Opacité pourcentage.

Étape 2

Assurez-vous que le rectangle ajouté à l’étape précédente est toujours sélectionné et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et concentrez-vous sur Apparence panneau. Baisser le Opacité à 15%, changer la Mode de fusion à Recouvrir, et remplacez le gradient radial existant par celui illustré ci-dessous.

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..

.