Comment créer un effet de texte dégoulinant dans Adobe Illustrator

Dans les étapes suivantes, vous apprendrez à créer un effet de texte sanglant dans Adobe Illustrator. Pour commencer, vous apprendrez à créer un arrière-plan texturé à l'aide d'un simple rectangle et du panneau Apparence. Ensuite, en utilisant une belle police, plusieurs pinceaux intégrés et une technique de base de construction de formes vectorielles, vous créerez les formes de texte principales. Ensuite, en tirant pleinement parti du panneau Apparence, vous apprendrez à créer un effet de sang. Enfin, en utilisant des techniques de base de mélange et de masquage, vous apprendrez à ajouter des reflets subtils.


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


2. Créer le fond

Étape 1

Concentrez-vous sur votre barre d’outils, supprimez la couleur du trait, sélectionnez le fond et réglez sa couleur sur R = 236 G = 222 B = 207. Prenez le Outil Rectangle (M) et cliquez simplement sur votre Artboard pour ouvrir le Rectangle la fenêtre. Entrer 600 dans le Largeur boîte et 490 dans le la taille case puis cliquez sur D'accord. Cela devrait créer un 600 x 490px rectangle.

Ensuite, vous devez centrer ce rectangle, ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section ci-dessous), assurez-vous que votre rectangle est sélectionné puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. À la fin, votre rectangle devrait couvrir l’ensemble de la planche graphique..

Étape 2

