Créer un effet de texte inspiré du baseball dans Adobe Illustrator

Ce que vous allez créer

Pour tous les amateurs de sport, ce tutoriel vous apprendra comment créer un effet de texte inspiré du baseball. Vous allez commencer par préparer le texte, puis, à l'aide de l'effet Bas Relief et de l'effet Inner Glow, vous lui ajouterez facilement une dimension. Vous allez ensuite créer une texture vectorielle et un motif de pinceau avec lesquels vous allez ajouter les points de baseball caractéristiques. Le prochain aspect de la liste de choses à faire est l’aspect usé et sale, pour lequel vous utiliserez un pinceau d’art intégré. Vous finirez avec le fond d'herbe et les touffes d'herbe supplémentaires autour des lettres. Sautons dans! 

1. Démarrer un nouveau projet 

Lancez Adobe Illustrator et accédez à Fichier> Nouveau ouvrir un document vierge. Tapez un nom pour votre fichier et configurez les dimensions, puis sélectionnez 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 et performances d'affichage pour vous assurer que le Unités sont comme dans l'image suivante. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin.. 

2. Préparez le texte

Étape 1

Prenez le Outil de type (T) et tapez "SPORT”Sur votre planche en utilisant Cooper Black, Ordinaire, taille de 120 pt. Définissez le suivi sur 50, puis sélectionnez Développer du Objet menu et Dissocier (Shift-Control-G)

Étape 2

Sélectionnez toutes les lettres et ajoutez un 4,5 pt AVC en utilisant la couleur de votre choix. Maintenant, sélectionnez Développer du Objet menu et Dissocier (Shift-Control-G) afin de transformer les traits en remplit. 

Concentrez-vous sur la lettre «S». À ce stade, la lettre doit être composée de la forme noire et de la forme verte (la bordure est remplie avec la couleur de votre choix). Sélectionnez les deux formes et appuyez sur Ajouter dans le Éclaireur panneau pour les réunir en une seule forme. Répétez la même chose pour les quatre autres lettres. 

Étape 3

Sélectionnez la lettre «O» et allez à Objet> Chemin composé> Libérer, puis supprimez la plus petite ellipse du centre.  

Étape 4

Remplissez la lettre «O» avec le dégradé radial indiqué et utilisez la couleur beige indiquée pour le reste.

Étape 5 

Ensuite, sélectionnez toutes les lettres et allez à Effet> Styliser> Inner Glow, appliquez les paramètres indiqués et appuyez sur D'accord. Je me référerai désormais à ces lettres comme suit: «original S», «original P», «original O», «original R» et «original T».

3. Ajouter une dimension au texte

Étape 1 

Sélectionnez toutes les lettres d'origine, puis Copie et Coller à l'arrière (Control-B). Supprimez toutes les apparences existantes en appuyant sur la touche Apparence claire icône au bas de la Apparence panneau. Maintenant, remplissez ces copies avec du noir, puis allez à Effet> Croquis> Bas Relief, appliquez les paramètres ci-dessous et appuyez sur D'accord. À ce stade, vous ne pouvez pas vraiment voir le résultat, mais passez à l'étape suivante..  

Étape 2

Si vous rendez les lettres originales invisibles (en appuyant sur l’icône en forme d’œil à côté de chaque lettre Apparence panneau), vous pourrez voir les copies des lettres avec le Bas relief effet appliqué à eux. Pour un look plus subtil, réduisez le Opacité à 65% pour chaque lettre. 

Étape 3

Activez la visibilité des lettres originales et réglez-les toutes sur Superposition du mode de fusion

Étape 4

Si vous zoomez sur une des lettres, vous remarquerez que le Bas relief L’effet, bien que très bon, nous donne des bords pixelisés. Ne vous inquiétez pas: nous pouvons résoudre ce problème avec un simple masque. Tout d'abord, sélectionnez toutes les lettres d'origine, puis Copie et Coller à l'arrière (Control-B). Définissez les copies que vous avez obtenues sur stroke-none, fill-none en appuyant sur la touche Apparence claire icône au bas de la Apparence panneau. 

Ensuite, concentrez-vous sur la première lettre. Sélectionnez la copie du "S original" que vous venez de faire, ainsi que la lettre "S" qui a le Bas relief effet appliqué, et aller à Objet> Masque d'écrêtage> Marque (Control-7). dans le Couches panneau, vous devriez voir le nouveau groupe, que j’ai appelé «Bas Relief», et le «S original» qui reste toujours au-dessus. 

4. Créer la texture

Étape 1

Prenez le Outil Rectangle (M) et tracez un grand rectangle sur les lettres. En tant que référence, le mien concerne 550 x 200 px. Sélectionnez le blanc comme couleur de remplissage, puis allez à Effet> Texture> Vitrail, appliquez les paramètres ci-dessous et appuyez sur D'accord.

Étape 2

Avec le rectangle sélectionné, choisissez Développer l'apparence, et puis aller à Objet> Suivi en temps réel> Options de traçage. Faites les changements en surbrillance ci-dessous et appuyez sur Trace, puis sélectionnez Développer du Objet menu. Maintenant, votre texture est vectorielle. 

