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

Ce que vous allez créer

Pour commencer, vous apprendrez à configurer une grille simple et à créer un ensemble de formes qui constitueront un premier pinceau à motif. Vous apprendrez à créer facilement des formes parfaites en pixels et à enregistrer des motifs. À l'aide de ce premier pinceau, de l'outil Shape Builder et de quelques effets de base, vous apprendrez à créer le pinceau à motif de paille. Enfin, vous apprendrez à recolorier facilement votre pinceau et à créer un effet de texte soigné..

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 600 dans la case de largeur et 620 dans la zone de hauteur, puis cliquez sur le bouton 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). Vous aurez besoin d'une grille chaque 1 px, si simplement aller à Édition> Préférences> Guides> 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 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éez l’ensemble de rectangles qui composera le corps de votre motif

Étape 1

Choisissez le Outil Rectangle (M), concentrez-vous sur votre planche d’art et créez la colonne de rectangles minuscules illustrée dans l’image suivante. La grille et le Aligner sur la grille Cette fonctionnalité vous facilitera la tâche et vous assurera d’utiliser les attributs de taille et de couleur de remplissage indiqués ci-dessous..

Étape 2

En utilisant le même outil, créez deux 5 x 1 px formes et placez-les comme indiqué dans l'image suivante. Sélectionnez le rectangle supérieur et concentrez-vous sur le Apparence panneau (Fenêtre> Apparence). Assurez-vous que la couleur de remplissage est définie sur blanc (R = 255 G = 2555 B = 255) puis cliquez dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau fly-out. Changer la Mode de fusion à Lumière douce et baisser le Opacité à 50%. Déplacez-vous sur l’autre rectangle créé à cette étape, assurez-vous que la couleur de remplissage est également définie sur blanc, diminuez sa valeur. Opacité à 70% et changer le Mode de fusion à Lumière douce.

Étape 3

En utilisant le même Outil Rectangle (M), créer trois 5 x 1 px formes et placez-les comme indiqué dans l'image suivante. Sélectionnez le rectangle supérieur, définissez la couleur de remplissage sur le noir (R = 0 G = 0 B = 0) et changer le Mode de fusion à Lumière douce. Déplacez-vous vers le rectangle inférieur créé à cette étape, définissez la couleur de remplissage sur le noir, abaissez son Opacité à 30% et changer le Mode de fusion à Lumière douce. Enfin, sélectionnez le troisième rectangle créé à cette étape, assurez-vous que la couleur de remplissage est définie sur noir, diminuez sa valeur. Opacité à 70% et changer le Mode de fusion à Lumière douce.

Étape 4

Sélectionnez toutes les formes réalisées jusqu'à présent et faites-les simplement glisser à l'intérieur du Échantillons panneau (Fenêtre> Nuancier) pour les enregistrer en tant que motif. Double-cliquez sur ce nouveau motif, renommez-le "Carreau de départ / fin"puis assurez-vous que vous frappez le Annuler bouton. Ne supprimez pas cette colonne de rectangles de votre planche d’art, car vous en aurez besoin plus tard..

3. Créez le premier ensemble de formes qui composeront le côté strié de la paille

Étape 1

Resélectionner le Outil Rectangle (M) et créez une nouvelle colonne de rectangles comme indiqué ci-dessous. Assurez-vous que vous utilisez les attributs de taille et de couleur indiqués dans l'image suivante..

Étape 2

Concentrez-vous sur votre nouvelle colonne de rectangles et choisissez la Outil de sélection directe (A). Sélectionnez les points d'ancrage mis en évidence dans la première image et faites-les simplement glisser 2 px comme indiqué dans la deuxième image.

Étape 3

Continuez à vous concentrer sur votre nouvel ensemble de formes et assurez-vous que le Outil de sélection directe (A) reste actif. Sélectionnez les points d'ancrage mis en évidence dans la première image et faites-les simplement glisser 1 px comme indiqué dans la deuxième image.

Étape 4

Continuez à vous concentrer sur votre nouvel ensemble de formes et assurez-vous que le Outil de sélection directe (A) est toujours actif. Sélectionnez les points d'ancrage mis en évidence dans la première image et faites-les simplement glisser 2 px comme indiqué dans la deuxième image.

Étape 5

Resélectionner le Outil Rectangle (M) et créez une nouvelle colonne de rectangles comme indiqué ci-dessous. Assurez-vous que vous utilisez les attributs de taille et de couleur indiqués dans l'image suivante..

