Comment créer un effet de texte inspiré d'un chat Furry Cheshire dans Adobe Illustrator

Ce que vous allez créer

Suivez ce didacticiel et découvrez comment créer un effet de texte inspiré de Cheshire Cat dans Adobe Illustrator. Vous apprendrez une nouvelle façon de créer l'apparence de la fourrure et vous utiliserez également un pinceau à motif pour ajouter de la fourrure supplémentaire pour un aspect plus détaillé. Et ce tutoriel ne serait pas complet sans un sourire de chat au fromage. Commençons!

Si vous recherchez plus d'effets de texte ou de personnages de dessins animés, assurez-vous de consulter GraphicRiver et vous y trouverez sûrement ce que vous cherchez.. 

Atouts du tutoriel

Pour compléter le didacticiel, vous aurez besoin des éléments suivants:

  • Jungle Fever Polices Je dafont.com

  • Autour de n'importe quel coin script I 20 Scripts Adobe Illustrator gratuits et utiles

1. Comment ouvrir un nouveau document

lancement Illustrateur et ouvrez un document vierge. Tapez un nom pour votre fichier, définissez les dimensions, puis définissez Les pixels comme Unités et RVB comme Mode de couleur

Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1 px et pendant que vous y êtes, allez à Unités pour vous assurer qu'ils sont définis comme dans l'image suivante. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin.. 

2. Comment créer et déformer le texte

Étape 1

Prenez le Outil de type (T) et écrivez «MEOW» sur votre planche d’art à l’aide des touches Jungle Fever Polices, taille de 160 pt. Choisir Développer l'apparence du Objet menu pour obtenir les lettres individuelles et Dissocier (Shift-Control-G) si nécessaire. 

Étape 2

Concentrez-vous sur la lettre «M». Utilisez le Supprimer l'outil de point d'ancrage (-) supprimer certains points en haut pour obtenir un bord droit (1). Maintenant, prenez le Outil stylo (P) et dessinez une forme semblable à celle ci-dessous pour simuler les touffes de fourrure du chat de Cheshire (2). Continuer avec la forme des oreilles et les envoyer à l'arrière (3). 

Étape 3

Concentrez-vous sur la lettre «W». Utilisez le Ajouter un outil de point d'ancrage (+) ajouter un point supplémentaire en haut de la jambe gauche et déformer la forme pour simuler une autre touffe de fourrure (1). 

Basculer vers le Outil stylo (P) et dessinez la forme de la queue (2). Après cela, sélectionnez la lettre avec la queue et appuyez sur Unir dans le Éclaireur panneau pour les fusionner en une seule forme (3). 

Étape 4

Faites pivoter et rapprochez la lettre “E” de la lettre “M” (1). Ensuite, supprimez la lettre «O» existante et dessinez une forme semblable à un œuf (2). Augmentez un peu l'échelle de la lettre «W», faites-la pivoter et déplacez-la sur la lettre «O» (3). A ce stade, le texte est prêt.

3. Comment créer les bandes sur le texte

Étape 1

Utilisez le Outil stylo (P) dessiner quelques chemins sur la lettre «M» et en faire glisser plusieurs sur la lettre «E» afin de créer un aspect continu (les chemins verts). Utilisation Profil de largeur 1 caresser ces chemins et choisir différents Poids de l'AVC de 14 pt, 12 pt, et même 10 pt

Étape 2

Concentrez-vous sur la lettre «E». Tout d’abord, faites des copies des trois chemins verts qui recouvrent les deux lettres car vous aurez besoin des doublons plus tard. Après cela, tracez plus de chemins pour couvrir les zones libres (les chemins bleus). Utilisation Profil de largeur 1 encore et choisissez différent Poids de l'AVC de 12 pt et 18 pt

Étape 3

Maintenant, concentrez-vous sur la lettre «O» et tracez quatre chemins avec un dix, 12, et Accident vasculaire cérébral de 14 pt (1). Ensuite, tracez un long chemin qui passe aussi par la lettre «W» et laissez un espace libre dans le coin inférieur gauche pour le sourire au fromage de Cheshire (2)..