Étape 3

La texture étant toujours sélectionnée, regardez les dimensions dans le Transformer panneau. Au lieu des dimensions existantes (quelles qu’elles soient), tapez 480 px dans le Largeur terrain et 120 px dans le la taille champ. Cela non seulement réduira la texture, mais les cellules deviendront plus petites, et c'est ce que nous voulons.. 

Étape 4

Définissez la texture sur Superposition du mode de fusion et 20% d'opacité (1). Ensuite, sélectionnez «S original», «P original»,…, «T» original, puis Copie et Coller devant (Control-F) tous. Enlevez toutes les apparences existantes et amenez-les devant tout en allant dans Objet> Arranger> Amener au premier plan (Shift-Control-]). Avec ces cinq exemplaires toujours sélectionnés, allez à Objet> Chemin composé> Make (Control-8) (2). Maintenant, sélectionnez le nouveau chemin composé (stroke-aucun, remplissage-aucun) avec la texture et allez à Objet> Masque d'écrêtage> Marque (Control-7) (3). 

Étape 5

Aller au Couches panneau et localiser la texture sous le masque que vous venez de faire. Copie et Coller devant (Control-F), changez la couleur de remplissage du noir au blanc, puis déplacez-la 1 px et 1 px à gauche en appuyant sur la Touche flèche haut/Touche flèche gauche sur votre clavier une fois. Met le Mode de fusion retour à Ordinaire mais gardez le Opacité à 20%

5. Créez le motif de baseball Stitches

Étape 1

Prenez le Outil stylo (P) et dessinez une forme de pétale, mais plat en bas. Comme référence, ma forme est à propos de 12 x 33 px, donc assez petit (1). Utilisez le Tourner option dans le Transformer panneau pour faire pivoter cette forme -15 degrés (2), puis allez à Objet> Transformer> Refléter, vérifier Horizontal,et frapper Copie. Disposez les deux formes comme dans l’image, les deux coins intérieurs se chevauchant un peu (3). Déplacez quelques points intérieurs pour obtenir une ligne relativement droite au milieu, comme indiqué par la ligne de guidage (4). Enfin, dessinez deux ellipses et envoyez-les à l'arrière (5).

Étape 2

Avant de continuer, assurez-vous que les deux formes en forme de pétale sont remplies de la même couleur (violet) et que les deux ellipses sont également remplies de la même couleur (vert). Maintenant, sélectionnez tout et faites-le glisser dans le Des pinceaux panneau pour enregistrer un Nouveau modèle de brosse. Dans la fenêtre qui s’ouvre, il suffit de taper un nom pour votre pinceau et de laisser les paramètres tels quels.. 

6. Créer les points sur le texte

Étape 1 

Utilisez le Outil stylo (P) ou la Outil Crayon (N) dessiner deux chemins légèrement courbes sur chaque lettre, comme dans l’image. Utilisez la couleur indiquée comme couleur de trait et définissez la Poids de l'AVC à 0.5 pt

Étape 2

Avec les dix chemins encore sélectionnés, choisissez Ajouter un nouveau trait à partir du menu déroulant du Apparence panneau. Cela ajoutera un deuxième trait au-dessus du premier et vous pouvez maintenant utiliser le Brosse à motif de point de baseball enregistré plus tôt. Met le Poids de l'AVC à 1 pt, puis double-cliquez sur le pinceau appliqué dans le Apparence panneau pour ouvrir le Options de course la fenêtre. Type 20% dans le Échelle champ et frapper D'accord

Étape 3

Maintenant, colorions les points de baseball. Mais d’abord, sélectionnez tous les chemins tracés et choisissez Développer l'apparence du Objet menu. Zoomez sur la lettre «S», puis sélectionnez en utilisant les flèches Outil de sélection directe (A) une seule des formes violettes et aller à Sélectionner> Identique> Couleur de remplissage. En conséquence, toutes les formes violettes seront sélectionnées et vous pourrez toutes les remplir en même temps avec le dégradé radial indiqué..

Étape 4

Ensuite, sélectionnez une seule des ellipses vertes, puis allez à Sélectionner> Identique> Couleur de remplissage. En conséquence, toutes les ellipses vertes seront sélectionnées et vous pourrez les remplir avec le dégradé radial indiqué.. 

Étape 5

Il est temps d'ajouter des ombres. Prendre le Outil stylo (P) ou la Outil Crayon (N) et dessinez à nouveau deux chemins sur chaque lettre. Notez que l’un des chemins suit le côté intérieur du point et l’autre suit le côté extérieur du deuxième point (1). Gardez cela à l’esprit lorsque vous tracez les chemins.

Sélectionner un 1 pt course noire pour ces dix chemins, allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 1,5 px (2). Réglez tous pour 40% d'opacité pour une ombre plus subtile (3).

Étape 6

