Créer un effet de texte visqueux vert

Dans le didacticiel suivant, développez une police existante, utilisez les outils 3D d'illustrator pour ajouter une cote, puis ajoutez un effet de texte visqueux vert. Si vous souhaitez ajouter un effet de texte vectoriel amusant à votre portefeuille, commencez dès maintenant..


Étape 1

Tout d’abord, téléchargez la police Earthling et déplacez-vous dans votre répertoire Polices. Maintenant, ouvrez Illustrator, créez un document de 700 pixels par 300 pixels et sélectionnez l’outil Texte (T). Cliquez sur votre Artboard, entrez votre texte et allez à Objet> Développer. Sélectionnez le groupe de formes résultant et remplissez-les avec R = 142, G = 198, B = 64.


Étape 2

Sélectionnez le groupe créé à l'étape précédente et accédez à Effet> 3D> Extruder et biseauter. Cliquez sur le bouton Plus d'options, entrez toutes les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Objet> Développer l'apparence..


Étape 3

Accédez au groupe et aux sous-groupes créés lors des étapes précédentes. Commencez par supprimer tous les chemins de détourage, puis utilisez le bouton Unir de leur panneau Pathfinder pour unifier certaines de ces formes..


Étape 4

Sélectionnez toutes les formes de lettres du haut, puis sélectionnez Objet> Chemin composé> Créer. Remplissez le chemin résultant avec R = 6, G = 105, B = 57, puis amenez-le au premier plan (touche Maj + Commande + Touche Support droit). Double-cliquez dessus (dans le panneau Calques) et nommez-le "vecteurs". Sélectionnez le reste des formes et remplacez la couleur de remplissage par R = 91, G = 164, B = 69..


Étape 5

Ouvrez le panneau Dégradé et le nuancier. Créez les quatre dégradés illustrés ci-dessous et enregistrez-les dans votre panneau Nuancier. Nommez-les de "1" à "4" comme indiqué dans les étapes suivantes. Examinez de plus près le dégradé et vous remarquerez du texte jaune au-dessus de certains des curseurs de dégradé. Il est synonyme d'opacité.


Étape 6

Concentrons-nous sur les formes "v". Ignorez la forme de lettre supérieure et concentrez-vous sur les deux autres. Sélectionnez la forme du haut, ouvrez le menu déroulant du panneau Apparence et cliquez sur Ajouter un nouveau remplissage. Cela devrait ajouter un deuxième remplissage pour la forme sélectionnée.

Sélectionnez ce nouveau remplissage et utilisez "Gradient 01", comme indiqué ci-dessous. Sélectionnez la forme inférieure, ajoutez un nouveau remplissage et utilisez le même dégradé que celui présenté dans la première image. Ajoutez un troisième remplissage pour chacune de ces formes et utilisez "Dégradé 02". Sélectionnez la forme inférieure, ajoutez deux nouveaux remplissages et utilisez "Dégradé 03", comme indiqué dans la troisième image. Ajoutez un dernier remplissage pour la forme inférieure et utilisez "Dégradé 04".


Étape 7

Maintenant que vous savez utiliser plusieurs remplissages, utilisez les mêmes dégradés pour le reste des formes, comme illustré dans les images suivantes. Enfin, sélectionnez toutes ces formes et regroupez-les (Commande + G).


Étape 8

Retournez aux formes "v". Dans cette étape, nous verrons quelques détails discrets. Tout d’abord, créez deux copies de la forme inférieure, puis choisissez l’outil Rectangle (M) et créez deux rectangles comme indiqué dans les premières images. Sélectionnez chacune de ces formes avec l'une des copies et cliquez sur le bouton Intersection du panneau Pathfinder. Remplissez les deux formes de blanc et réduisez leur opacité à 10%.


Étape 9

Répétez les mêmes techniques pour le reste des formes. Notez que ces rectangles frais doivent être situés au-dessus des zones les plus claires ("Gradient 03" est appliqué). Enfin, sélectionnez toutes ces formes blanches et regroupez-les (Commande + G).


Étape 10

Maintenant, concentrons-nous sur la forme "vecteurs". Sélectionnez-le et faites deux copies (Commande + C> Commande + F). Allez dans Edition> Préférences> Général et entrez "1" dans la case Incrément de clavier. Sélectionnez la copie du haut et appuyez une fois sur la flèche du haut (pour la déplacer de 1 pixel vers le haut). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder..

