Comment créer un texte de thème Halloween effrayant dans Adobe Illustrator

Dans ce didacticiel, vous apprendrez à créer du texte thème fantasmagorique dans Adobe Illustrator. Nous allons utiliser l'effet Transformer pour obtenir un style 3D et créer de nouveaux pinceaux artistiques pour les faits saillants, ainsi que pour ajouter des détails fantasmagoriques tels que des toiles d'araignées et des araignées! Alors commençons…


Étape 1

Commencez par créer un nouveau document Web. À l'aide de l'outil Texte (T), tapez «Halloween» à l'aide d'une police appelée Baldur Regular, d'une taille de 150 points. Vous pouvez le trouver ici: Baldur Font | dafont.com. Dans le menu Objet, sélectionnez Développer et Dissocier pour obtenir des lettres individuelles (Maj + Ctrl + G)..


Étape 2

Nous allons maintenant créer un nouveau style graphique. Utilisez l'outil Rectangle (M) pour dessiner un carré de 100 x 100 pixels et lui donner un remplissage noir (1)..

Allez dans le panneau Apparence, sélectionnez ce remplissage noir et cliquez sur l'icône Dupliquer l'élément sélectionné en bas du panneau. En conséquence, vous obtiendrez un deuxième remplissage. Changez la couleur du noir en orange. Avec le remplissage orange sélectionné dans le panneau Apparence, accédez au menu Effet> Chemin> Décalage du chemin et appliquez un décalage de -3 pixels (2 pixels)..

Ensuite, allez dans le menu Effets> Styliser> Inner Glow et appliquez cet effet en utilisant les paramètres indiqués ci-dessous.

Utilisez le blanc et cette fois cocher Centre au lieu de Edge.


Étape 3

Dupliquez le remplissage noir comme vous l'avez fait précédemment. Sélectionnez le fond noir dans la partie inférieure du panneau Apparence et sélectionnez Effet> Déformer et transformer> Transformer. Sélectionnez pour déplacer ce remplissage noir de 5 pixels horizontalement, puis cliquez sur OK. De cette façon, vous obtiendrez un faux look 3D.


Étape 4

Sélectionnez le carré et, dans le panneau Apparence, faites glisser la vignette dans le panneau Styles graphiques (menu Fenêtre> Styles graphiques) pour l'enregistrer..

Conseil: vous pouvez l’enregistrer de manière permanente dans la bibliothèque et l’utiliser à tout moment de cette façon: en enregistrant uniquement ce style dans le panneau Styles graphiques, ouvrez le menu Bibliothèques de styles graphiques situé au bas du panneau et sélectionnez Enregistrer les styles graphiques. Tapez un nom et cliquez sur OK. Vous pouvez désormais y accéder à tout moment en accédant à Menu Bibliothèques de styles graphiques> Défini par l'utilisateur> "nom"..


Étape 5

Appliquez ce style à toutes les lettres en le sélectionnant simplement dans le panneau Styles graphiques..


Étape 6

Ensuite, nous allons créer un nouveau pinceau d'art. À l’aide de l’outil Ellipse (L), dessinez une ellipse plate de 100 x 3 pixels. Sélectionnez uniquement le bon point à l'aide de l'outil Sélection directe (A) et cliquez sur l'option Convertir les points d'ancrage sélectionnés en angle. Maintenant que cette forme est sélectionnée, accédez à Objet> Chemin> Décalage du chemin et appliquez un décalage de moins 1,2 px pour obtenir une forme plus petite au centre. La première forme est remplie de 90% de noir et la plus petite de gris clair (30% de noir).

Sélectionnez les deux formes et sélectionnez Objet> Fusion> Options de fusion. Choisissez 20 étapes spécifiées, puis revenez à Objet> Mélanger> Créer. Faites glisser le groupe de fondu résultant dans le panneau Formes pour enregistrer le nouveau pinceau d'art..


Étape 7

Sélectionnez toutes les lettres et copier et coller devant, puis supprimez toutes les apparences existantes. Donnez-leur seulement un trait puis allez au menu Objet> Chemin composé> Libérer.


Étape 8

Ensuite, nous allons nous concentrer sur chaque lettre et couper ces chemins verts. Commençons par la lettre "H". Prenez l'outil Ciseaux (C) et cliquez sur les points d'ancrage surlignés en jaune. Si certains points ne se trouvent pas à l'endroit souhaité, vous pouvez toujours en ajouter d'autres à l'aide de l'outil Ajouter des points d'ancrage (+). Dans ce cas, j'ai ajouté les points surlignés en vert. Lorsque vous avez terminé la découpe, conservez uniquement les segments verts indiqués ci-dessous et supprimez le reste..


Étape 9

