Comment créer un effet de texte détaillé Caterpillar dans Adobe Illustrator

Ce que vous allez créer

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

Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils de base, d'effets Warp et de la fonction Coins vifs. Ensuite, vous apprendrez comment enregistrer un pinceau calligraphique, comment tirer pleinement parti du panneau Apparence et quelques astuces délicates. Enfin, vous apprendrez à enregistrer et à utiliser des pinceaux, à créer un arrière-plan légèrement texturé et à ajouter des ombres subtiles..

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

1. Comment 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 hauteur, puis cliquez dessus Avancée bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Activer le la grille (Voir> Afficher la grille) et Aligner 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 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 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. Comment créer les formes de départ

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 192 G = 39 B = 45. Déplacez-vous sur votre planche et créez simplement un 5,5 x 10 px rectangle.

Basculer vers le Outil de sélection directe (A) et sélectionnez les quatre points d'ancrage qui constituent votre rectangle. Déplacez-vous vers la barre supérieure et entrez 0,5 px en cela Coins boîte.

Étape 2

Assurez-vous que votre rectangle arrondi est sélectionné et allez à Effet> Warp> Ardennes. Vérifier la Horizontal boîte, faites glisser le pliez curseur vers 50%, puis cliquez dessus D'accord bouton.

Étape 3

Dupliquez votre forme (Contrôle-C> Contrôle-F). Sélectionnez la copie et faites-la glisser 5,5 px à droite comme indiqué dans la première image.

Sélectionnez les deux formes faites jusqu'à présent et allez à Objet> Développer l'apparence.

Étape 4

En utilisant le Outil Rectangle (M), créer un 4,5 x 10 px la forme, remplissez-le avec R = 236 G = 28 B = 36, et placez-le comme indiqué dans la première image.

Continuez à vous concentrer sur ce nouveau rectangle et choisissez le Outil de sélection directe (A). Tout d'abord, sélectionnez les points d'ancrage de gauche et entrez 0,5 px en cela Coins puis sélectionnez les bons points d’ancrage et entrez 1 px dans ce même Coins boîte. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..

Étape 5

Resélectionnez votre nouvelle forme et allez à Effet> Warp> Ardennes. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Encore une fois, entrez les attributs indiqués dans l’image suivante, puis cliquez dessus. D'accord bouton.

Étape 6

En utilisant le Outil Rectangle (M), créer un 4,5 x 9 px la forme, remplissez-le avec R = 240 G = 90 B = 36, et placez-le comme indiqué dans la première image.

Continuez à vous concentrer sur ce nouveau rectangle et choisissez le Outil de sélection directe (A). Tout d'abord, sélectionnez les points d'ancrage de gauche et entrez 0,5 px en cela Coins puis sélectionnez les bons points d’ancrage et entrez 1 px dans ce même Coins boîte. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..

Étape 7

Resélectionnez votre forme orange et allez à Effet> Warp> Ardennes. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Encore une fois, entrez les attributs indiqués dans l’image suivante, puis cliquez dessus. D'accord bouton. Assurez-vous que la forme obtenue est sélectionnée et renvoyez-la à l’aide de la touche Shift-Control- [ raccourci clavier.

Étape 8

En utilisant le Outil Rectangle (M), créer un 4,5 x 8 px la forme, remplissez-le avec R = 246 G = 146 B = 30, et placez-le comme indiqué dans la première image.

Continuez à vous concentrer sur ce nouveau rectangle et choisissez le Outil de sélection directe (A). Tout d'abord, sélectionnez les points d'ancrage de gauche et entrez 0,5 px en cela Coins puis sélectionnez les bons points d’ancrage et entrez 1 px dans ce même Coins boîte. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..

Étape 9

Resélectionnez votre forme jaune et allez à Effet> Warp> Ardennes. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Encore une fois, entrez les attributs indiqués dans l’image suivante, puis cliquez dessus. D'accord bouton. Assurez-vous que la forme obtenue est sélectionnée et renvoyez-la en utilisant la même chose. Shift-Control- [ raccourci clavier.

Étape 10

En utilisant le Outil Rectangle (M), créer un 3,5 x 7 px la forme, remplissez-le avec R = 250 G = 175 B = 59, et placez-le comme indiqué dans la première image.

Continuez à vous concentrer sur ce nouveau rectangle et choisissez le Outil de sélection directe (A). Tout d'abord, sélectionnez les points d'ancrage de gauche et entrez 0,5 px en cela Coins puis sélectionnez les bons points d’ancrage et entrez 1 px dans ce même Coins boîte. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..

Étape 11

Resélectionnez votre nouvelle forme et allez à Effet> Warp> Ardennes. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Encore une fois, entrez les attributs affichés dans l’image suivante, puis cliquez dessus. D'accord bouton. Assurez-vous que la forme obtenue est sélectionnée et envoyez-la à l’arrière (Shift-Control- [).