Continuez à dessiner des chemins plus ondulés sur la lettre «W» et n'oubliez pas de dupliquer la lettre verte pour plus tard (3). 

Étape 4

Revenons à la lettre «M». Sélectionnez tous les chemins et choisissez Développer l'apparence du Objet menu pour les transformer de traits en remplissages. Ne pas relâcher et aller à Objet> Chemin composé> Make (Control-8) (1). Faites une copie devant le chemin composé résultant pour une utilisation ultérieure.

Copie et Coller devant (Control-F) la lettre «M»; puis sélectionnez cette copie avec le chemin composé et appuyez sur Minus Front dans le Éclaireur panneau (2). Si vous obtenez un groupe de formes à la suite, allez également à Objet> Chemin composé> Make (Control-8). Remplissez le chemin composé nouvellement obtenu avec du gris pour le moment (3). 

Étape 5

Sélectionnez la lettre rose d'origine, puis Copie et Coller devant (Control-F) encore. Tant que cette copie reste sélectionnée, sélectionnez également la copie du chemin de composé par bandes réalisée à l'étape précédente et appuyez sur Couper dans le Éclaireur panneau (1). Si vous obtenez un groupe de formes, allez à Objet> Chemin composé> Make (Control-8). Vous obtiendrez un nouveau chemin composé composé (2). 

Étape 6

Concentrez-vous sur la lettre «E» et sélectionnez tous les chemins qui la traversent (1). Choisir Développer l'apparence du Objet menu pour les transformer en remplit et puis aller à Objet> Chemin composé> Make (Control-8). Faites une copie devant le chemin de composé composé qui en résulte.

Sélectionnez la lettre rose puis Copie et Coller devant (Control-F). Conservez cette copie avec le chemin composé et appuyez sur Minus Front sur le Éclaireur panneau. Également aller à Objet> Chemin composé> Make (Control-8) et remplissez la forme résultante avec du gris (2).

Faites une autre copie devant la lettre rose. Tant que cette copie reste sélectionnée, sélectionnez également la copie du chemin de composé par rayures faite précédemment et appuyez sur Couper sur le Éclaireur panneau. Si vous obtenez un groupe de formes, allez à Objet> Chemin composé> Make (Control-8). Vous obtiendrez un nouveau chemin composé composé (3). 

Étape 7

Suivez la technique expliquée ci-dessus et appliquez-la également aux lettres «O» et «W» pour obtenir les chemins composés dont vous avez besoin.. 

4. Comment créer le look velu

Étape 1

Concentrez-vous sur la lettre «O». Sélectionnez le chemin composé gris obtenu précédemment et changez la couleur de remplissage en une nuance plus foncée. Ensuite, allez à Effet> Esquisse> Réticulation et appliquez les réglages indiqués (1). Choisir Développer l'apparence du Objet menu pour développer l'effet, puis aller à Objet> Trace d'image> Marque. Ne pas relâcher et choisir Photo haute fidélité comme le Préréglé et Développer du Contrôle panneau. 

Utilisez le Outil de sélection directe (A) pour ne sélectionner que le carré blanc autour de la lettre et le supprimer (2). En conséquence, vous aurez un groupe complexe de minuscules formes grises (3). 

Étape 2

Remplissez le groupe de formes minuscules avec le dégradé linéaire indiqué à -Angle de 60 degrés (1). Ensuite, allez à Effet> Distorsion & Transformation> Pucker & Bloat et appliquer un -140% Pucker effet pour obtenir le look velu. Faites glisser le Pucker & Bloat effet appliqué sous Contenu dans le Apparence panneau pour un meilleur résultat (2).

Alors que le groupe de formes est toujours sélectionné, allez à la Apparence panneau et double-cliquez sur Contenu pour voir les attributs. Sélectionnez l'existant Remplir attribuer et ensuite aller à Effet> Styliser> Ombre portée. Appliquez les paramètres affichés et appuyez sur D'accord (3). Cela va ajouter plus de profondeur à la fourrure. 

Étape 3

Maintenant, sélectionnez le chemin du composé par bandes et remplacez la couleur de remplissage (1).

Faites une copie devant cette forme, remplissez-la de gris et appliquez le Réticulation effet en utilisant les mêmes réglages (2).

