Utiliser des pinceaux pour créer un effet de texte de pastèque dans Illustrator

Suivez ce didacticiel et découvrez comment créer un effet de texte tout vecteur de melon d'eau dans Adobe Illustrator..

Nous allons commencer par le texte et en utilisant quelques techniques de manipulation, nous obtiendrons toutes les lettres dont nous avons besoin pour compléter cet effet. L’aspect pastèque est un élément important. Nous allons le créer en ajoutant plusieurs remplissages et traits dans le panneau Apparence, puis en l’enregistrant sous forme de style pastèque dans le panneau Styles graphiques. Nous continuerons avec la texture sur la pulpe de la pastèque qui est également vectorielle et créée à l’aide des pinceaux Art et Scatter de la bibliothèque. Pour ajouter les graines, nous allons créer et sauvegarder notre propre pinceau à dispersion de graines. À la fin, nous ajouterons des rehauts et des ombres et créerons quelques gouttes de jus afin de rendre cet effet plus attrayant. Commençons!

Atouts du tutoriel

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

  • Endutt polices
  • FatC Police
  • Saindoux! Police de caractère
  • Autour de n'importe quel coin script

1. Démarrer un nouveau projet

Lancez Illustrator et allez à Fichier> Nouveau ouvrir un document vierge. Tapez un nom et entrez 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 à 1px. Pendant que vous y êtes, allez aussi à Unités et performances d'affichage et mettre le Unités comme indiqué. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin..

2. Créer les formes des lettres

Étape 1

Prenez le Outil de type (T) et tapez les lettres suivantes sur votre planche d’art. Utilisez les polices et les tailles indiquées pour chacun. Le mot est "SAMPLE" mais nous allons créer les lettres "A" et "L" séparément.

Étape 2

Créons maintenant la lettre "A". Prenez le Outil étoile, cliquez sur votre planche pour ouvrir le Étoile fenêtre et entrez les paramètres indiqués ci-dessous. Vous obtiendrez un triangle inversé mais vous pourrez le retourner en allant à la Transformer panneau et sélection Retourner verticalement dans le menu déroulant (coin supérieur droit).

En utilisant le Outil de sélection directe (A) sélectionnez uniquement le point central inférieur et déplacez-le vers le bas 9px en appuyant sur Touche flèche bas sur votre clavier 9 fois. Ensuite, en utilisant le Convertir l'outil de point d'ancrage (Maj-C) cliquez sur ce point et faites glisser pour générer les poignées.

Étape 3

Sélectionnez uniquement les points "1" et "2" avec le Outil de sélection directe (A) ensuite aller à Fichier> Scripts> Round Any Corner et appliquer un Rayon de dix. En conséquence, vous obtiendrez les coins arrondis au bas. Ensuite, sélectionnez le point "3" et déplacez-le vers le haut 15px en appuyant sur Touche flèche haut sur votre clavier 15 fois. Vous pouvez aussi utiliser Objet> Transformer> Déplacer au lieu. Maintenant, prenez le Supprimer l'outil de point d'ancrage (-) et cliquez sur les points "4" et "5" pour les supprimer.

Étape 4

Enfin, utilisez le Convertir l'outil de point d'ancrage (Maj-C) générer de petites poignées pour le point haut et la forme lorsque la lettre "A" est prête.

Étape 5

Déplacez la forme obtenue à l'étape précédente à sa place puis dessinez une ellipse sous la lettre "L". Je nommerai ces formes: "lettre S", "lettre A", "lettre M", "lettre P", "lettre L" et "lettre E". Je vous recommande de faire plusieurs copies car vous en aurez besoin plus d'une fois.

Les lettres "A" et "E" sont colorées différemment car elles n'agiront pas comme des lettres mais nous les utiliserons comme des masques.

Étape 6