Étape 12

En utilisant le Outil Rectangle (M), créer un 3,5 x 6 px la forme, remplissez-le avec R = 255 G = 200 B = 0 et placez-le comme indiqué dans la première image.

Continuez à vous concentrer sur ce nouveau rectangle et choisissez le Outil de sélection directe (A). Tout d'abord, sélectionnez les points d'ancrage de gauche et entrez 0,5 px en cela Coins puis sélectionnez les bons points d’ancrage et entrez 2 px dans ce même Coins boîte. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..

Étape 13

Resélectionnez votre nouvelle forme et allez à Effet> Warp> Ardennes. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Encore une fois, entrez les attributs affichés dans l’image suivante, puis cliquez dessus. D'accord bouton. Assurez-vous que la forme obtenue est sélectionnée et envoyez-la à l’arrière (Shift-Control- [).

Étape 14

Sélectionnez les cinq formes en surbrillance dans l'image suivante et allez à Objet> Transformer> Refléter. Vérifier la Verticale case puis cliquez dessus Copie bouton. Sélectionnez les formes nouvellement créées et faites-les glisser vers la gauche, comme indiqué dans l'image suivante..

3. Comment enregistrer un pinceau calligraphique

Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez dessus Nouveau pinceau bouton. Vérifier la Pinceau calligraphique puis cliquez sur le bouton D'accord bouton. Nommez votre nouveau pinceau "0,75 pt. ovale"entrez tous les attributs ci-dessous, puis cliquez dessus D'accord bouton.

4. Comment colorer les formes du milieu

Étape 1

Sélectionnez vos deux formes, rouge foncé, concentrez-vous sur le Apparence panneau (Fenêtre> Apparence) et remplacez cette couleur de remplissage par R = 172 G = 198 B = 8.

Étape 2

Assurez-vous que vos formes vertes sont toujours sélectionnées, continuez à vous concentrer sur la Apparence panneau et ajouter un deuxième remplissage en utilisant cette Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et faites-le blanc, baissez son Opacité à 70%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Distorsion & Transformation> Transformer. Entrez tous les attributs indiqués ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 3

Assurez-vous que vos formes vertes sont toujours sélectionnées, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage, définissez la couleur sur R = 0 G = 56 B = 24, et puis aller à Effet> Distorsion & Transformation> Transformer. Entrez tous les attributs indiqués ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 4

Assurez-vous que vos formes vertes sont toujours sélectionnées et continuez à vous concentrer sur les Apparence panneau. Resélectionnez ce remplissage supérieur et allez à Effet> Warp> Ardennes. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 5

Assurez-vous que vos formes vertes sont toujours sélectionnées et continuez à vous concentrer sur les Apparence panneau. Sélectionnez le trait, appliquez votre "0,75 pt. ovale"pinceau calligraphique du Des pinceaux panneau, et définir sa couleur à R = 128 G = 147 B = 6.

5. Comment colorer les formes restantes

Étape 1

Tout d’abord, vous devez copier le Apparence Attributs de vos formes vertes et les coller sur les cinq formes qui se trouvent sur le côté droit. 

Cela peut être fait assez facilement du Couches panneau (Fenêtre> Calques). Développez votre calque et vous remarquerez un petit cercle sur le côté droit de tous vos objets - c'est une icône de cible. Tenez le Alt touche, cliquez sur l’icône cible qui représente l’une de vos formes vertes et faites glisser le cercle qui correspond à l’une des formes situées à droite..

Sélectionnez les cinq formes une fois que vous avez copié les attributs et concentrez-vous sur la Apparence panneau. Ouvrez le Chaîne effet appliqué à ce remplissage en haut, et remplacer le Renflement style avec le Arc style montré ci-dessous.

Étape 2

Encore une fois, copiez le Apparence attributs de vos formes vertes du milieu, et cette fois-ci, collez-les sur les cinq formes situées à gauche.

Une fois que vous avez terminé, sélectionnez les cinq formes et concentrez-vous sur la Apparence panneau. Ouvrez le Chaîne effet appliqué à ce remplissage en haut, et remplacer le Renflement style avec le Arc style montré ci-dessous.

6. Comment ajouter des points orange

Étape 1

En utilisant le Outil Ellipse (L), créer un groupe de cercles pressés comme indiqué dans l’image suivante et les remplir avec R = 240 G = 120 B = 44.

Étape 2

Sélectionnez les cercles pressés en orange mis en surbrillance dans l'image suivante, puis allez à Effet> Warp> Arc. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 3

Sélectionnez les cercles pressés en orange mis en surbrillance dans l'image suivante et allez à Effet> Warp> Arc. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

7. Comment ajouter des points saillants subtils

Étape 1

En utilisant le Outil Ellipse (L), créer deux 1 x 6,5 px formes. Remplissez les deux formes de blanc et placez-les comme indiqué dans l'image suivante. Sélectionnez ces cercles pressés un par un et appliquez les Chaîne effets montrés ci-dessous.