Remplissez les formes résultantes avec R = 142, G = 198, B = 64. Resélectionner le vecteurs façonner et faire deux autres copies. Allez dans Edition> Préférences> Général et entrez "0,5" dans la case Incrément de clavier. Sélectionnez la copie du haut et appuyez une fois sur la flèche du bas (pour la déplacer de 0,5 pixel vers le bas). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir les formes résultantes avec R = 0, G = 67, B = 31.


Étape 11

Pour l'étape suivante, vous aurez besoin d'une grille chaque 1px. Commencez par activer la grille (Affichage> Grille) et l’alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Modifier> Préférences> Guides et grille. Entrez "1" dans les cases "Gridline every" et "Subdivisions", puis cliquez sur OK. Maintenant, sélectionnez l’outil Ellipse (L) et créez trois cercles compressés (un format 6x5 px, un format 4x3 px et une forme 3x2 px) et placez-les comme indiqué dans l’image suivante..

Remplissez-les avec R = 91, G = 164, B = 69 puis regroupez-les (Commande + G). Désactivez la grille et l'alignement sur la grille, puis effectuez plusieurs copies de ce groupe et répartissez-les sur le texte, comme indiqué dans la deuxième image..


Étape 12

Choisissez l'outil Rectangle (M), créez une forme de 680 x 30 pixels et placez-le comme indiqué dans l'image suivante. Sélectionnez-le et allez à Effet> Déformer et transformer> Roughen. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Sélectionnez la forme obtenue et accédez à Objet> Chemin> Chemin décalé. Entrez un décalage de 15 pixels et cliquez sur OK.


Étape 13

Maintenant, ajoutons de la couleur aux formes créées aux étapes précédentes. Sélectionnez le plus petit, remplissez-le avec R = 142, G = 198, B = 64, baissez son opacité à 70%, puis allez à Effet> Flou> Flou gaussien. Entrez un rayon de 5 px et cliquez sur OK. Sélectionnez l'autre forme, remplissez-la avec R = 142, G = 198, B = 64, baissez son opacité à 30% et ajoutez un effet Flou gaussien de 5 pixels.

Maintenant, vous devez masquer ces deux formes. Commencez par les grouper (Commande + G), puis ouvrez le panneau Transparence. Créez une nouvelle copie de "vecteurs", remplissez-la de blanc et déplacez-la au-dessus de ce nouveau groupe (dans le panneau Calques). Sélectionnez maintenant la forme et le groupe, ouvrez le menu déroulant du panneau Transparence et cliquez sur Créer un masque d'opacité. En fin de compte, cela devrait ressembler à l'image finale ci-dessous.


Étape 14

Faites deux autres copies de "vecteurs", puis sélectionnez l'outil Rectangle (M). Créez une forme comme celle montrée dans la première image et dupliquez-la. Sélectionnez l'un des rectangles, avec l'une des copies "vecteurs", puis cliquez sur le bouton Moins avant dans le panneau Pathfinder. Sélectionnez les formes obtenues et sélectionnez Objet> Chemin composé> Créer.

Remplissez ce tracé avec le dégradé linéaire indiqué dans la deuxième image, réduisez son opacité à 20%, puis changez son mode de fusion en superposition. Sélectionnez l'autre rectangle avec les "vecteurs", copiez et cliquez sur le bouton Intersection du panneau Pathfinder. Sélectionnez les formes obtenues et accédez à Objet> Chemin composé> Créer. Remplissez ce nouveau tracé avec le dégradé linéaire indiqué dans la quatrième image, réduisez son opacité à 20%, puis changez son mode de fusion en superposition.


Étape 15

Faites une nouvelle copie de "vecteurs". Sélectionnez-le, envoyez-le à l'arrière-plan (Maj + Commande + touche Bracket Gauche), placez-le comme indiqué dans la deuxième image et renommez-le "vecteurs.back". Changez sa couleur de remplissage en R = 0, G = 67, B = 31, puis dupliquez-la. Sélectionnez la copie, déplacez-la 1px vers le bas et à droite, puis diminuez son opacité à 50%.