Ensuite, prenez le Outil Rectangle (M) et tracez un rectangle sur la "lettre A". Les deux formes doivent avoir la même largeur en bas (1). Utilisez le Ajouter un outil de point d'ancrage (+) pour ajouter un point supplémentaire au bas du rectangle, au milieu (2), sélectionnez uniquement ce point et déplacez-le vers le bas jusqu'à ce qu'il rencontre le bas du triangle (3). Transformez ce point d’angle en point lisse en faisant glisser les poignées avec le Convertir l'outil Point d'ancrage (4) puis, en utilisant également cet outil, faites glisser les poignées pour les points inférieur gauche et droit du rectangle (5).

Étape 7

À ce stade, votre texte devrait ressembler à celui ci-dessous avec la forme obtenue à l'étape précédente derrière "lettre A". Ensuite, concentrez-vous sur la "lettre E" et utilisez le Outil Ellipse (L) dessiner une forme d'environ la même taille. Ce n'est pas tout à fait un cercle et les deux formes doivent correspondre parfaitement dans le côté gauche.

Je vais nommer ces deux formes "faux A" et "faux E" et encore une fois, je vous recommande de faire des copies supplémentaires car vous en aurez besoin plus tard.

Étape 8

Maintenant, concentrez-vous sur "la lettre M". Prenez le Outil stylo (P) ou la Outil de segment de ligne (\) et tracez une ligne droite au-dessus des vagues. Sélectionnez "lettre M" ainsi que la ligne et appuyez sur Diviser dans le Éclaireur panneau. Dissocier (Shift-Control-G) puis supprimez la plus petite forme à partir du bas. En utilisant le Outil de sélection directe (A) sélectionnez uniquement les deux points d'ancrage en bas et déplacez-les comme indiqué ci-dessous.

Étape 9

Utilisez le Outil Ellipse (L) dessiner trois ellipses en bas comme dans l'image puis Groupe (Control-G) leur. Copie et Coller devant (Control-F) la forme de l'étape précédente puis sélectionnez cette copie ainsi que le groupe d'ellipses et appuyez sur Soustraire dans le Éclaireur panneau. Je nommerai la forme nouvellement obtenue (violet) "lettre M" et celle de derrière (gris) "fake M".

Étape 10

À ce stade, toutes les formes sont à peu près prêtes. Il suffit de saisir le Supprimer l'outil de point d'ancrage (-) et cliquez sur le point indiqué de la lettre "P" pour l'enlever.

3. Créer le style pastèque

Étape 1

Maintenant, commençons par le look actuel de la pastèque. Concentrez-vous sur l'une des lettres et sélectionnez le vert comme couleur de remplissage. dans le Apparence panneau, ouvrez le menu déroulant et choisissez Ajouter un nouveau remplissage afin d'ajouter un deuxième attribut de remplissage au-dessus du premier. Changer la couleur en vert foncé. Ayant la seconde Remplir sélectionné dans le Apparence panneau, allez à Effet> Chemin> Chemin de décalage et appliquer un -Décalage de 0.84px. Le but est d'obtenir un bord extérieur fin.

Étape 2

Comme vous l'avez fait à l'étape précédente, ajoutez un troisième remplissage au-dessus des deux. Alors que ce Remplir attribut est sélectionné dans le Apparence panneau, changez la couleur en rose clair puis allez à Effet> Chemin> Chemin de décalage et appliquer un -Décalage 2.4px.

Étape 3

Ajoutez un nouveau remplissage au-dessus du reste et utilisez cette fois le dégradé radial indiqué. Ayant cela Remplir attribut sélectionné, appliquer un -Décalage 6.3px et par conséquent, vous obtiendrez la zone de pulpe de la pastèque.

Étape 4

Nous avons terminé les remplissages, mais nous allons maintenant ajouter quelques traits. Sélectionnez le vert clair pour le premier Accident vasculaire cérébral ensuite aller à Effet> Chemin> Chemin de décalage et appliquer un -2.8px Offset. Le but est d’obtenir un mince bord vert clair juste à côté du remplissage vert foncé (voir le gros plan). Si votre AVC n’est pas là, vous pouvez ajuster la Décalage valeur à tout moment parce que c'est un effet live.

Étape 5