Assurez-vous que votre rectangle est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton (indiqué par la petite flèche bleue dans l'image suivante). Sélectionnez ce nouveau remplissage, ouvrez le Pente panneau (Fenêtre> Dégradé) et cliquez simplement sur la vignette du dégradé pour ajouter le dégradé linéaire noir à blanc par défaut.

Continuez à vous concentrer sur votre Pente panneau, ouvrez le Type menu déroulant et sélectionnez Radial puis déplacez les couleurs du dégradé. Sélectionnez le curseur de droite et définissez la couleur sur R = 186 G = 172 B = 157 puis sélectionnez le curseur gauche, définissez la couleur sur R = 236 G = 222 B = 207 et baisser sa Opacité à 0%. Assurez-vous que ce deuxième remplissage reste sélectionné, graduez le Outil de dégradé (G), concentrez-vous sur votre Artboard et étirez ce dégradé comme indiqué dans l'image suivante.

Étape 3

Assurez-vous que votre rectangle est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un troisième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez-le, changez le Mode de fusion à Recouvrir et ajoutez le dégradé radial indiqué dans l'image suivante. Rappelez-vous que le zéro jaune de la Pente l'image représente Opacité pourcentage.

Étape 4

Assurez-vous que votre rectangle est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un quatrième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à 15%, changer la Mode de fusion à Multiplier et allez à Effet> Esquisse> Papier. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 5

Resélectionnez votre rectangle, concentrez-vous sur la Apparence panneau et ajouter un cinquième remplissage. Vous aurez besoin d’un motif intégré pour ce remplissage final. Échantillons panneau (Fenêtre> Nuancier), ouvrez le menu déroulant et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Une nouvelle fenêtre avec un ensemble de modèles intégrés devrait s'ouvrir.

Assurez-vous que votre rectangle est toujours sélectionné, revenez à la Apparence panneau, sélectionnez ce cinquième remplissage, ajoutez le "diamant"modèle, abaissez son Opacité à dix%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées ci-dessous et cliquez sur D'accord. Déplacer vers le Couches panneau (Fenêtre> Calques) et cliquez sur cette petite flèche pour ouvrir votre seul calque. À l'intérieur, vous trouverez votre rectangle. Double-cliquez sur cette forme et nommez-la simplement "bg". Finalement, fermer à clé ce rectangle pour vous assurer de ne pas le sélectionner / déplacer accidentellement.


3. Créez les chemins de composition de texte

Étape 1

Prenez le Outil de type (T), ajouter le blanc "AVOIR UN GORY HALLOWEEN"morceau de texte, étalez-le sur trois rangées et ajoutez trois espaces entre les"UNE" et le "SANGLANT". Utilisez la police Bloody avec la taille définie à 75 pt puis ouvrez le Paragraphe panneau (Fenêtre> Type> Paragraphe) et cliquez sur le Aligner le centre bouton. Assurez-vous que votre texte est toujours sélectionné et centrez-le à l'aide du bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons de la Aligner panneau.

Étape 2

Resélectionnez votre morceau de texte et appuyez sur Maj-Contrôle-O (ou aller à Type> Créer des contours). Déplacer vers le Couches panneau, sélectionnez le groupe de formes obtenu et appuyez sur Maj-Contrôle-G à Dissocier il.

Étape 3

Concentrez-vous sur votre barre d’outils, supprimez la couleur du remplissage et définissez la couleur du trait sur blanc (R = 255 G = 255 B = 255). Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et prenez le Outil Pinceau (B) . Sélectionnez le pinceau "Calligraphie ronde 7 pt" dans votre Des pinceaux panneau et tracez simplement des chemins autour de votre texte, comme indiqué dans l’image suivante. Ces petits chemins feront tomber le sang.

Étape 4

Continuer avec le Outil Pinceau (B), sélectionnez le pinceau "Calligraphie ronde 3 pt" dans votre Des pinceaux panneau et dessiner de nouveaux chemins comme indiqué dans l'image suivante.

Étape 5

Sélectionnez tous ces pinceaux blancs et allez à Objet> Chemin> Contour de contour. Sélectionnez le groupe de formes obtenu, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Unir bouton.

Étape 6

En utilisant le Outil de type (T), ajouter un blanc "abc"morceau de texte comme indiqué dans l'image suivante. Encore une fois, utilisez la police Bloody avec la taille définie à 75 pt ensuite aller à Objet> Chemin> Contour de contour. Sélectionnez le groupe de formes résultant et Dissocier il (Maj-Contrôle-G).

Étape 7

Focus sur le "UNE"forme, choisissez le Couteau outil et dessinez simplement une sélection autour du bas, goutte à goutte droite. Cela devrait séparer cette goutte du reste de la lettre. Sélectionnez les petits chemins qui composent le goutte-à-goutte et transformez-les en un Chemin composé (Contrôle-8 ou Objet> Chemin composé> Marque) puis sélectionnez le reste des formes qui font "UNE"lettre et supprimez-les simplement. Allez à la Couches panneau, double-cliquez sur le chemin composé fait dans cette étape et nommez-le "goutte à goutte".

Étape 8

Déplacer vers le "B" et "C'formes et couper les gouttes de fond en utilisant le même Couteau outil. N'oubliez pas de transformer ces gouttes en simples Chemins composés (si besoin). Aussi, nommez-les "dripB" et "goutte à goutte".

Étape 9

Multiplier (Contrôle-C> Contrôle-F) votre "goutte à goutte","dripB" et "goutte à goutte"façonne et étale les copies comme indiqué dans l'image suivante.

Étape 10

Sélectionnez les formes de lettres avec les gouttes et les gouttes qui composent la première ligne de votre texte, cliquez sur le bouton Unir bouton du Éclaireur panneau puis frappé Contrôle-8. Déplacer vers le Couches panneau et nommez simplement ce nouveau chemin composé "première rangée". Sélectionnez les formes de lettres avec les gouttes et les gouttes qui composent la deuxième ligne de votre texte, cliquez sur le bouton Unir bouton du Éclaireur panneau puis frappé Contrôle-8.

Déplacer vers le Couches panneau et nommez simplement ce nouveau chemin composé "deuxième rang". Sélectionnez les formes de lettres avec les gouttes et les gouttes qui constituent la troisième ligne de votre texte, cliquez sur le bouton Unir bouton du Éclaireur panneau puis frappé Contrôle-8. Déplacer vers le Couches panneau et nommez simplement ce nouveau chemin composé "troisième rangée".

Étape 11

Resélectionnez les trois chemins composés blancs et dupliquez-les (Contrôle-C> Contrôle + F). Sélectionnez ces copies et transformez-les en un seul Chemin composé (Contrôle-8). Envoyez ce nouveau chemin composé à l’arrière (Shift-Control- [ ), passez à la Couches panneau et nommez-le simplement "blanc".


4. Ajouter de la couleur pour vos chemins composés

Étape 1

Concentrez-vous sur votre "première rangée"chemin composé. Sélectionnez-le et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Déplacer vers le Couches panneau et désactivez la visibilité de la copie supérieure. Sélectionnez l’autre copie et remplacez le blanc par du noir (R = 0 G = 0 B = 0).

Étape 2

Focus sur le Couches panneau, sélectionnez le visible, blanc "première rangée"chemin composé et aller au Apparence panneau. Sélectionnez le remplissage existant, remplacez le blanc par R = 175 G = 0 B = 0, abaisser sa Opacité à 7% et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 3px, Cliquez sur D'accord et allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 5px et cliquez D'accord.

Retour à la Apparence panneau et ajouter un deuxième remplissage pour votre forme. Sélectionnez-le, assurez-vous que la couleur est définie sur R = 175 G = 0 B = 0, abaisser sa Opacité à dix% et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3px, cliquez sur D'accord et allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 3px et cliquez D'accord.

Retournez au Apparence panneau et ajouter un troisième remplissage pour votre forme. Sélectionnez-le, assurez-vous que la couleur est définie sur R = 175 G = 0 B = 0, abaisser sa Opacité à 20% et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3px, cliquez sur D'accord et allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 1px et cliquez D'accord. Assurez-vous que la forme modifiée à cette étape est toujours sélectionnée, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques) et cliquez simplement sur le Nouveau style graphique bouton (indiqué par la petite flèche bleue dans l'image suivante). Continuez à vous concentrer sur Styles graphiques panneau, double-cliquez sur votre nouveau style graphique et nommez-le simplement "ombres".

Étape 3

Ouvrez le Transparence panneau (Fenêtre> Transparence). Sélectionnez les deux visibles "première rangée"chemins composés, ouvrez le menu déroulant du Transparence panneau et aller à Faire masque d'opacité. Vérifier la Agrafe boîte de la Transparence panneau et à la fin les choses devraient ressembler à la deuxième image.

Étape 4

Focus sur le Couches panneau et activer la visibilité pour ce tiers "première rangée"copier. Sélectionnez-le et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage existant, réduisez son Opacité à 50% et remplacez le blanc par R = 125 G = 0 B = 0.

Étape 5

Assurez-vous que votre "première rangée"La copie reste sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage. Sélectionnez-le, mettez la couleur en blanc, baissez son Opacité à dix%, changer la Mode de fusion à Recouvrir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px et cliquez D'accord.

Retour à la Apparence panneau et ajouter un troisième remplissage pour votre forme. Sélectionnez-le, assurez-vous que la couleur est définie sur blanc, baissez son Opacité à 5% et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2px et cliquez D'accord.

Retournez au Apparence panneau et ajoutez un quatrième remplissage pour ce chemin composé. Sélectionnez-le, ajoutez le dégradé linéaire indiqué ci-dessous, baissez son Opacité à 50% et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 6

Assurez-vous que votre "première rangée"La copie est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un cinquième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à dix%, changer la Mode de fusion à Recouvrir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2px, Cliquez sur D'accord et allez à Effet> Esquisse> Plâtre. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 7

Assurez-vous que votre "première rangée"La copie est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un sixième remplissage. Sélectionnez-le, ajoutez le dégradé linéaire indiqué ci-dessous (n'oubliez pas de baisser le Opacité du curseur de dégradé droit vers 0%) et changer sa Mode de fusion à Recouvrir.

Étape 8

Assurez-vous que votre "première rangée"La copie est toujours sélectionnée, concentrez-vous sur Apparence panneau, sélectionnez le chemin complet (cliquez simplement sur le "Chemin composé"morceau de texte du haut de la Apparence panneau) et aller à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure gauche (dans l'image suivante), cliquez sur D'accord puis ajoutez les quatre autres Ombre portée effets montrés ci-dessous.

Resélectionnez la forme modifiée à cette étape, faites la mise au point. Styles graphiques panneau (Fenêtre> Styles graphiques) et enregistrez un nouveau style graphique en utilisant le même Nouveau style graphique bouton. Double-cliquez sur ce nouveau style graphique et nommez-le simplement "du sang".

Étape 9

Concentrez-vous sur votre "deuxième rang"chemin composé. Sélectionnez-le et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Déplacer vers le Couches panneau et désactivez la visibilité de la copie supérieure. Sélectionnez l’autre copie et remplacez le blanc par du noir (R = 0 G = 0 B = 0).

Étape 10

Focus sur le Couches panneau, sélectionnez le visible, blanc "deuxième rang"chemin composé et ajoutez simplement le"ombres"style graphique de votre Styles graphiques panneau. Resélectionnez ce chemin composé avec le noir, ouvrez le menu déroulant du Transparence panneau et aller à Faire masque d'opacité. N'oubliez pas de vérifier également le Agrafe boîte de la Transparence panneau. À la fin, les choses devraient ressembler à la troisième image.

Étape 11

Focus sur le Couches panneau et activer la visibilité pour le blanc "deuxième rang"chemin composé. Sélectionnez-le et ajoutez simplement le"du sang"style graphique de votre Styles graphiques panneau.

Étape 12

Concentrez-vous sur votre "troisième rangée"chemin composé et simplement répéter les techniques utilisées pour la"deuxième rang"chemin composé. En fin de compte, cela devrait ressembler à l'image suivante.


5. Ajouter des nuances et des reflets subtils

Étape 1

Concentrez-vous sur votre barre d’outils, supprimez la couleur du remplissage et définissez la couleur du trait sur blanc (R = 255 G = 255 B = 255). Prenez le Outil Pinceau (B), resélectionner le pinceau "calligraphie ronde 7 pt" dans votre Des pinceaux panneau et dessinez des chemins approximativement comme indiqué dans l’image suivante. Sélectionnez l'un de ces chemins et allez à Sélectionnez> Même> Apparence. En fin de compte, tous les chemins blancs créés dans cette étape doivent être sélectionnés. À présent Groupe leur (Contrôle-G).

Étape 2

Focus sur le Couches panneau, sélectionnez cela "blanc"chemin composé et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage 2px et cliquez D'accord. Sélectionnez le chemin composé résultant et amenez-le au premier plan (Shift-Control-] ).

Étape 3

Resélectionnez le chemin composé blanc avant avec le groupe de pinceaux blancs, ouvrez le menu déroulant de la Transparence panneau et aller à Faire masque d'opacité. Assurez-vous que ce groupe masqué est sélectionné et abaissez son Opacité à 30%.

Étape 4

Définissez la couleur du trait sur noir (R = 0 G = 0 B = 0) et prenez le Outil Pinceau (B) . Resélectionnez le pinceau "Calligraphie ronde 7 pt" dans votre Des pinceaux panneau et dessinez des chemins approximativement comme indiqué dans l’image suivante. Sélectionnez tous ces chemins (Sélectionnez> Même> Apparence) puis Groupe leur (Contrôle-G).

Étape 5

Focus sur le Couches panneau, sélectionnez cela "blanc"chemin composé et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 1px et cliquez D'accord. Sélectionnez le chemin composé résultant et amenez-le au premier plan (Shift-Control-] ).

Étape 6

Resélectionnez le chemin composé blanc avant avec le groupe de brosses noires, ouvrez le menu déroulant de la Transparence panneau et aller à Faire masque d'opacité. Assurez-vous que ce groupe masqué est sélectionné, abaissez son Opacité à 80% et changer le Mode de fusion à Lumière douce.

Étape 7

Focus sur le Couches panneau, resélectionnez votre "blanc"chemin composé, faire une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). Assurez-vous que cette copie reste sélectionnée et concentrez-vous sur le panneau Apparence..

Sélectionnez le remplissage existant, remplacez le blanc par du noir, baissez son Opacité à 80%, changer la Mode de fusion à Lumière douce et allez à Effet> Artistique> Emballage plastique. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord. Regardez de plus près cette forme et vous remarquerez que les bords sont un peu pixelisés. Ce n'est pas grave, mais nous nous en occuperons dans la prochaine étape..

Étape 8

Focus sur le Couches panneau, resélectionner ça "blanc"chemin composé et amenez-le à l'avant (Shift-Control-] ). Sélectionnez-le avec le chemin composé avec le Emballage plastique effet, ouvrez le menu déroulant du Transparence panneau et aller à Faire masque d'opacité. Cela devrait résoudre le problème des bords pixelisés.


6. Ajouter quelques détails finaux en arrière-plan

Étape 1

Définir la couleur du trait sur R = 125 G = 0 B = 0 et saisir le Outil Pinceau (B) . Sélectionnez le pinceau "Calligraphie ronde 15 pt" dans votre Des pinceaux panneau et dessinez des chemins à peu près comme indiqué dans la première image. Continuer avec le Outil Pinceau (B) et ajoutez trois nouveaux chemins à peu près comme indiqué dans les images suivantes.

Étape 2

Resélectionnez les quatre chemins créés à l'étape précédente. Baisser leur Opacité à 5%, changer la Mode de fusion à Lumière douce puis Groupe leur (Contrôle-G).

Déplacer vers le Couches panneau et faites glisser ce nouveau groupe dans le bas de la Couches panneau, juste au-dessus du "bg" rectangle.

Étape 3

Définissez la couleur du trait sur noir (R = 0 G = 0 B = 0) et prenez le Outil Pinceau (B) . Resélectionnez le pinceau "Calligraphie ronde 15 pt" dans votre Des pinceaux panneau et dessinez des chemins à peu près comme indiqué dans la première image. Continuer avec le Outil Pinceau (B) et ajoutez trois nouveaux chemins à peu près comme indiqué dans les images suivantes.

Étape 4

Resélectionnez les quatre chemins créés à l'étape précédente. Baisser leur Opacité à 5%, changer la Mode de fusion à Lumière douce puis Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et faites glisser ce nouveau groupe dans le bas de la Couches panneau, juste au-dessus du "bg" rectangle.


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