Étape 2

En utilisant le Outil Ellipse (L), Créez cinq autres cercles pressés, comme indiqué dans la première image. Faites-les blancs, et n'oubliez pas d'appliquer le Chaîne effet montré ci-dessous.

Étape 3

En utilisant le Outil Ellipse (L), Créez cinq autres cercles pressés, comme indiqué dans la première image. Faites-les blancs, et n'oubliez pas d'appliquer le Chaîne effet montré ci-dessous.

Étape 4

Sélectionnez tous vos cercles blancs et modifiez le Mode de fusion à Recouvrir.

8. Comment créer les antennes et les cheveux

Étape 1

En utilisant le Outil stylo (P), créer deux chemins environ comme indiqué dans la première image. Ajouter un 0,5 px course pour ces chemins, définir sa couleur à R = 0 G = 56 B = 24, et se concentrer sur la Apparence panneau. Cliquez simplement dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau déroulant et sélectionnez Profil de largeur 4 à partir de ce Profil menu déroulant.

Étape 2

Désactiver le la grille (Contrôle-") et le Aligner sur la grille (Shift-Control- ").

En utilisant le Outil stylo (P), ajoutez un tas de chemins à peu près comme indiqué dans la première image. Assurez-vous que tous ces chemins sont sélectionnés, envoyez-les à l'arrière (Shift-Control- [) et appliquez le même trait noir que celui utilisé à l'étape précédente.

9. Comment sauver deux pinceaux d'art

Étape 1

Sélectionnez toutes les formes faites jusqu'à présent et cliquez dessus Nouveau pinceau bouton du Des pinceaux panneau. Vérifier la Pinceau d'art case et cliquez sur le D'accord bouton. Nommez ce nouveau pinceau "Caterpillar Art Brush 100%", entrez tous les attributs ci-dessous, puis cliquez dessus D'accord bouton.

Étape 2

Continuez à vous concentrer sur Des pinceaux panneau et faites glisser votre pinceau d’art chenille au-dessus Nouveau pinceau bouton pour le dupliquer. Double-cliquez sur le pinceau nouvellement ajouté, renommez-le "Caterpillar Art Brush 200%", faites glisser le Largeur curseur vers 200%, puis cliquez dessus D'accord bouton.

10. Comment créer l'arrière-plan et ajouter du texte

Étape 1

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

Étape 2

Assurez-vous que votre grand rectangle est toujours sélectionné, concentrez-vous sur le Apparence panneau, et ajoutez un deuxième remplissage. Faites-le noir, abaissez son Opacité à 3%, changer la Mode de fusion à Multiplier, et allez à Effet> Artistique> Grain de film. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 3

Assurez-vous que votre grand rectangle est toujours sélectionné, continuez à vous concentrer sur le Apparence panneau, et ajouter un troisième remplissage. Définissez la couleur sur R = 255 G = 200 B = 0, abaisser sa Opacité à 15%, changer la Mode de fusion à Multiplier, et allez à Effet> Artistique> Éponge. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 4

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 px, et augmenter le suivi pour 200. Cliquez simplement sur votre planche et ajoutez votre texte en blanc.

Étape 5

Assurez-vous que votre texte est toujours sélectionné, remplacez le blanc par R = 216 G = 223 B = 33, abaisser le Opacité à 50%, et puis aller à Effet> Distort & Transform> Tweak. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

11. Comment créer un effet de texte et ajouter une nuance subtile

Étape 1

Choisissez le Pinceau (B) et sélectionnez votre "Caterpillar Art Brush 200%"pinceau d'art du Des pinceaux panneau. Utilisez le texte comme référence approximative et tracez un tas de chemins comme indiqué dans l'image suivante.

Étape 2

Assurez-vous que tous les pinceaux ajoutés à l'étape précédente sont sélectionnés, puis allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis appliquez les trois autres Ombre portée effets montrés ci-dessous.

Étape 3

Choisissez le Pinceau (B) et cette fois sélectionnez votre "Caterpillar Art Brush 100%"pinceau d'art du Des pinceaux panneau. Ajouter un tas de chemins à peu près comme indiqué dans l'image suivante.

Étape 4

Assurez-vous que tous les pinceaux ajoutés à l’étape précédente sont sélectionnés et appliquez les trois Ombre portée effets montrés ci-dessous.

Étape 5

En utilisant le Outil Rectangle (M), créer un nouveau 860 x 610 px forme, remplissez-le avec le dégradé radial indiqué ci-dessous et modifiez le Mode de fusion à Lumière douce. Gardez à l’esprit que le zéro jaune de la Pente image (Fenêtre> Dégradé) représente Opacité pourcentage.

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 à ajuster le design final et à le personnaliser. Vous pouvez trouver d'excellentes sources d'inspiration sur GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..