Choisir Développer l'apparence du Objet menu pour développer l'effet puis aller à Objet> Trace d'image> Marque. Sélectionner Photo haute fidélité comme le Préréglé et Développer du Contrôle panneau juste comme avant, puis supprimez le carré blanc. Vous obtiendrez un nouveau groupe de minuscules formes grises aléatoires (3). 

Étape 4

Remplissez le groupe de formes minuscules que vous venez d’obtenir avec le dégradé linéaire indiqué en -Angle de 45 degrés (1). Appliquer un -140% Pucker effectuez à nouveau, puis faites glisser l’effet sous Contenu dans le Apparence panneau (2).

Tant que le groupe est toujours sélectionné, ouvrez le Contenu pour voir les attributs et appliquer un Ombre portée effectuer les mêmes réglages pour ajouter plus de profondeur (3). 

Étape 5

Si vous regardez de plus près, vous pourrez voir les formes qui se cachent derrière la fourrure et elles sont trop nettes. Corrigeons ça.

Sélectionnez la lettre rose qui se trouvait tout le long du dos et, tant que l'attribut de remplissage existant reste sélectionné dans la liste. Apparence panneau, allez à Effet> Chemin> Chemin de décalage et appliquer un Décalage de -1 px pour rendre la forme légèrement plus petite. Ensuite, allez à Effet> Styliser> Inner Glow et appliquez les paramètres indiqués; ensuite aller à Effet> Flou> Flou Gaussien et appliquer un Rayon de 2 px (1).

Maintenant, sélectionnez le tracé composé à rayures violettes derrière la fourrure violette et appliquez les mêmes effets pour obtenir des bords lisses et flous (2). Vous pouvez voir le résultat final dans l'image ci-dessous (3). 

Étape 6

Maintenant, concentrez-vous sur la lettre «E» et appliquez la même technique. Tout d’abord, créez la fourrure rose en partant du chemin composé gris et du Réticulation effet (1). Ensuite, remplacez la couleur de remplissage bleu du tracé composé par du violet et effectuez une copie devant (2). À cette copie, appliquez le Réticulation puis créez la fourrure violette comme expliqué précédemment (3). À la fin, n'oubliez pas de créer les contours lisses et flous de la lettre rose originale et les rayures violettes à l'arrière (4)..

Répétez les mêmes choses pour la lettre «W». 

Étape 7

Pour la lettre «M», après avoir créé la fourrure sur la lettre (1), travaillons sur les formes ci-dessus. Sélectionnez la forme des touffes de fourrure et appliquez le Chemin de décalage, Lueur intérieure et Flou gaussien effets utilisant les mêmes paramètres que pour les chemins composés à rayures violettes, plus haut dans le tutoriel (2). Faites une copie devant cette forme, supprimez toutes les apparences existantes et appliquez le Réticulationeffet suivi de Trace d'image et le Pucker & Bloat effet pour créer la fourrure (3). 

Étape 8

Répétez la même technique et créez la fourrure rose sur les oreilles. 

Étape 9

À ce stade, l’effet de texte inspiré du chat de Cheshire devrait ressembler à l’image suivante. 

5. Comment ajouter de la fourrure supplémentaire autour du texte

Étape 1

Sélectionnez la lettre rose originale “M” puis Copie et Coller à l'arrière (Control-B) en faire une copie. Supprimez toutes les apparences existantes (1). Aller à Fichier> Scripts> Round Any Corner et appliquer un Rayon de dix afin d'obtenir les coins arrondis. Ce script fonctionne mieux que l'effet Round Corners. Vous pouvez trouver plus d'informations sur le Autour de n'importe quel coin script et comment l'installer et l'utiliser dans les 20 tutoriels gratuits et utiles Adobe Illustrator Scripts.

Lui donner un 1 pt rose clair Accident vasculaire cérébral et utiliser le Brosse à motif d'herbe que vous pouvez trouver dans le Bibliothèque de styles Menu> Bordures> Borders_Novelty. Ouvrez le Options de course fenêtre de la Apparence panneau, faites glisser le Échelle curseur vers 20%, et mettre le Méthode de colorisation à Teintes et nuances. Cela rendra l'herbe plus petite, comme une fourrure, et prendra la couleur du trait, qui dans ce cas est rose. Si les pointes de la brosse ne vont pas vers l'extérieur, vérifiez également les Retourner à travers Option 2). 