Ajoutez un deuxième trait au-dessus du premier en ouvrant le menu déroulant dans le menu déroulant. Apparence panneau et choix Ajouter un nouveau trait. Ayant cela Accident vasculaire cérébral attribut sélectionné dans le Apparence panneau, appliquer un -Décalage de 3.8px puis réduire le Opacité à 60%. La couleur reste la même. Ce deuxième trait doit se situer juste à côté du premier et, dans le cas contraire, vous pouvez régler la Décalage valeur.

Étape 6

Ajouter un tiers Accident vasculaire cérébral au-dessus des autres puis appliquez un -Décalage 4.8px et réduire le Opacité à 30% cette fois. La couleur reste la même. Après cela, l'aspect de la pastèque sera terminé et vous aurez l'écorce verte, la pulpe rouge et la zone plus claire entre les deux.

4. Enregistrez et appliquez le style pastèque

Étape 1

Maintenant, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques) et avoir le Apparence panneau debout à proximité. Sélectionnez votre lettre puis de la Apparence glisser la vignette dans le panneau Styles graphiques panneau pour le sauvegarder.

Étape 2

Retournez aux lettres et sélectionnez les formes suivantes: "faux A", "faux M", "lettre P" et "faux E". Appliquez-leur le style pastèque en le sélectionnant dans le menu Styles graphiques panneau.

Étape 3

Comme je l'ai dit au début, nous allons utiliser "lettre A", "lettre M" et "lettre E" pour créer des masques. Alors, sélectionnez "faux A" et "lettre A" (qui doit être devant, sans remplissage et sans contour) puis allez à Objet> Masque d'écrêtage> Marque (Control-7). Répétez la même chose en utilisant "faux M" et "lettre M", puis "faux E" et "lettre E". Vous pouvez voir le résultat final dans l'image suivante.

5. Ajouter de la texture sur la pulpe de la pastèque

Étape 1

Prenez le Outil Crayon (N) et tracez quelques chemins sur chaque lettre, deux à quatre suivant la taille et la forme de chaque lettre, mais ils doivent couvrir la zone de la pulpe. Vous pouvez voir les paramètres pour le Outil Crayon ci-dessous mais vous pouvez aussi utiliser le Outil stylo (P) pour ça.

Étape 2

Sélectionnez tous les chemins dessinés à l'étape précédente et tracez-les d'un trait Pinceau d'art appelé "Craie"que vous pouvez trouver dans Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil. Met le Poids de l'AVC à 0.6 pt.

Étape 3

Toujours avoir tous les chemins sélectionnés définir le Mode de fusion à Recouvrir.

Étape 4

Reprends le Outil Crayon (N) et tracez quelques chemins en spirale au-dessus de chaque lettre, comme dans l’image. Caressez ces chemins avec un Brosse à dispersion appelé "Éclaboussure d'encre 1"que vous pouvez trouver dans Bibliothèque de styles Menu> Artistique> Artistic_Ink. Met le Poids de l'AVC à 0,3 pt et la couleur de trait au blanc pour chacun d'eux.

Vous pouvez voir ci-dessous les paramètres que j'ai utilisés pour le trait.. Double-cliquez dans le Apparence panneau sur le trait appliqué pour ouvrir le Options de course fenêtre et définir les valeurs comme indiqué.

Étape 5

Sélectionnez les cinq chemins que vous avez tracés avec le Brosse à dispersion puis les mettre à Écran du mode de fusion et 30% d'opacité.

6. Masquer la texture sur la pulpe de la pastèque

Étape 1

À ce stade, vous devez masquer tous les traits et nettoyer les contours de chaque lettre, mais pour cela, vous avez besoin de nouvelles formes. Sélectionnez "lettre S" puis allez à Objet> Chemin> Chemin décalé et appliquer un -Décalage 6px. En conséquence, vous obtiendrez une forme plus petite de la taille de la pulpe rouge. Amenez cette nouvelle forme devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]) puis dans le Apparence appuyez sur le panneau Apparence claire icône pour supprimer tous les remplissages et les traits. Vous utiliserez cette forme pour masquer les traits plus tard.

