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

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte cactus dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer un pinceau à motif.

Ensuite, vous apprendrez à créer et à sauvegarder un motif assez complexe. En tirant pleinement parti du panneau Apparence, vous apprendrez à créer le premier morceau de votre cactus et à en sauvegarder les attributs. En utilisant deux formes simples et des effets, vous apprendrez à créer les pots. Enfin, pour l’arrière-plan, vous apprendrez à appliquer un dégradé radial à un motif intégré..

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

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.

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. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer un pinceau à motif

É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 = 255 G = 188 B = 53. Déplacez-vous sur votre planche et créez simplement un 25 x 14 px forme-la grille et la Aligner sur la grille devrait le rendre plus facile.

Étape 2

Changez la couleur de remplissage en R = 93 G = 74 B = 27 et choisissez le Outil Ellipse (L). Créez les cinq cercles compressés indiqués ci-dessous et placez-les exactement comme indiqué dans l'image suivante..

Une fois que vous avez terminé, sélectionnez toutes ces nouvelles formes et transformez-les en un chemin composé (Contrôle-8).

Étape 3

Choisissez le Outil Rectangle (M), créer un 25 x 7 px forme et placez-le comme indiqué dans la première image. Sélectionnez ce nouveau rectangle avec votre chemin composé et cliquez sur le bouton Minus Front bouton du Éclaireur panneau (Fenêtre> Pathfinder).

Étape 4

Choisissez le Outil de point d'ancrage (Maj-C), concentrez-vous sur vos formes brunes et cliquez simplement sur les points d'ancrage supérieurs, comme indiqué dans la première image..

Sélectionnez le rectangle jaune et supprimez la couleur de remplissage.

Étape 5

Sélectionnez toutes les formes faites jusqu'à présent, ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le bouton Nouveau pinceau bouton. Vérifier la Brosse à motif boîte et cliquez D'accord ouvrir le Options de brosse de motif la fenêtre. Tapez un nom pour votre nouveau pinceau, entrez tous les attributs ci-dessous, puis cliquez sur D'accord pour enregistrer votre nouveau pinceau.

3. Comment créer un motif

Étape 1

En utilisant le Outil Rectangle (M), créer un 50 px carré et remplissez-le de jaune.

Étape 2

En utilisant le Outil stylo (P), Tracez deux chemins simples et placez-les sur le bord droit de votre carré jaune, comme indiqué ci-dessous. Assurez-vous que les deux chemins sont sélectionnés et ouvrez le Apparence panneau (Fenêtre> Apparence).

Supprimer la couleur de remplissage, définissez la couleur du trait sur R = 93 G = 74 B = 27, et ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 2 px et sélectionnez Profil de largeur 1.

Avec l’une de ces formes toujours sélectionnée, ouvrez le Styles graphiques (Fenêtre> Styles graphiques). Clique le Nouveau style graphique bouton pour enregistrer l'apparence de votre chemin sélectionné.

Étape 3

Assurez-vous que les deux chemins tracés à l’étape précédente sont toujours sélectionnés et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 4

En utilisant le Outil stylo (P), Tracez cinq chemins simples et placez-les sur le bord supérieur de votre carré jaune, comme indiqué ci-dessous. Appliquez votre style graphique à partir du Styles graphiques panneau à tous ces chemins.

Sélectionnez uniquement les deuxième et quatrième chemins parmi cet ensemble de nouveaux chemins. Aller au Apparence panneau et changer le Poids à 1 px, et ensuite aller au Styles graphiques panneau et enregistrer un nouveau style graphique.

Étape 5

Assurez-vous que les deux chemins tracés à l’étape précédente sont toujours sélectionnés et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 6

En utilisant le Outil stylo (P), créer les cinq chemins indiqués dans la première image et appliquer votre premier style graphique à partir de la Styles graphiques panneau.

En utilisant le même outil, créez les huit chemins indiqués dans la deuxième image et appliquez votre deuxième style graphique à partir de la Styles graphiques panneau.

Étape 7

Sélectionnez toutes vos petites formes marron et allez à Objet> Chemin> Contour de contour, puis transformer les formes résultantes en un chemin composé (Contrôle-8).

Étape 8

Sélectionnez votre carré jaune avec le chemin composé marron et cliquez sur le bouton Couper bouton du Éclaireur panneau. Il suffit de faire glisser les formes résultantes à l'intérieur du Échantillons panneau (Fenêtre> Nuancier) pour les sauvegarder en tant que motif.

4. Comment créer un style graphique

Étape 1

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

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Insaniburger et définissez la taille sur 200 px.

Un simple clic sur votre planche, ajoutez le "Cactus"morceau de texte et définissez la couleur sur R = 78 G = 174 B = 99. Placez votre texte comme indiqué ci-dessous, puis allez à la Couches panneau et le verrouiller.