Appliquez votre nouvelle brosse d'art aux lignes que vous avez créées, puis définissez les valeurs de poids de trait et d'opacité comme indiqué pour chacune d'elles. Par exemple, le chemin en haut à droite a un poids de trait d'un pt et une opacité de 80%.


Étape 10

La lettre suivante est "A". Vous devez avoir deux chemins (rouge et vert) car vous avez libéré le chemin composé à l'étape 7. Prenez l'outil Ciseaux (C) et cliquez sur les points indiqués pour couper ces deux chemins en segments plus petits. Ne garder que ceux indiqués dans l'image ci-dessous.


Étape 11

Comme auparavant, appliquez le pinceau d'art aux lignes que vous avez créées avec les valeurs ci-dessous..


Étape 12

Faites la même chose pour la lettre "L". Cette fois, nous n'avons qu'un seul chemin. Appliquez le pinceau d’art, puis réglez le poids de trait sur 0,75 pt et réduisez l’opacité à 80%..


Étape 13

Pour la lettre "O", vous devez avoir deux chemins (libérer le chemin composé). Répétez le même processus et coupez ces chemins. Supprimer les segments dont vous n'avez pas besoin.


Étape 14

Appliquez le pinceau d’art et utilisez les paramètres ci-dessous pour les trois chemins..


Étape 15

Faites la même chose pour la lettre "W":

La lettre suivante est "E":

… Et la dernière lettre:

À ce stade, le texte ressemble à ceci:


Étape 16

Maintenant, nous avons besoin d'un autre pinceau d'art. Nous l’avons déjà utilisé dans un autre de mes tutoriels Créer un ensemble d’étiquettes brillantes, donc suivez l’étape 18 pour le créer. Lorsque vous avez terminé, faites-le glisser dans le panneau Pinceaux et sélectionnez Nouveau pinceau. Dans la fenêtre Options de peinture, choisissez la teinte comme méthode de colorisation, puis cliquez sur OK..

Conseil: Si vous souhaitez enregistrer ce pinceau de manière permanente dans la bibliothèque, assurez-vous d’abord que le panneau Pinceaux ne contient pas d’autres pinceaux, à l’exception de celui-ci. Ouvrez le menu Bibliothèques de styles au bas du panneau, choisissez Enregistrer les styles, puis nommez-le et cliquez sur OK. Maintenant, vous pouvez le charger quand vous voulez en allant dans le menu Bibliothèques de pinceaux> Défini par l'utilisateur> "nom".


Étape 17

Ensuite, prenez l'outil Crayon (P) et tracez les chemins bleus illustrés ci-dessous:


Étape 18

Nous nous concentrerons à nouveau sur chaque lettre. Contournez les deux chemins dessinés sur la lettre "H" avec le pinceau artistique enregistré plus tôt, puis définissez les valeurs d'épaisseur de trait et d'opacité comme indiqué pour chacune d'elles. Nous ne voulons pas qu'ils soient noirs, nous allons donc changer cela en sélectionnant simplement une autre couleur de trait, dans ce cas des nuances de jaune et de rouge (méthode de colorisation). Tous les chemins tracés à l'étape précédente doivent être en superposition même si je ne le mentionnerai pas à chaque fois.


Étape 19

Continuons avec la lettre "A". Contournez les trois tracés avec le même pinceau, puis modifiez les valeurs de contour, de poids et d’opacité du trait comme indiqué. Par exemple, le tracé de droite présente un trait jaune de 3 pt, une opacité de 60% et bien sûr le mode de fusion en superposition.


Étape 20

Voici les deux lettres "L". Contournez les deux chemins avec cette brosse, puis réglez le poids de trait sur 3 points et réduisez l'opacité. Choisissez pour l'un la nuance jaune comme couleur de trait et pour l'autre la nuance rouge.


Étape 21

Répétez le même processus pour le reste des lettres. Voici les deux suivants:

… Et les derniers:

A ce stade, le texte devrait ressembler à ceci:


Étape 22

Nous allons continuer avec la toile d'araignée. En utilisant l'outil Plume (P) ou l'outil Segment de ligne (\), tracez six lignes radiales (filetage radial) comme dans l'image ci-dessous. Lorsque vous avez terminé, utilisez l’outil Ellipse (L) pour dessiner un cercle au centre..


Étape 23

Faites pivoter le cercle afin que ses quatre points d'ancrage coupent les lignes. Maintenant, prenez l'outil Ajouter des points d'ancrage (+) et ajoutez huit autres points exactement à l'endroit où le cercle coupe le reste des lignes. Après avoir sélectionné le cercle, sélectionnez Effet> Déformer et transformer et appliquez l’effet Pucker & Bloat..


Étape 24