Étape 6

Focus sur cette nouvelle colonne de rectangles et choisissez la Outil de sélection directe (A). Sélectionnez les points d'ancrage mis en évidence dans la première image et faites-les simplement glisser 2 px comme indiqué dans la deuxième image.

Étape 7

Continuez à vous concentrer sur votre nouvel ensemble de formes et assurez-vous que le Outil de sélection directe (A) reste actif. Sélectionnez les points d'ancrage mis en évidence dans la première image et faites-les simplement glisser 1 px comme indiqué dans la deuxième image.

Étape 8

Continuez à vous concentrer sur votre nouvel ensemble de formes et assurez-vous que le Outil de sélection directe (A) est toujours actif. Sélectionnez les points d'ancrage mis en évidence dans la première image et faites-les simplement glisser 2 px comme indiqué dans la deuxième image.

Étape 9

Resélectionnez la colonne de formes en surbrillance dans la première image et faites-les simplement glisser 1 px à gauche comme indiqué dans la deuxième image.

4. Créez le deuxième ensemble de formes qui constitueront le côté strié de la paille

Étape 1

En utilisant le Outil Rectangle (M), créer un 5 x 1 px façonner, le rendre blanc et placez-le comme indiqué dans la première image. Continuez à vous concentrer sur ce nouveau rectangle, choisissez le Ajouter un outil de point d'ancrage (+), et ajoutez simplement deux points d'ancrage comme indiqué dans la première image. Basculer vers le Outil de sélection directe (A), sélectionnez les deux points d'ancrage ajoutés il y a quelques instants et faites-les glisser 1 px comme indiqué dans la deuxième image.

Étape 2

Assurez-vous que votre forme blanche est toujours sélectionnée et allez à Objet> Transformer> Refléter. Vérifier la Horizontal case puis cliquez simplement sur le Copie bouton. Déplacez-vous sur votre plan de travail, sélectionnez la forme nouvellement créée, faites-la glisser vers le bas et placez-la comme indiqué dans l'image suivante..

Étape 3

Continuez à vous concentrer sur les formes blanches. Sélectionnez celui du haut, baissez son Opacité à 50% et changer le Mode de fusion à Lumière douce. Ensuite, sélectionnez celui du bas, abaissez son Opacité à 70%, et changer le Mode de fusion à Lumière douce.

Étape 4

En utilisant le Outil Rectangle (M), créer un 5 x 1 px formez-le, faites-le en noir et placez-le comme indiqué dans la première image. Continuez à vous concentrer sur ce nouveau rectangle, choisissez le Ajouter un outil de point d'ancrage (+), et ajoutez simplement deux points d'ancrage comme indiqué dans la première image. Basculer vers le Outil de sélection directe (A), sélectionnez les deux points d'ancrage ajoutés il y a quelques instants et faites-les glisser 2 px comme indiqué dans la deuxième image.

Étape 5

Assurez-vous que votre forme noire est toujours sélectionnée et allez à Objet> Transformer> Refléter. Vérifier la Horizontal case puis cliquez simplement sur le Copie bouton. Déplacez-vous sur votre planche d’art, sélectionnez la nouvelle forme et faites-en une copie devant (Contrôle-C> Contrôle-F). Maintenant, sélectionnez les deux formes créées dans cette étape une par une et placez-les comme indiqué dans l'image suivante.

Étape 6

Continuez à vous concentrer sur les formes noires. Sélectionnez celui du bas, abaissez son Opacité à 30% et changer le Mode de fusion à Lumière douce. Passez à la forme supérieure et changez sa Mode de fusion à Lumière douce, puis sélectionnez celui du milieu, baissez son Opacité à 70%, et changer le Mode de fusion à Lumière douce.

Étape 7

En utilisant le Outil stylo (P), créer un 15 px chemin vertical et placez-le comme indiqué dans l'image suivante. Assurez-vous que ce nouveau chemin reste sélectionné et concentrez-vous sur la Apparence panneau. Supprimez la couleur du remplissage, puis sélectionnez le trait existant. Définissez la couleur sur blanc puis cliquez simplement sur "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est fixé à 1 px puis sélectionnez Profil de largeur 1 à partir de ce Profil menu déroulant.

Étape 8

Assurez-vous que votre chemin vertical est toujours sélectionné et allez à Objet> Chemin> Contour de contour. Sélectionnez la forme obtenue et changez simplement sa Mode de fusion à Lumière douce.

5. Créer le premier pinceau de motif

