Utiliser des pinceaux à motif pour créer un effet de texte de lacet de chaussure dans Illustrator

Dans les étapes suivantes, vous apprendrez à créer un effet de texte lacets dans Adobe Illustrator. Pour commencer, vous apprendrez à créer les formes de dentelle principales à l’aide d’un simple rectangle, de trois effets de transformation et de techniques de base pour la construction de formes vectorielles. En utilisant des effets et techniques similaires aux effets de distorsion et de distorsion, vous apprendrez à créer les conseils de lacets. Ensuite, vous apprendrez à enregistrer deux motifs simples et à les utiliser pour créer votre propre motif. Enfin, en utilisant ce pinceau à motif, quelques techniques de masquage de base et plusieurs effets d’ombre portée, vous créerez le texte..


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 1000 dans la case de largeur et 660 dans la case hauteur puis cliquez sur le 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 le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 5px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. 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 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 de dentelle principales

É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 = 45 G = 83 B = 208. Déplacez-vous sur votre planche et créez simplement un 6px carré, le composant logiciel enfichable à la grille devrait faciliter votre travail.

Continuez à vous concentrer sur cette forme minuscule et passez à la Outil de sélection directe (A). Sélectionnez les points d'ancrage supérieurs et gauches et faites-les glisser. 2px et 4px à droite, sélectionnez le point d'ancrage inférieur et gauche et faites-le glisser 2px et 2px à gauche puis sélectionnez le point d'ancrage de droite et faites-le glisser 6px à gauche… Au final, votre forme devrait ressembler à celle de la deuxième image..

Étape 2