Répétez les mêmes choses pour "lettre P".

Étape 2

Au début, j'ai dit de faire des copies de toutes les formes, non? Il est maintenant temps de les utiliser. Prenez une copie de "faux A" puis allez à Objet> Chemin> Chemin décalé et appliquer un -Décalage 6px afin d'obtenir une forme plus petite (1). Supprimez les apparences existantes. Ensuite, prenez une copie de "lettre A" (2) et ayant ces deux formes sélectionnées, appuyez sur Couper dans le Éclaireur panneau. Vous obtiendrez ainsi une nouvelle forme ayant la taille de la pulpe rouge (3).

Étape 3

La même chose vaut pour la lettre suivante. Prenez la copie de "faux M" puis appliquez une -Décalage 6px pour obtenir la forme plus petite (1). Ensuite, prenez une copie de "lettre M" (2) puis supprimez les apparences existantes pour les deux formes, le cas échéant. Toujours en ayant les deux formes sélectionnées, appuyez sur Couper dans le Éclaireur panneau et vous obtiendrez une nouvelle forme de la taille de la pulpe.

Étape 4

Prenez une copie de "faux E" puis appliquez une -Décalage 6px pour obtenir le petit cercle (1). Prenez une copie de la "lettre E" (2) puis, ayant les deux formes sélectionnées, appuyez sur Couper encore. Vous pouvez voir la forme résultante ci-dessous (3).

Étape 5

Tout d’abord, sélectionnez les cinq formes obtenues aux étapes précédentes et amenez-les devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]). Pour créer les masques, commencez par la première lettre, dans ce cas "S". Sélectionnez la forme de la pâte (sans remplissage, sans contour) ainsi que tous les coups de pinceau situés au-dessus de la lettre "S" (spirale 4 + 1) et passez à Objet> Masque d'écrêtage> Marque (Control-7).

Répétez la même chose pour le reste des lettres et à ce stade, votre effet de texte pastèque devrait ressembler à celui ci-dessous:

Étape 6

Prenez une autre copie de la "lettre M" et remplissez-la avec la couleur indiquée. Envoyez cette forme derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [). En utilisant le Outil de sélection directe (A) sélectionnez quelques-uns du point en bas et déplacez-les un peu vers le bas à l'aide de la Touche flèche bas sur votre clavier. Pour vous assurer que vous ne déplacez pas les mauvais points, vous pouvez verrouiller tout le reste sauf cette forme..

7. Créer les graines

Étape 1

Prenez le Outil Ellipse (L) et dessine un 16 x 16px cercle ayant un trait noir. Basculer vers le Outil de sélection directe (A) et sélectionnez uniquement le point haut puis déplacez-le 8px en appuyant sur Touche flèche haut sur votre clavier huit fois. Ayant toujours le point haut sélectionné, saisissez les poignées avec le Outil de sélection directe (A) et les rendre plus courts. Enfin, sélectionnez les points d’ancrage gauche et droit et allongez un peu plus leurs poignées. Je nommerai la forme obtenue "graine-forme".

Étape 2

Sélectionnez la "forme de graine" puis allez à Objet> Chemin> Chemin décalé et appliquer un -Décalage 2.5px. Vous aurez une forme plus petite au milieu, mais déplacez-la un peu. Je nommerai la forme verte "graine-milieu". Ensuite, sélectionnez à nouveau la "forme de graine" et appliquez une -5.5px Offset pour obtenir la troisième forme. Je nommerai la forme rouge "graine-petite".

Étape 3

Pour colorer la graine, remplissez les trois formes avec les dégradés indiqués.

Étape 4

Copie et Coller devant (Control-F) la "forme de graine" puis saisissez le Outil Ciseaux (C) et cliquez sur les deux points indiqués pour couper le chemin. Supprimez le segment supérieur et sélectionnez le blanc comme couleur de trait pour le chemin restant en bas. Stroke ce chemin avec un Mélange Art Brush appelé "Blend Art Brush_thin"de la collection de brosses d'art Blend dont je viens de parler dans ce tutoriel. Créer un ensemble de brosses de mélange multi-usages. Poids de l'AVC à 0,25 pt et réduire le Opacité à 80%. Lorsque vous avez terminé, sélectionnez ce chemin et choisissez Développer l'apparence du Objet menu afin d'étendre le coup de pinceau appliqué. Groupe (Control-G) toutes les formes qui composent la graine et ce sera "graine 1".