Resélectionnez toutes les formes en surbrillance dans l'image suivante, ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton. Vérifier la Brosse à motif case puis cliquez sur le D'accord bouton. Nomme le "Paille courbée", entrez les attributs indiqués ci-dessous, puis passez à la Tuile des boites. Ouvrez le Carreau de départ et Tuile de fin des fenêtres déroulantes et ajoutez simplement le "Carreau de départ / fin"motif de cette liste. Enfin, cliquez sur D'accord et vous devriez trouver votre nouvelle brosse à motif à l’intérieur du Des pinceaux panneau.

6. Préparez les formes et le motif qui seront utilisés pour créer votre pinceau à motif de paille

Étape 1

Retour à la colonne de rectangles faite au début du tutoriel. Choisissez l'outil Rectangle (M), créer un 5 x 17 px forme, fais-le jaune (R = 255 G = 222 B = 23), renvoyez-le en utilisant le Shift-Control- [ raccourci clavier et assurez-vous de le placer exactement comme indiqué dans l'image suivante. Encore une fois, la grille et le Aligner sur la grille devrait faciliter votre travail.

Étape 2

En utilisant le Outil Rectangle (M), créer un 77 px carré, rendez-le vert (R = 141 G = 198 B = 63) et placez-le comme indiqué dans l'image suivante. Basculer vers le Outil stylo (P), créer un 40 x 40 px comme celui de la deuxième image, assurez-vous de le placer exactement comme indiqué dans cette image, puis concentrez-vous sur le Apparence panneau. Supprimer la couleur du remplissage et ajouter une orange simple pour le trait.

Étape 3

Assurez-vous que le tracé avec le trait orange est toujours sélectionné et remplacez simplement cette couleur plate par votre "Paille courbée"Motif pinceau. Regardez de plus près votre chemin et assurez-vous que le bord rempli d'un bleu plus foncé se trouve sur la face interne. Si ce n'est pas, choisissez le Outil stylo (P) et cliquez simplement sur le point d'ancrage en haut à droite. 

Maintenant, assurez-vous que ce chemin reste sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 20 px, clique le D'accord bouton puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 0,5 px puis cliquez sur le D'accord bouton. Ce dernier effet est utilisé uniquement pour vous assurer que ce chemin sera parfaitement aligné avec le côté corps de votre motif.

Étape 4

Resélectionnez le chemin avec le pinceau de motif et allez à Objet> Développer l'apparence. Sélectionnez le groupe de formes obtenu avec le carré vert et sélectionnez le Outil de création de forme (Maj-M). Tenez le Décalage bouton de votre clavier et faites glisser une petite sélection à peu près comme indiqué dans la deuxième image, mais veillez à ne pas dépasser le bord de votre forme verte. Déplacez-vous vers le bas de votre carré vert, n'oubliez pas de tenir le Décalage bouton, et faites glisser une nouvelle sélection à peu près comme indiqué dans la quatrième image.

Étape 5

Sélectionnez les deux petits rectangles mis en surbrillance dans la première image et supprimez-les à l'aide de la Effacer bouton de votre clavier. Resélectionnez le carré vert, passez à la Apparence panneau et simplement enlever la couleur de remplissage existante.

Étape 6

En utilisant le Outil Rectangle (M), créer un 77 px carré, rendez-le orange (R = 251 G = 176 B = 64) et placez-le comme indiqué dans l'image suivante. Basculer vers le Outil stylo (P), créer un nouveau 40 x 40 px chemin, placez-le exactement comme indiqué dans l'image suivante, assurez-vous qu'il reste sélectionné et faites la mise au point. Apparence panneau. Supprimer la couleur du remplissage et ajouter une orange simple pour le trait.

Étape 7

Assurez-vous que le tracé avec le trait orange est toujours sélectionné et remplacez simplement cette couleur plate par votre "Paille courbée"motif brosse. Encore une fois, jetez un coup d'œil sur votre trajectoire et assurez-vous cette fois que le bord rempli d'un bleu plus foncé se trouve du côté extérieur. Sinon, sélectionnez Outil stylo (P) et cliquez simplement sur le point d'ancrage inférieur. 

Maintenant, assurez-vous que ce chemin reste sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 20 px, clique le D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 0,5 px puis cliquez sur le D'accord bouton.

Étape 8