Étape 16

Resélectionnez "vectors.back" et allez à Objet> Chemin> Chemin décalé. Entrez un décalage "3px" et cliquez sur OK. Sélectionnez la forme obtenue, remplissez-la avec R = 6, G = 105, B = 57 et accédez à nouveau à Objet> Chemin> Décalage du chemin..

Entrez un décalage "2px" et cliquez sur OK. Sélectionnez la forme obtenue, remplissez-la avec R = 38, G = 126, B = 62 et accédez à nouveau à Objet> Chemin> Décalage. Entrez un décalage "2px" et cliquez sur OK.

Sélectionnez la forme obtenue, remplissez-la avec R = 71, G = 150, B = 68 et accédez une fois de plus à Objet> Chemin> Décalage du chemin. Entrez un décalage "3px" et cliquez sur OK. Remplir la forme résultante avec R = 107, G = 175, B = 68.


Étape 17

Sélectionnez la forme "vector.back" d'origine et sélectionnez Effet> Flou> Flou gaussien. Entrez un rayon de 2x et cliquez sur OK.


Étape 18

Sélectionnez toutes les formes créées à la seizième étape et accédez à Effet> Déformer et transformer> Rendre rugueux. Entrez les données indiquées ci-dessous et cliquez sur OK. Sélectionnez à présent uniquement la forme la plus grande et sélectionnez Effet> Styliser> Lueur externe. Entrez les données ci-dessous et cliquez sur OK.


Étape 19

Choisissez l'outil Ellipse (L), créez une forme de 22 pixels sur 15 pixels, puis remplissez-le avec R = 6, G = 105, B = 57. Sélectionnez cette forme et allez à Effet> Déformation> Arc. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Faites deux copies de la forme résultante. Sélectionnez la copie du haut et appuyez trois fois sur la flèche du haut (pour la déplacer de 1,5 pixels vers le haut).

Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme résultante avec R = 91, G = 164, B = 69. Ajoutez maintenant un second remplissage et utilisez le dégradé linéaire indiqué dans l'image finale. Grouper ces deux formes.


Étape 20

Choisissez l'outil Ellipse (L), créez une forme de 18 x 12 x et remplissez-la avec R = 6, G = 105, B = 57. Sélectionnez cette forme et allez à Effet> Déformation> Arc. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Effet> Déformation> Poisson. Encore une fois, entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Faites deux copies de la forme résultante.

Sélectionnez la copie du haut et appuyez trois fois sur la flèche vers le haut (pour la déplacer de 1,5 pixels vers le haut). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme résultante avec R = 91, G = 164, B = 69, puis ajoutez un second remplissage et utilisez le dégradé linéaire indiqué dans l'image finale. Grouper ces deux formes.


Étape 21

Sélectionnez le groupe créé à l'étape précédente et accédez à Effet> Déformer et transformer> Refléter. Cochez le bouton Vertical, puis cliquez sur le bouton Copier. Cela créera une copie retournée horizontalement de votre groupe..


Étape 22

Faites des copies des groupes réalisés aux trois étapes précédentes. Faites pivoter, redimensionnez, puis placez ces groupes comme indiqué dans l'image suivante. Ajoutez un cercle pressé discret pour chacune des parties de ce groupe et remplissez-le avec R = 91, G = 164, B = 64. Enfin, ajoutez un simple effet Ombre portée (Effet> Styliser> Ombre portée) pour les groupes du bas..


Étape 23

Pour l’arrière-plan, utilisez l’outil Rectangle (M) pour créer une forme de la taille de votre planche d’art (700 x 300 pixels). Remplissez-le de blanc, puis ajoutez un deuxième remplissage et utilisez le dégradé radial indiqué dans la deuxième image. Encore une fois, regardez de plus près le dégradé. Le test jaune correspond à l'opacité et le texte blanc à l'emplacement..


Étape 24

Dupliquez le rectangle créé à l'étape précédente. Sélectionnez-le, sélectionnez le second remplissage (dans le panneau Apparence), puis allez au panneau Dégradé et cliquez sur le bouton Inverser le dégradé. Enfin, sélectionnez à nouveau le chemin complet, réduisez son opacité à 25% et vous avez terminé..


Conclusion

L'image finale est ci-dessous.