Étape 5

Faites une copie de "graine 1" puis sélectionnez "graine-petite", réduisez-la un peu et déplacez-la du côté gauche. Remplacez le dégradé existant par celui illustré ci-dessous. Ensuite, sélectionnez le groupe résultant de l’extension du trait et réduisez le Opacité à 50% parce que nous ne voulons pas que toutes les graines soient si brillantes. Ce sera "la graine 2".

Étape 6

Sélectionnez "graine 2" puis allez à Objet> Transformer> Échelle, entrer 22% dans le Échelle champ et frapper Copie. Vous obtiendrez la troisième graine. Sélectionnez "graine-milieu" et remplacez le dégradé puis sélectionnez "graine-petite" et donnez-lui un remplissage blanc. Tout le reste reste le même. Ce sera "la graine 3".

Étape 7

Nous ne pouvons malheureusement pas sauvegarder des formes remplies de dégradés sous forme de pinceaux, mais nous allons contourner ce problème. Faites une copie de "graine 1" mais conservez l'original car vous en aurez besoin plus tard. Remplacez les dégradés des trois formes par trois couleurs différentes, telles que le vert, le violet et le jaune. Vous avez étendu le trait, ce n’est donc pas un problème. Maintenant, sélectionnez la nouvelle graine et faites-la glisser dans le Des pinceaux panneau pour l'enregistrer en tant que Nouvelle brosse à dispersion.

8. Ajouter des graines sur la pulpe de la pastèque

Étape 1

Concentrez-vous sur la première lettre. Prenez le Outil Ellipse (L) et dessinez une ellipse au milieu, puis tracez ce chemin avec le Brosse à dispersion de graines enregistré plus tôt. Double-cliquez sur le trait appliqué dans le Apparence panneau pour ouvrir le Options de course fenêtre et modifier les paramètres comme indiqué. Vous pouvez essayer différentes valeurs pour Taille, Espacement et Dispersion mais il est important de définir le Rotation par rapport au chemin et aussi, seulement si vos graines sont pointées vers l'extérieur (la pointe) régler le Rotation à 180 degrés.

Étape 2

Au-dessus de la lettre "M", tracez deux chemins comme dans l’image à l’aide des touches Outil stylo (P). Les caresser avec le Brosse à dispersion de graines puis ouvrez le Options de course fenêtre et modifier les paramètres. Dans la première fenêtre sont les paramètres que j'ai utilisés pour le plus grand chemin et dans la deuxième fenêtre sont les paramètres pour le plus petit chemin.

Étape 3

Continuez avec la lettre "P". Dessiner avec le Outil Ellipse (L) un cercle puis le caresser avec le même pinceau. Vous pouvez voir ci-dessous les paramètres que j'ai utilisés. Ne vous inquiétez pas des semences qui se chevauchent car vous pourrez les supprimer ou les réorganiser plus tard.

Étape 4

La même chose vaut pour la lettre "E".

Étape 5

À ce stade, votre effet pastèque devrait ressembler à l'image suivante. Si vous êtes satisfait de son apparence, sélectionnez tous les chemins que vous avez tracés avec le Brosse à dispersion de graines et choisir Développer l'apparence du Objet menu. Pour la lettre "A", j'ai décidé d'organiser manuellement quelques graines plus tard.

Étape 6

Maintenant, vous devez recolorer les graines, prenez donc la graine d'origine ("graine 1") et conservez-la à portée de main. Zoomez sur la première lettre et utilisez le Outil de sélection directe (A) sélectionnez l'une des formes vertes puis passez à Sélectionner> Identique> Couleur de remplissage. En conséquence, toutes les formes vertes seront sélectionnées et vous pourrez toutes les colorer en même temps. Ne les relâchez pas, passez à la Outil Pipette (I) et l'utiliser pour copier le dégradé de la graine d'origine.