Resélectionnez le chemin avec le pinceau à motif et allez simplement à Objet> Développer l'apparence. Sélectionnez le groupe de formes obtenu avec le carré orange et sélectionnez le Outil de création de forme (Maj-M). Tenez le Décalage bouton de votre clavier et se débarrasser des deux sections mises en évidence dans les deuxième et quatrième images.

Étape 9

Sélectionnez les deux rectangles en surbrillance dans la première image et supprimez-les en utilisant le même Effacer bouton de votre clavier. Resélectionnez le carré vert, passez à la Apparence panneau et simplement enlever la couleur de remplissage existante.

Étape 10

Resélectionnez ce rectangle jaune, concentrez-vous sur Apparence panneau et simplement enlever la couleur utilisée pour le remplissage.

Étape 11

Sélectionnez le carré et le reste des formes en surbrillance dans la première image, transformez-les en un nouveau motif et nommez-le "OuterCornerTile". Sélectionnez le carré et le reste des formes mises en surbrillance dans la deuxième image, transformez-les en un nouveau motif et nommez-le"InnerCornerTile".

7. Créer le pinceau à motif de paille

Maintenant, sélectionnez toutes les formes en surbrillance dans l’image suivante, passez à la Des pinceaux panneau, et cliquez à nouveau que Nouveau pinceau bouton. Vérifier que même Brosse à motif case puis cliquez sur le D'accord bouton. Nommez ce nouveau pinceau "Bleu paille", entrez les attributs indiqués ci-dessous, puis passez à la Tuile des boites. Ouvrez le Tuile d'angle extérieur fenêtre déroulante et ajouter le "OuterCornerTile"modèle de cette liste, puis ouvrez le Carreau de coin intérieur fenêtre déroulante et ajouter le "InnerCornerTile"motif. Enfin, cliquez sur D'accord et vous devriez trouver votre nouvelle brosse à motif à l’intérieur du Des pinceaux panneau.

8. Créer l'effet de texte

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez le Agence FB police et définir la taille de la police à environ 350 px. Cliquez simplement sur votre planche, ajoutez le "siroter"morceau de texte, et choisissez un gris clair pour la couleur du texte.

Étape 2

Choisissez le Outil stylo (P), essayez d'utiliser le morceau de texte comme référence approximative et créez un ensemble de chemins simples, comme indiqué dans l'image suivante. Ajoutez un trait noir pour ces chemins et assurez-vous qu’aucun d’eux n’a de couleur définie pour le remplissage. Une fois que vous avez tous ces chemins, vous pouvez vous débarrasser de ce morceau de texte.

Étape 3

Assurez-vous que tous vos chemins sont sélectionnés, remplacez le trait noir par le "Bleu paille"motif brosse, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 0,5 px puis cliquez sur le D'accord bouton. Cet effet est uniquement utilisé pour obtenir un rendu parfait des pixels pour vos pailles. Activer le Aperçu pixel (Affichage> Aperçu des pixels ou Alt-Control-Y) et regardez l’un de vos chemins avec et sans le Transformer effectuer si vous souhaitez comprendre exactement comment les choses changent.

Étape 4

Sélectionnez un seul de vos chemins 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 faites glisser la souris Luminosité curseur et la couleur se comporte approximativement comme dans l’image suivante. Une fois que vous êtes satisfait de la nouvelle couleur de votre paille, cliquez simplement sur le bouton D'accord bouton et le pinceau à motif recoloré apparaîtra automatiquement à l’intérieur du Des pinceaux panneau. Renommez-le "Orange paille".

Étape 5

En utilisant la même technique que celle décrite à l'étape précédente, créez une paille rose et une pourpre, comme indiqué dans l'image suivante..

Étape 6

En utilisant le Outil Rectangle (M), créez une forme qui recouvre l’ensemble de votre planche d’art, envoyez-la à l’arrière (Shift-Control- [) et remplissez-le avec R = 250 G = 250 B = 245. Assurez-vous que ce nouveau rectangle reste sélectionné, concentrez-vous sur le Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, faites-le en noir, baissez son Opacité à 2% et changer le Mode de fusion à Multiplier, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 7

Resélectionnez tous vos chemins, concentrez-vous sur le Transparence panneau (Fenêtre> Transparence) et simplement baisser le Opacité à 80%.

Étape 8

Cette dernière étape peut être un peu difficile pour votre machine, il serait donc judicieux de sauvegarder le travail que vous avez effectué jusqu'à présent. Maintenant, assurez-vous que tous vos chemins sont sélectionnés et 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 ajoutez les cinq autres Ombre portée effets montrés 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..