Assurez-vous que votre forme est toujours sélectionnée et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés affichées dans la fenêtre supérieure (dans l'image suivante), cliquez sur D'accord et aller encore à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés affichées dans la fenêtre du milieu, cliquez sur D'accord et aller une fois de plus à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés affichées dans la fenêtre du bas et cliquez sur D'accord.

Étape 3

Resélectionnez votre forme bleue et allez à Objet> Développer l'apparence. Assurez-vous que le groupe de formes résultant est sélectionné et appuyez sur Contrôle-8 (ou aller à Objet> Chemin composé> Marque) pour le transformer en un simple Chemin composé.

Étape 4

En utilisant le Outil Rectangle (M), créer un 22 x 6px forme, définissez la couleur de remplissage sur R = 80 G = 112 B = 214 et placez-le exactement comme indiqué dans la première image. Assurez-vous que cette nouvelle forme est sélectionnée, renvoyez-la à l’arrière (Shift-Control- [ ) puis en faire une copie devant (Contrôle-C> Contrôle-F).

Sélectionnez la copie avec votre chemin composé, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton. Assurez-vous que le groupe de formes résultant est sélectionné et transformez-le en un simple Chemin composé (Contrôle-8 ou Objet> Chemin composé> Marque). Déplacer vers le Couches panneau (Fenêtre> Calques), ouvrez votre couche, double-cliquez sur votre chemin composé nouvellement créé et nommez-le simplement "modèle".


3. Créer les bouts de dentelle

Étape 1

Resélectionnez votre "modèle"chemin composé et en faire une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et faites-la simplement glisser quelques pixels vers le bas, comme indiqué dans la première image. Assurez-vous que votre nouveau chemin composé reste sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 2

Resélectionnez votre copie du chemin composé et allez à Objet> Développer l'apparence. Assurez-vous que le groupe de formes obtenu est sélectionné, cliquez sur le bouton Unir bouton du Éclaireur panneau puis transformer ces formes en un simple Chemin composé (Contrôle-8 ou Objet> Chemin composé> Marque).

Déplacer vers le Couches panneau (Fenêtre> Calques), double-cliquez sur votre chemin composé nouvellement créé et nommez-le simplement "tipPattern".

Étape 3

En utilisant le Outil Rectangle (M), créer un 22 x 24px façonner et définir la couleur de remplissage à R = 80 G = 112 B = 214. Placez cette nouvelle forme comme indiqué dans la première image puis renvoyez-la à l’arrière (Shift-Control- [ ).

Étape 4

Resélectionnez votre "tipPattern"chemin composé avec le 22 x 24px rectangle et Groupe leur (Contrôle-G). Assurez-vous que ce nouveau groupe est sélectionné et allez à Effet> Warp> Ardennes. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Distorsion et transformation> Distorsion libre. Faites glisser ces points à peu près comme indiqué dans l'image suivante puis cliquez sur D'accord.

Étape 5

Resélectionnez votre "modèle"chemin composé et en faire une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et faites-la simplement glisser quelques pixels vers le haut, comme indiqué dans la première image..

Assurez-vous que votre nouveau chemin composé reste sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 6

Resélectionnez votre copie du chemin composé et allez à Objet> Développer l'apparence. Assurez-vous que le groupe de formes obtenu est sélectionné, cliquez sur le bouton Unir bouton du Éclaireur panneau puis transformer ces formes en un simple Chemin composé (Contrôle-8 ou Objet> Chemin composé> Marque).

Déplacer vers le Couches panneau (Fenêtre> Calques), double-cliquez sur votre chemin composé nouvellement créé et nommez-le simplement "tipPatternSecond". Assurez-vous que votre"tipPatternSecond"chemin composé est sélectionné et aller à Objet> Transformer> Refléter. Vérifier la Horizontal boîte et cliquez D'accord. À la fin, les choses devraient ressembler à la quatrième image.

Étape 7

En utilisant le Outil Rectangle (M), créer un 22 x 24px façonner et définir la couleur de remplissage à R = 80 G = 112 B = 214. Placez cette nouvelle forme comme indiqué dans la première image puis renvoyez-la à l’arrière (Shift-Control- [ ).

Étape 8

Resélectionnez votre "tipPatternDeuxième "chemin composé avec le nouveau, 22 x 24px rectangle et Groupe leur (Contrôle-G).

Ensuite, vous devez copier les effets appliqués au groupe existant et les coller sur ce nouveau groupe. Vous pouvez facilement le faire en utilisant les icônes cibles. Aller au Couches Panneau, concentrez-vous sur le côté droit et vous remarquerez que chaque forme, groupe ou calque est accompagné d’un petit cercle gris. C'est une icône de cible. Tenez le Alt bouton de votre clavier, cliquez sur l’icône cible qui représente votre premier groupe et glissez-la simplement sur le cercle représentant le groupe créé à cette étape. À la fin, les choses devraient ressembler à la deuxième image.

Étape 9

Assurez-vous que votre groupe supérieur est toujours sélectionné et allez à Objet> Développer l'apparence. Sélectionnez le groupe de formes obtenu et allez à Objet> Transformer> Refléter. Il suffit de vérifier le Horizontal case puis cliquez sur D'accord.

Étape 10

Concentrez-vous sur le groupe de formes supérieur. Sélectionnez la forme en surbrillance dans la première image et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec le chemin composé avant et cliquez sur le bouton Couper bouton du Éclaireur panneau.

Assurez-vous que le groupe de formes résultant est sélectionné et transformez-le en un simple Chemin composé (Contrôle-8 ou Objet> Chemin composé> Marque).

Étape 11

Déplacez-vous vers le groupe du bas, sélectionnez-le et allez à Objet> Développer l'apparence. Concentrez-vous sur le groupe obtenu, sélectionnez la forme en surbrillance dans la deuxième image et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec le chemin composé avant et cliquez sur le bouton Couper bouton du Éclaireur panneau.

Assurez-vous que le groupe de formes résultant est sélectionné et transformez-le en un simple Chemin composé (Contrôle-8 ou Objet> Chemin composé> Marque).

Étape 12

En utilisant le Outil Rectangle (M), créer un 2 x 24px forme, définissez la couleur de remplissage sur blanc (R = 255 G = 255 B = 255) et placez-le comme indiqué dans la première image. Concentrez-vous sur le côté inférieur de ce mince rectangle et passez au Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 4px à gauche puis sélectionnez le point d'ancrage de droite et faites-le glisser 5px à gauche. Assurez-vous que votre forme blanche est toujours sélectionnée, baissez son Opacité à 70% et changer le Mode de fusion à Recouvrir.

Étape 13

En utilisant le Outil Rectangle (M), créer un 2 x 24px forme, définissez la couleur de remplissage sur le noir (R = 0 G = 0 B = 0) et placez-le comme indiqué dans la première image. Concentrez-vous sur le côté inférieur de ce mince rectangle et passez au Outil de sélection directe (A). Sélectionnez le bon point d'ancrage et faites-le glisser 2px à droite puis sélectionnez le point d'ancrage gauche et faites-le glisser 3px à droite. Assurez-vous que votre forme noire est toujours sélectionnée, baissez son Opacité à 50% et changer le Mode de fusion à Lumière douce.

Étape 14

Resélectionnez les formes en noir et blanc et allez à Objet> Transformer> Refléter. Vérifier la Horizontal puis cliquez simplement sur la Copie bouton. Sélectionnez les formes nouvellement créées, faites-les glisser vers le haut et placez-les comme indiqué dans la troisième image.

Étape 15

En utilisant le Outil Rectangle (M), créer un 2 x 6px forme, définissez la couleur de remplissage en noir, placez-la comme indiqué dans l'image suivante, baissez son Opacité à 50% et changer le Mode de fusion à Lumière douce. Assurez-vous que ça Outil Rectangle (M) est toujours actif et créer un deuxième 2 x 6px forme. Placez-le comme indiqué dans l'image suivante, définissez la couleur de remplissage en blanc, baissez son Opacité à 70% et changer le Mode de fusion à Recouvrir.

Étape 16

En utilisant le Outil Rectangle (M), créer deux, 1 x 45px forme, définissez la couleur de remplissage sur R = 53 G = 32 B = 168 et placez-les comme indiqué dans la première image. En utilisant le même outil, créez un nouveau 1 x 45px rectangle, définissez la couleur de remplissage sur R = 44 G = 63 B = 188 et placez-le comme indiqué dans la deuxième image.

Étape 17

En utilisant le Outil Rectangle (M), créer un 2 x 45px forme et un 1 x 45px forme. Remplir les deux formes avec R = 45 G = 83 B = 208 et placez-les comme indiqué dans la première image. En utilisant le même outil, créez un 2 x 45px forme et un 1 x 45px forme. Remplir les deux formes avec R = 82 G = 114 B = 219 et placez-les comme indiqué dans la première image.

Étape 18

En utilisant le Outil Rectangle (M), créer un 1 x 45px forme, définissez la couleur de remplissage sur R = 113 G = 141 B = 227 et placez-les comme indiqué dans la première image. Sélectionnez cette forme mince avec les sept autres rectangles mis en surbrillance dans la deuxième image et Groupe leur (Contrôle-G). Dupliquer ce nouveau groupe (Contrôle-C> Contrôle-F), sélectionnez la copie, faites-la glisser vers le haut et placez-la comme indiqué dans la troisième image..


4. Enregistrer un simple motif de pinceau

Étape 1

Resélectionnez toutes les formes faites jusqu'à présent et allez à Objet> Transformer> Rotation. Entrez un -90 degrés d'angle et clic D'accord. À la fin, les choses devraient ressembler à la deuxième image.

Étape 2

Sélectionnez les formes en surbrillance dans la première image et faites-les simplement glisser à l'intérieur de la Échantillons panneau (Fenêtre> Nuancier) pour enregistrer votre propre motif. Une fois que vous pouvez le voir dans le Échantillons panneau, vous pouvez vous débarrasser des formes que vous avez utilisées pour le créer.

Retour à la Échantillons panneau, double-cliquez sur votre modèle et nommez-le "startTile". Sélectionnez les formes en surbrillance dans la deuxième image et transformez-les en votre deuxième motif. Nommez-le"EndTile"puis supprimez simplement les formes que vous avez utilisées pour créer ce nouveau motif.

Étape 3

Concentrez-vous sur votre planche d’art, sélectionnez les formes restantes, ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton (pointé par la petite flèche bleue dans l'image suivante).

Vérifier la Brosse à motif case puis cliquez sur D'accord ouvrir le Options de brosse de motif la fenêtre. Entrer "lacets" dans le prénom boîte, faites glisser le Échelle curseur à 70% puis descendez au Tuile des boites. Sélectionnez le Carreau de départ boîte et ajouter le "startTile"motif dans la liste puis sélectionnez Tuile de fin boîte et ajouter le "EndTile".

Enfin, cliquez sur D'accord et vous devriez trouver votre nouvelle brosse à motif à l’intérieur du Des pinceaux panneau. Si vous pouvez le voir, supprimez simplement les formes que vous avez utilisées pour le créer..


5. Créez le texte et utilisez votre motif

Étape 1

Désactiver le la grille (Afficher> Masquer la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Choisissez le Outil de type (T), cliquez simplement sur votre planche et ajoutez le "lacets"morceau de texte noir. Assurez-vous qu'il reste sélectionné et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police "Edwardian Script ITC", puis définissez la taille sur 300pt et le suivi à 100. Baisser le Opacité de votre texte à 30% puis passer à la Couches panneau et verrouillez-le simplement pour vous assurer de ne pas le sélectionner / déplacer accidentellement.

Étape 2

Maintenant, le chemin difficile. En utilisant le Outil stylo (P) ou la Outil Pinceau (B) (si vous possédez une tablette) tracez un chemin lisse le long de votre texte, comme indiqué dans l’image suivante. Essayez d'utiliser le texte à l'arrière comme référence approximative.

Pour commencer, utilisez un simple trait rouge pour votre chemin. Une fois que vous sentez que cela semble assez bon, remplacez le trait rouge par votre "lacets"motif brosse. Déplacez-vous vers le Couches panneau, double-cliquez sur le chemin fait dans cette étape et nommez-le simplement "lacets". En outre, supprimez ce morceau de texte verrouillé.


6. Ajouter une nuance subtile pour les lacets superposés

Étape 1

Assurez-vous que votre "lacets"chemin est toujours sélectionné et faire une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie, concentrez-vous sur le Apparence panneau (Fenêtre> Apparence) et remplacez le motif de pinceau utilisé pour le trait par un 15.5pt accident vasculaire cérébral. Définir sa couleur à R = 41 G = 100 B = 190.

Étape 2

Concentrez-vous sur le tracé avec le trait bleu et examinez de plus près les zones qui se chevauchent. En utilisant le Outil Ciseaux (C), couper les portions du chemin qui se chevauchent. Continuez à vous concentrer sur le chemin qui se chevauche et choisissez le chemin qui passe à l’arrière et celui qui reste devant. Maintenant, sélectionnez les chemins avant et remplacez le bleu par le jaune (R = 255 G = 222 B = 23) puis sélectionnez les chemins à l’arrière et remplacez le bleu par le rouge (R = 237 G = 28 B = 36).

Étape 3

Sélectionnez l'un des chemins restants avec un trait bleu et allez à Sélectionnez> Même> Apparence sélectionner le reste des formes avec des Apparence les attributs. Une fois que vous avez sélectionné tous ces chemins, appuyez simplement sur le Effacer bouton de votre clavier pour vous en débarrasser.

Étape 4

Sélectionnez tous les chemins marqués d'un trait rouge et allez à Objet> Chemin> Contour de contour. Assurez-vous que les formes résultantes sont sélectionnées et transformez-les en un simple Chemin composé (Contrôle-8).

Étape 5

Sélectionnez tous les chemins avec un trait jaune et allez à Objet> Chemin> Contour de contour. Assurez-vous que les formes résultantes sont sélectionnées, transformez-les en un simple Chemin composé (Contrôle-8) et l'amener au premier plan (Shift-Control-] ).

Étape 6

Resélectionnez votre chemin composé jaune et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez-le avec le chemin composé rouge et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8) et mettre sa couleur de remplissage en blanc.

Étape 7

Resélectionnez votre chemin composé jaune et concentrez-vous sur Apparence. Sélectionnez le remplissage existant, remplacez le jaune par du noir et allez à Effet> Styliser> Outer Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 8

Resélectionnez votre chemin composé blanc et amenez-le au premier plan (Shift-Control-] ). Sélectionnez-le avec le chemin composé noir, ouvrez le menu déroulant du Transparence panneau (Fenêtre> Transparence) et allez à Faire masque d'opacité. À la fin, les choses devraient ressembler à la troisième image.


7. Ajouter une deuxième dentelle et recolorier

Étape 1

En utilisant le Outil stylo (P) ou la Outil Pinceau (B), ajoutez un chemin autour de votre texte et utilisez le même "lacets"brosse à motif.

Étape 2

Assurez-vous que le chemin entourant votre texte est toujours sélectionné et allez à Édition> Éditer les couleurs> Recolorer l'illustration. Aller au modifier section, assurez-vous que le Recolorer l'illustration boîte et Lien des couleurs d'harmonie les boutons sont cochés, puis il suffit de jouer avec Luminosité et les poignées de couleur. Il y a d'innombrables possibilités.


8. Ajouter de l'ombrage pour les deux lacets

Étape 1

Resélectionnez les deux chemins principaux et ajoutez les cinq Ombre portée effets (Effet> Styliser> Ombre portée) montré dans l'image suivante.


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