Étape 2

Concentrez-vous sur la première lettre de votre texte. En utilisant le Outil stylo (P) ou la Pinceau (B), dessinez un chemin simple approximativement, comme indiqué dans l'image suivante. Assurez-vous qu'il reste sélectionné et concentrez-vous sur Apparence panneau.

Assurez-vous qu'il n'y a pas de couleur de remplissage et sélectionnez le trait. Définissez sa couleur sur R = 93 G = 58 B = 20, augmenter le Poids à 4 px, et sélectionnez Profil de largeur 1 du Accident vasculaire cérébral panneau fly-out.

Étape 3

Assurez-vous que votre chemin circulaire reste sélectionné, concentrez-vous sur Apparence panneau et définissez la couleur de remplissage sur R = 75 G = 147 B = 106.

Étape 4

Assurez-vous que votre chemin circulaire reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez-le, définissez la couleur sur R = 78 G = 174 B = 99, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 5

Assurez-vous que votre chemin circulaire reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième remplissage. Sélectionnez-le et définissez la couleur sur blanc (R = 255 G = 255 B = 255). Baisser sa Opacité à 30%, changer la Mode de fusion à Recouvrir, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Pathfinder> Ajouter, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 7 px et cliquez D'accord.

Étape 6

Assurez-vous que votre chemin circulaire reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un quatrième remplissage. Sélectionnez-le, appliquez votre motif de la Échantillons panneau, et aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 7

Assurez-vous que votre chemin circulaire reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième trait en utilisant le bouton Ajouter un nouveau trait bouton. Sélectionnez ce nouveau trait et appliquez votre pinceau à motif depuis le Des pinceaux panneau, puis faites-le glisser sous l'autre trait.

Avec votre chemin circulaire toujours sélectionné, allez à la Styles graphiques panneau et enregistrer un nouveau style graphique.

5. Comment créer le texte de cactus

Étape 1

En utilisant le Outil stylo (P) ou la Pinceau (B), dessinez un nouveau chemin approximativement comme indiqué dans la première image. Assurez-vous qu'il reste sélectionné et appliquez votre dernier style graphique à partir du Styles graphiques panneau.

Étape 2

Assurez-vous que le chemin tracé à l’étape précédente reste sélectionné et concentrez-vous sur le Apparence panneau. Tout d’abord, sélectionnez les deux remplissages du bas et remplacez les couleurs existantes par celles indiquées ci-dessous, puis cliquez sur le bouton Transformer effet appliqué pour le remplissage en haut et ajuster la Faire pivoter l'angle comme indiqué ci-dessous.

Avec ce chemin toujours sélectionné, allez à la Styles graphiques panneau et enregistrer un nouveau style graphique.

Étape 3

Continuez à vous concentrer sur la première lettre de votre texte et tracez des chemins plus arrondis le long de cette lettre, comme indiqué ci-dessous..

Étape 4

Sélectionnez ces nouveaux chemins ronds et appliquez les deux derniers styles graphiques du Styles graphiques panneau. Essayez de ne pas avoir deux chemins avec des styles identiques l'un après l'autre. Aussi, sélectionnez ces chemins un par un, ouvrez le Transformer effet appliqué pour le remplissage supérieur (dans le Apparence panneau), et ajustez le Faire pivoter l'angle pour correspondre à l'orientation du chemin sélectionné.

Étape 5

Sélectionnez les plus petits morceaux de cactus et concentrez-vous sur Apparence panneau. Ouvrez le Transformer effet appliqué pour le remplissage du haut, faites glisser les deux Échelle curseurs à 50%, et cliquez D'accord.

Étape 6

Passez aux autres lettres de votre texte et suivez les mêmes techniques que celles utilisées pour la première lettre. Commencez par créer les chemins arrondis et appliquez les styles graphiques, puis ajustez la rotation et l’échelle du motif pour les plus petits chemins..

6. Comment créer les fleurs de cactus

Étape 1

En utilisant le Outil stylo (P) ou la Pinceau (B), dessinez trois chemins simples comme indiqué dans la première image. Les remplir avec R = 239 G = 75 B = 74 et ajouter un 3 px accident vasculaire cérébral. Définissez sa couleur sur R = 93 G = 58 B = 20, augmenter le Poids à 3 px, et n'oubliez pas de choisir Profil de largeur 1. Une fois que vous avez terminé, enregistrez ces attributs en tant que style graphique..

Étape 2

En utilisant le Outil stylo (P) ou la Pinceau (B) avec le style graphique enregistré à l'étape précédente, ajoutez la fleur de cactus pour les autres lettres. Une fois que vous avez terminé, allez au Couches panneau, déverrouillez votre morceau de texte et supprimez-le.

7. Comment créer le pot

Étape 1

Activer la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- "). Pour les étapes suivantes, vous aurez besoin d’une grille chaque 5 px. Il suffit d'aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte.