Étape 2

Pendant que cette copie de la lettre est toujours sélectionnée, ajoutez un Nouvel AVC au sommet de la Apparence panneau et utiliser le Brosse à motif d'herbe encore. Cette fois, réglez la couleur sur un rose plus foncé (1). Ouvrez le Options de course fenêtre, faites glisser le Échelle curseur vers 40%, et mettre le Méthode de colorisation à Teintes et nuances. Vous pouvez voir le résultat dans l'image ci-dessous (2). 

Étape 3

Maintenant, sélectionnez la forme des touffes de fourrure et faites une copie à l’arrière. Supprimez les apparences existantes puis appliquez le Autour de n'importe quel coin script. Pour cette forme, appliquez les deux Accident vasculaire cérébral attributs en utilisant le Brosse à motif d'herbe et les mêmes réglages (1).

Répétez la même chose pour les formes d'oreille (2).

Vous pouvez même enregistrer cette “Style graphique de fourrure de bord" dans le Styles graphiques panneau et l'appliquer plus facilement aux autres lettres. 

Étape 4

Appliquez la même technique pour les lettres «E», «O» et «W», et ajoutez de la fourrure supplémentaire autour des lettres.. 

6. Comment ajouter une ombre au texte velu

Étape 1

Créons un chemin composé complexe. Concentrez-vous sur la lettre «O», sélectionnez la forme rose originale, puis Copie et Coller en place (Shift-Control-V). Supprimez toutes les apparences existantes et attribuez-lui une couleur de remplissage (1). Masquer cette forme pour le moment.

Sélectionnez le groupe de fourrure violet et Copie et Coller en place (Shift-Control-V) en faire une copie. Double-cliquez sur Contenu dans le Apparence panneau pour voir les attributs et supprimer le Ombre portée effet. Maintenant, allez à Objet> Développer l'apparence afin d'élargir la Pucker & Bloat effet. Ne relâchez pas le groupe et appuyez sur Unir dans le Éclaireur panneau (2); ensuite aller à Objet> Chemin composé> Make (Control-8). Remplissez le chemin composé de fourrure à rayures résultant avec du bleu pour le moment (3). 

Étape 2

Ensuite, sélectionnez le groupe de fourrure rose et Copie et Coller en place (Shift-Control-V) en faire une copie. Supprimer le Ombre portée effet dans le Apparence panneau et puis aller à Objet> Développer l'apparence pour élargir la Pucker & Bloat effet (1). presse Unir dans le Éclaireur panneau suivi de Objet> Chemin composé> Make (Control-8) et vous obtiendrez le chemin composé vert complexe (2). Cachez-le pour l'instant. 

Étape 3

Ensuite, sélectionnez la copie de la lettre "O" avec le curseur Brosse à motif d'herbe et alors Copie et Coller en place (Shift-Control-V) en faire une copie (1). Aller à Objet> Développer l'apparence élargir les brosses (2); puis appuyez Unir dans le Éclaireur panneau suivi de Objet> Chemin composé> Make (Control-8). Remplissez le chemin composé résultant en gris pour le moment (3). 

Étape 4

Affichez les chemins composés composés rose, bleu, vert et gris obtenus lors des trois étapes précédentes (1) et conservez-les sélectionnés. presse Unir dans le Éclaireur panneau, puis aller à Objet> Chemin composé> Make (Control-8). Nous allons utiliser cette forme nouvellement obtenue pour créer l'ombre (2). 

Étape 5

Suivez les étapes expliquées ci-dessus et créez les autres formes dont vous avez besoin (1). Déplacez les quatre formes dans un Nouvelle Couche sous l’effet de texte et remplissez-les de violet. Aller à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués (2).

Étape 6

Sélectionnez les quatre formes de l'étape précédente, puis Copie et Coller à l'arrière (Control-B) en faire des copies. Pendant qu'ils sont encore sélectionnés, allez à Objet> Chemin composé> Make (Control-8) pour les fusionner en un seul chemin composé (1). Retirer le Ombre portée effet et le remplacer par le Lueur externe effet (2). 