Nous allons ensuite créer des masques et utiliser la lettre «S» comme exemple. Sélectionnez “S original”, puis Copie et Coller devant (Control-F). Supprimez toutes les apparences existantes et amenez-le devant tout en allant dans Objet> Arranger> Amener au premier plan (Shift-Control-]) (1). Maintenant, sélectionnez cette copie de la lettre, ainsi que les deux points et les deux chemins d'ombre (2) et allez à Objet> Masque d'écrêtage> Marque (Control-7) (3). Vous pouvez nommer le groupe résultant "Stitches 'S'" dans le Couches panneau. 

Étape 7

Répétez l'étape précédente pour le reste des lettres et, à ce stade, votre texte devrait avoir des contours nets.. 

7. Créer le look usé / sale

Étape 1 

Prendre le Outil stylo (P) ou la Outil de segment de ligne (\) et tracez un chemin droit sur chaque lettre, comme dans l'image suivante. Sélectionnez le noir comme couleur de remplissage, puis accédez à Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil et trouve Pinceau art craie. Utilisez-le pour parcourir ces cinq chemins et augmenter la Poids de l'AVC à 2 pt

Étape 2

Sélectionnez “S original”, “P original”,…, “T original”, puis Copie et Coller devant (Control-F). Enlevez toutes les apparences existantes et amenez-les devant tout en allant à Object> Organiser> Amener au premier plan (Shift-Control-]). Maintenant, concentrez-vous sur la lettre «S». Sélectionnez la copie de la lettre que vous venez de faire avec le chemin tracé et allez à Objet> Masque d'écrêtage> Marque (Control-7). Vous pouvez nommer le groupe résultant "Dirt 'S'" dans le Couches panneau. 

Répétez la même chose pour le reste des lettres afin d'obtenir des contours nets. 

Étape 3

Sélectionnez le chemin tracé au-dessus de la lettre «S» et définissez le Mode de fusion à Recouvrir. Faites la même chose pour les quatre autres lettres. Vous pouvez également réduire le Opacité un peu si nécessaire. 

8. Ajouter l'ombre

Étape 1 

Sélectionnez les lettres d'origine, puis Copie et Coller à l'arrière (Control-B). Supprimez toutes les apparences existantes et envoyez-les derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [). Utilisez la couleur indiquée comme couleur de remplissage, puis allez à Effet> Styliser et appliquer le Ombre portée effet quatre fois. 

Étape 2

Ce sont les paramètres pour les quatre Ombre portée effets: 

9. Créer le fond d'herbe

Étape 1

Tout d'abord, créez un nouveau Couche appelé «BG» sous le calque avec l’effet de texte. Prenez le Outil Rectangle (M) et dessinez un rectangle de la taille de votre planche d’art, qui dans mon cas est 600 x 400 px. Sélectionnez la couleur indiquée comme couleur de remplissage.

Étape 2

Copie et Coller devant (Control-F) même rectangle et changez la couleur de remplissage en noir. Ensuite aller à Effet> Esquisse et appliquer le Papier à notes effet. Ce n’est que le début, mais vous pouvez voir le reste des détails dans mon tutoriel Créer un effet de texte Vector Grass, car cet arrière-plan s’inspire de là. En gros, suivez les explications et les réglages des étapes 2 à 6 et vous obtiendrez le fond d’herbe..  

Étape 3

À la fin de l'étape 6, l'arrière-plan devrait ressembler à ceci:

Étape 4

Dessinez un autre rectangle de même taille et remplissez-le d'un dégradé radial allant du blanc au noir. Réglez-le sur Mode de fusion Multiplier et 40% d'opacité et le fond est prêt. 

10. Ajouter des touffes d'herbe supplémentaires

Étape 1

Retournez au calque avec l'effet de texte. Aller au Symboles panneau, ouvrez le Menu Bibliothèques de symboles,et dans le La nature catégorie, trouver Herbe 1, Herbe 2 et Herbe 3. Faites-les glisser dans votre plan de travail, puis appuyez sur la touche Rompre le lien avec le symbole icône au bas de la Symboles panneau afin de les développer. 

Multipliez ces touffes d'herbe, redimensionnez, faites pivoter et disposez-en quelques unes autour de la lettre «S». Vous pouvez suivre mon exemple ou le faire comme vous le souhaitez (1). J'ai décidé de masquer l'herbe par le haut et par la gauche car elle ne semblait pas naturelle. Pour cela, j'ai utilisé une copie du «S original», comme auparavant. Sélectionnez la copie de la lettre avec les touffes d'herbe que vous souhaitez masquer, puis allez à Objet> Masque d'écrêtage> Marque (Control-7) (3).  

Étape 2 

Voici le reste des lettres. Dans la colonne 1, vous pouvez voir les touffes d'herbe que j'ai arrangées autour des lettres, dans la colonne 2, vous pouvez voir les touffes d'herbe que j'ai décidé de masquer, et dans la colonne 3, le résultat final.. 

Toutes nos félicitations! Vous avez terminé. 

L'effet de texte inspiré du baseball est prêt. J'espère que vous avez appris de nouvelles choses que vous pourrez appliquer dans vos projets futurs. Laissez-moi des commentaires ou partagez votre recréation de cet effet, car j'aimerais beaucoup le voir..