Choisissez le Outil Rectangle (M), créer un 75 x 20 px formez-le, remplissez-le de jaune et placez-le comme indiqué dans l'image suivante.

Étape 2

En utilisant le Outil Rectangle (M), créer un 65 x 40 px formez-la, remplissez-la de bleu et placez-la comme indiqué dans la première image.

Basculer vers le Outil de sélection directe (A) et se concentrer sur le côté inférieur de ce nouveau rectangle. Sélectionnez les deux points d’ancrage, accédez au panneau de configuration et entrez 20 px en cela Coins boîte. Une fois que vous avez terminé, envoyez cette forme à l’arrière (Shift-Control- [).

Étape 3

Sélectionnez votre forme jaune et concentrez-vous sur Apparence panneau. Remplace le jaune par R = 188 G = 117 B = 71 puis ajoutez un deuxième remplissage. Sélectionnez-le, définissez la couleur sur R = 214 G = 146 B = 97, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 4

Assurez-vous que votre rectangle reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un troisième remplissage et sélectionnez-le. Définissez la couleur sur blanc, abaissez son Opacité à 25%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 8 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 5

Assurez-vous que votre rectangle reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un 4 px accident vasculaire cérébral et définir sa couleur à R = 92 G = 59 B = 28.

Étape 6

Assurez-vous que votre rectangle reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le chemin entier (cliquez simplement dessus "Chemin"morceau de texte du haut du panneau) et aller à Effet> Styliser> Coins arrondis. Entrez un Rayon 5 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 7

Sélectionnez votre forme bleue et concentrez-vous sur Apparence panneau. Remplace le bleu par R = 188 G = 117 B = 71 puis ajoutez un deuxième remplissage. Sélectionnez-le, définissez la couleur sur R = 214 G = 146 B = 97, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 8

Assurez-vous que la forme de votre fond reste sélectionnée et continuez à vous concentrer sur les Apparence panneau. Ajouter un troisième remplissage et sélectionnez-le. Définissez la couleur sur blanc, abaissez son Opacité à 25%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 9

Assurez-vous que la forme de votre fond reste sélectionnée et continuez à vous concentrer sur les Apparence panneau. Ajouter un 4 px accident vasculaire cérébral et définir sa couleur à R = 92 G = 59 B = 28.

Étape 10

Assurez-vous que la forme de votre fond reste sélectionnée et continuez à vous concentrer sur les Apparence panneau. Ajoutez un nouveau remplissage et faites-le glisser vers le bas du panneau. Réglez la couleur sur le noir, abaissez son Opacité à 60%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Convertir en forme> Ellipse. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les paramètres affichés dans l'image suivante et cliquez sur D'accord.

Étape 11

Assurez-vous que la forme de votre fond reste sélectionnée et continuez à vous concentrer sur les Apparence panneau. Sélectionnez le chemin complet et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 5 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

8. Comment multiplier votre pot

Étape 1

Dupliquez les deux formes qui composent votre pot et placez les copies comme indiqué dans la première image. En utilisant le Outil de sélection directe (A), sélectionnez les points d'ancrage mis en surbrillance dans la première image et faites-les glisser vers la droite, comme indiqué dans la deuxième image..

Continuez à vous concentrer sur ces copies, sélectionnez uniquement les formes du bas et concentrez-vous sur Apparence panneau. Ouvrez le Transformer effet appliqué au remplissage supérieur et la Ellipse effet appliqué au remplissage du bas et ajuster les paramètres comme indiqué ci-dessous.

Étape 2

Créez quatre autres copies de votre pot plus petit et placez-les comme indiqué dans l'image suivante.

9. Comment créer le fond

Étape 1

En utilisant le Outil Rectangle (M), créé un 860 x 510 px forme, et le remplir avec R = 195 G = 224 B = 177. Assurez-vous que ce rectangle recouvre l’ensemble de votre planche d’art et envoyez-le à l’arrière (Shift-Control- [).

Étape 2

Ouvrez le menu déroulant à partir du Échantillons panneau et aller à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures.

En utilisant le Outil Rectangle (M), créer un nouveau 860 x 510 px forme et placez-le sur le rectangle existant, comme indiqué dans l'image suivante. Remplissez cette nouvelle forme avec le USHS 22 Gravel Beach motif, abaissez son Opacité à 50%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 3

Assurez-vous que le rectangle créé à l’étape précédente est toujours sélectionné et continuez à vous concentrer sur Apparence panneau. Ajoutez un deuxième remplissage et sélectionnez-le. Baisser sa Opacité à 50% et changer le Mode de fusion à Recouvrir, puis appliquez le gradient radial indiqué ci-dessous. Utilisez le Outil de dégradé (G) pour étirer votre dégradé comme indiqué 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. 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..