Étape 7

Prendre le Outil stylo (P) et tracez un chemin où la lettre «M» touche «E» et où «O» touche «W». Envoyez le premier chemin derrière la lettre “M” mais devant la lettre “E”; et envoyez le deuxième chemin derrière la lettre "W" mais devant "O" (1).

Donnez-leur un 3 pt noir Accident vasculaire cérébral et utilise Profil de largeur 1 dans le Accident vasculaire cérébral panneau. Ensuite, appliquez un 3 px Flou Gaussien et réduire le Opacité à 50% (2). 

7. Comment créer le Cheesy Cheshire Cat Grin

Étape 1

Utilisez le Outil stylo (P) dessiner la forme du sourire sur la lettre "O". Donnez-lui un fond blanc puis allez à Effet> Styliser> Outer Glow et appliquez les paramètres indiqués. Aussi, ajoutez un 2 pt course extérieure et utilisez le dégradé linéaire indiqué. 

Étape 2

Avec la forme de sourire toujours sélectionnée, ajoutez un Nouveau remplissage au bas de la Apparence panneau et utiliser le noir comme couleur. Tant que cet attribut de remplissage reste sélectionné, allez à Effet> Distorsion & Transformation> Transformer et appliquer un -Déplacement vertical de 3 px. Met le Mode de fusion à Recouvrir et vous aurez une mince ombre au sommet du sourire (1).

Avec la forme de sourire toujours sélectionnée, ajoutez un autre noir Remplir attribuer au bas de la Apparence panneau et ensuite appliquer un Déplacement vertical de 3 px. Met le Mode de fusion à Recouvrir et vous aurez une fine ombre au bas du sourire (2). 

Étape 3

Utilisez le Outil stylo (P) du Outil de segment de ligne (\) dessiner un tas de petits chemins pour définir les dents (1). Donnez à tous un 2 pt gris clair Accident vasculaire cérébral et utiliser le Brosse d'art à mélange fuselé. Ajouter un Nouvel AVC au sommet de la Apparence panneau et utilisez le même pinceau, mais choisissez une nuance de gris plus foncée et réduisez le Poids de l'AVC à 0,2 pt (2). J'ai montré comment créer et enregistrer ce pinceau de fusion utile dans le tutoriel Comment créer un personnage Candy Monster (section 10).

Sélectionnez la forme du sourire puis Copie et Coller en place (Shift-Control-V) en faire une copie. Réglez-le sur stroke-none et fill-none. Tant que cette copie reste sélectionnée, sélectionnez également les lignes et accédez à Objet> Masque d'écrêtage> Marque (Control-7) (3). 

Étape 4

Utilisez le Outil stylo (P) dessiner quelques chemins le long du bord de la bouche et appliquer les deux Accident vasculaire cérébral attributs en utilisant le Brosse à motif d'herbe et les mêmes paramètres que pour la fourrure supplémentaire sur les bords des lettres plus tôt dans le tutoriel (1).

Pendant que tous les chemins restent sélectionnés, allez à Objet> Développer l'apparence afin d'élargir les brosses, puis Groupe (Control-G) eux et appliquer le Ombre portée effet (2). 

Étape 5

Sélectionnez la forme du sourire, allez à Objet> Chemin> Chemin décalé, et appliquer un Décalage de 2 px. Maintenant, sélectionnez la plus grande forme que vous avez obtenue et amenez-la devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]). Définissez cette forme sur stroke-none et fill-none (1).

Maintenant, sélectionnez les petits groupes de fourrure autour de la bouche avec la copie du sourire et allez à Objet> Masque d'écrêtage> Marque (Control-7) (2). À ce stade, le sourire au fromage est prêt. 

Toutes nos félicitations! Vous avez terminé

Voici l'image finale de l'effet de texte inspiré du chat de Cheshire. C'était difficile et amusant à créer. J'espère que cela vous a plu et que vous avez appris de nouvelles techniques. N'oubliez pas de partager une image avec nous si vous décidez de la recréer..