Étape 7

Maintenant, sélectionnez l'une des formes violettes puis allez à Sélectionner> Identique> Couleur de remplissage. Une fois toutes les formes violettes sélectionnées, utilisez le bouton Outil Pipette (I) copier le dégradé brun de la graine d'origine.

Étape 8

Répétez la même chose pour les formes jaunes et remplacez la couleur de remplissage par le dégradé doré. Vous avez fini avec les graines principales.

9. Ajouter les graines restantes

Étape 1

Rappelez-vous que vous avez créé "graine 1", "graine 2" et "graine 3", non? Entre les graines principales ("graine 1"), vous pouvez redimensionner et organiser plus de graines pour créer un aspect plus naturel. Donc, multipliez "graine 2" et "graine 3" et disposez-en quelques-uns sur la première lettre. Baisser le Opacité pour chaque graine quelque part entre 50 et 70%. Dans l'image ci-dessous, vous trouverez deux exemples..

Étape 2

Disposez également quelques graines sur la lettre "A". Commencez par "graine 1" qui est la principale, puis quelques-unes des autres. Diminuer Opacité pour certains d'entre eux 70%.

Étape 3

Continuez avec la lettre "M" et faites fondamentalement la même chose.

Étape 4

Voici la lettre "P":

Étape 5

Et voici la lettre "E":

Étape 6

Vous avez terminé avec les graines et votre effet de texte devrait ressembler à l'image suivante:

10. Créez le look pour la lettre "L"

Étape 1

Juste trois petites étapes pour cela. Tout d'abord, sélectionnez l'ellipse et remplissez-la avec le dégradé radial indiqué. Ensuite, prenez le Outil stylo (P) et tracez trois chemins en haut comme dans l’image. Caresser ces chemins avec un Pinceau d'art appelé "Pinceau 1"que vous pouvez trouver dans Bibliothèque de pinceaux Menu> Artistique> Artistic_Paintbrush. Met le Poids de l'AVC à 0,25 pt.

Étape 2

Après avoir sélectionné les trois chemins, choisissez Développer l'apparence du Objet menu afin de transformer les traits en remplissages. Sélectionnez les formes violettes résultantes puis allez à Effet> Distorsion & Transformation> Roughen et appliquez les paramètres indiqués. Sélectionnez à nouveau Développer l'apparence afin d’étendre l’effet appliqué, remplacez le fond violet par le dégradé radial indiqué.

Étape 3

Copie et Coller devant (Control-F) l'ellipse et l'amener devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]). Supprimer le remplissage en dégradé. Maintenant, sélectionnez les trois bandes et la copie de l’ellipse et allez à Objet> Masque d'écrêtage> Marque (Control-7). La lettre "L" est prête.

11. Ajouter des faits saillants

Étape 1

Prenez le Outil stylo (P) et tracez quelques chemins en suivant l’écorce de la pastèque. J'ai fait quatre mais tu peux dessiner plus ou moins. Caressez ces chemins avec un Mélange Art Brush appelé "Brosse d'artiste en mélange blanc 100 x 3"de la série de brosses de mélange à usages multiples. Réglez le Poids de l'AVC à 0.5 pt puis réduire le Opacité à 75% pour tous.

Étape 2

Utilisez à nouveau le Outil stylo (P) dessiner quelques chemins juste entre la pulpe rouge et la zone plus claire. Les caresser avec le même Brosse d'art de mélange blanc mais cette fois gardez le Poids de l'AVC à 1 pt pour obtenir des points forts plus lisses.

12. Créer les gouttes de jus

Étape 1

Créez une forme similaire à la "forme de graine" et remplissez-la avec le dégradé linéaire indiqué à Angle de 50 degrés. Mis à Mode de mélange Couleur Brûlure (1). Copie et Coller devant (Control-F) cette forme et déplacez-le un peu en haut et à gauche. Remplacez le dégradé existant par u