Sélectionnez le premier fil en spirale et à partir de l'objet> Développer l'apparence afin de développer l'effet appliqué. Ensuite, allez dans le menu Objet> Transformer> Échelle, sélectionnez 75%, puis cliquez sur Copier. Vous obtiendrez le deuxième fil en spirale. Maintenant, utilisez ce deuxième thread pour obtenir le troisième en le redimensionnant à 70% cette fois. Continuez de cette manière jusqu'à ce que vous les ayez tous.


Étape 25

Sélectionnez tout (fils radiaux et en spirale) et tracez-les avec un pinceau Art appelé Crayon - Fin que vous pouvez trouver dans le menu Bibliothèques de pinceaux sous Artistique> Artistic_ChalkCharcoalPencil. Pour transformer les traits en remplissages, sélectionnez Développer l’apparence, puis sélectionnez Objet> Chemin composé> Créer. En conséquence, vous obtiendrez un seul chemin composé, la toile d'araignée.


Étape 26

Pour créer une toile d'araignée plus petite, faites d'abord une copie du premier. À l'aide de l'outil Crayon (P), tracez le chemin rouge comme indiqué ci-dessous, entourez les fils radiaux et fermez le chemin. Sélectionnez la toile d'araignée ainsi que la forme rouge et cliquez sur Zones de forme d'intersection> Développer à partir du panneau Pathfinder..


Étape 27

Concentrez-vous sur la lettre "H". Placez une copie de la toile d'araignée au-dessus, puis sélectionnez Effet> Déformer et transformer> Déformer gratuitement. Faites glisser les points d'angle pour déformer la forme, comme illustré ci-dessous..


Étape 28

Sélectionnez Développer l’apparence dans le menu Objet pour développer l’effet. Nous devons maintenant corriger certains des fils radiaux. Zoomez autant que nécessaire, puis utilisez l'outil Sélection directe (A) et faites glisser une sélection sur la partie qui dépasse la zone noire. De cette façon, vous ne sélectionnerez que les points d’ancrage de cette partie et vous pourrez les faire glisser dans la zone noire..

Faites la même chose pour les autres fils radiaux et lorsque vous avez terminé, remplissez la toile d'araignée avec le dégradé linéaire représenté à l'aide de nuances de gris..


Étape 29

Continuons avec la lettre "A". Placez une toile d'araignée au-dessus, puis appliquez à nouveau l'effet de distorsion libre..


Étape 30

Sélectionnez Développer l’apparence pour développer l’effet, puis nous devons corriger certains des fils radiaux. Le processus est le même pour les rendre plus longs. Utilisez l'outil de sélection directe (A) pour faire glisser une sélection sur les points d'ancrage à partir du haut du fil, puis faites-les glisser jusqu'à la zone noire. Répétez cette procédure pour les autres fils radiaux, puis remplissez la bande avec le dégradé indiqué..


Étape 31

Maintenant, concentrez-vous sur la lettre "O". Organisez la toile d'araignée et appliquez l'effet Free Distort. Après cela, sélectionnez Développer l’apparence..

Corrigez les fils qui ne correspondent pas comme avant, puis remplissez la toile d'araignée avec le dégradé indiqué.


Étape 32

Pour la lettre "E", j'ai utilisé la plus petite toile d'araignée, mais le processus reste le même. Appliquez d’abord l’effet de distorsion libre, puis sélectionnez Développer l’apparence dans le menu Objet..

Ensuite, corrigez les fils qui ne sont pas beaux et utilisez le dégradé pour remplir la forme..


Étape 33

Nous sommes enfin arrivés à la dernière lettre. Suivez les deux images et faites les mêmes choses.


Étape 34

Il est temps pour quelques derniers détails. Je vais utiliser un téléchargement gratuit, Halloween Silhouettes. J'ai utilisé les araignées rouges pour le texte. Organiser les araignées sur les toiles pour compléter le look Halloween.


Étape 35

Ensuite, allez ici Vector Bats et téléchargez cet ensemble de chauves-souris. J'ai utilisé deux d'entre eux. De là, des citrouilles vectorielles gratuites pour Halloween téléchargent ces citrouilles vectorielles. Dissociez-les et sélectionnez uniquement leurs visages effrayants. Mettez-les sur les deux lettres "l".


Étape 36

Utilisez l'outil Ellipse (L) pour dessiner ces cercles sous chaque lettre. Remplissez-les avec un dégradé radial allant du noir au blanc, puis allez à Effet> Flou> Flou gaussien et appliquez un rayon de 2,2 pixels. Définissez le mode de fusion sur Multiplier (le blanc devient transparent) si vous avez un arrière-plan coloré..


Image finale

L'effet de texte Halloween est terminé! Je suis sûr que vous pouvez utiliser ces effets pour une variété de projets, ainsi que les toiles d'araignées dans d'autres illustrations. Joyeux Halloween!