Comment créer un effet de texte de bougies de fête dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte de bougies de célébration dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer un arrière-plan à motifs subtils. A l'aide d'une police gratuite et du panneau Apparence, ainsi que de techniques de fusion et de regroupement simples, vous apprendrez à créer les formes de texte principales. Vous apprendrez à simplifier votre travail avec les icônes cibles et à organiser vos formes dans le panneau Calques. Enfin, vous apprendrez à utiliser certains effets Warp et à ajouter des textures et des ombres subtiles..

Pour plus d'inspiration sur la façon d'ajuster ou d'améliorer votre effet de texte final, vous pouvez trouver de nombreuses ressources sur GraphicRiver..

1. Comment 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 850 dans les cases largeur et hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Activer la grille (Voir> Afficher la grille) et l’alignement 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 et grille, entrer 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 le désactiver en utilisant le Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

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 à partir de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer l'arrière-plan et ajouter du texte

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 155 G = 173 B = 202.

Déplacer vers votre planche d’art, créer un 860 px carré, et assurez-vous qu'il couvre tout votre planche.

Étape 2

Ouvrez le menu déroulant depuis votre Échantillons panneau (Fenêtre> Nuancier) et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Cela ouvrira un nouveau panneau avec des motifs intégrés.

Assurez-vous que votre carré bleu est toujours sélectionné, concentrez-vous sur le Apparence panneau (Fenêtre> Apparence) et ajoutez un nouveau remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, appliquez le Mezzotinte Irrégulier motif, puis abaissez son Opacité à 30% et changer le Mode de fusion à Lumière douce.

Étape 3

Focus sur le Couches panneau (Fenêtre> Calques), verrouillez le calque existant, puis ajoutez un deuxième calque à l'aide du Créer un nouveau calque bouton. Sélectionnez le.

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Coiny et définissez la taille sur 170 px. Cliquez simplement sur votre planche et ajoutez le "10 premiers jours"texte. Placez-le au centre de votre plan de travail et réglez la couleur sur R = 255 G = 242 B = 161.

Étape 4

Assurez-vous que votre texte est toujours sélectionné, allez à Type> Créer des contours, et puis tout simplement frapper Maj-Contrôle-G à Dissocier le groupe résultant.

3. Comment styliser les formes de lettres

Étape 1

Concentrons-nous sur l'une de ces formes de lettres. Sélectionnez-le et allez au Apparence panneau.

Sélectionnez le remplissage existant, remplacez la couleur par le dégradé linéaire indiqué ci-dessous, puis allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 6 px, clique le D'accord bouton, puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l'image suivante, cliquez dessus D'accord bouton, puis aller à Effet> Styliser> Inner Glow. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 2

Assurez-vous que votre forme de lettre stylisée reste sélectionnée et continuez à vous concentrer sur Apparence panneau.

Sélectionnez le trait et remplacez la couleur par le dégradé linéaire indiqué ci-dessous. Baisser sa Opacité à 70% et changer le Mode de fusion à Lumière douce, puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 4 px et vérifier que Aligner le trait sur l'extérieur bouton.

Étape 3

Assurez-vous que votre forme de lettre stylisée reste sélectionnée et continuez à vous concentrer sur Apparence panneau. Ajouter un deuxième trait en utilisant le Ajouter un nouveau trait bouton et sélectionnez-le.

Définissez la couleur sur R = 241 G = 77 B = 12 et le Poids à 5 px et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l’image suivante, cliquez sur le bouton D'accord bouton, puis aller à Effet> Styliser> Ombre portée. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 4

Assurez-vous que votre forme de lettre stylisée reste sélectionnée et continuez à vous concentrer sur Apparence panneau. Ajouter un troisième trait et le sélectionner.

Définissez la couleur sur R = 252 G = 138 B = 6 et le Poids à 3 px et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l’image suivante, cliquez sur le bouton D'accord bouton, puis ouvrez le Accident vasculaire cérébral menu fly-out. Focus sur le fond, ouvrez le Profil menu déroulant et sélectionnez Profil de largeur 2.

Étape 5

Assurez-vous que votre forme de lettre stylisée reste sélectionnée et continuez à vous concentrer sur Apparence panneau. Ajouter un quatrième trait et le sélectionner.

Définissez la couleur sur R = 255 G = 191 B = 23 et le Poids à 1 px et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l’image suivante, cliquez sur le bouton D'accord bouton, puis ouvrez le Accident vasculaire cérébral menu fly-out. Ouvrez le Profil menu déroulant et sélectionnez Profil de largeur 6.

Étape 6

Focus sur le Couches panneau supérieur, ouvrez votre couche supérieure et utilisez ces icônes cibles pour appliquer facilement le Apparence attributs utilisés pour vos premières lettres formes pour le reste de vos formes. Les icônes cibles sont les petites icônes rondes affichées à l'extrême droite de chaque calque ou forme. Tenez le Alt bouton de votre clavier, cliquez sur l’icône cible qui représente vos formes de lettres stylisées, puis faites-la glisser dans l’une des icônes cibles correspondant aux autres formes de lettres. Utilisez cette même technique pour styliser le reste de vos formes.

4. Comment créer les supports en plastique

Étape 1

Concentrez-vous sur le côté inférieur des formes de votre première lettre. En utilisant le Outil Rectangle (M), créer un 20 x 25 px forme, et placez-le comme indiqué dans l'image suivante.

Remplissez-le avec un violet aléatoire, puis allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px, clique le D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 2

En utilisant le Outil Rectangle (M), créer un 6 x 20 px forme, et placez-le comme indiqué dans l'image suivante.

Remplissez-le de noir puis allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 1 px, clique le D'accord bouton, puis aller à Effet> Warp> Arc supérieur. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 3

Assurez-vous que vos formes noires et violettes sont toujours sélectionnées et allez à Objet> Développer l'apparence. Sélectionnez les formes obtenues, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Minus Front bouton.

Étape 4

Assurez-vous que votre forme violette est toujours sélectionnée et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage, remplacez la couleur par le dégradé linéaire indiqué ci-dessous, puis allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 5

Assurez-vous que votre forme minuscule est toujours sélectionnée et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px, clique le D'accord bouton, puis aller à Effet> Déformation> Arc inférieur. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton. Une fois que vous avez terminé, envoyez cette forme en utilisant la touche Shift-Control- [ raccourci clavier.

Étape 6

Multipliez votre forme minuscule (Control-C> Contrôle-V) et étalez les copies comme indiqué dans l’image suivante. N'oubliez pas de les renvoyer (Shift-Control- [)

5. Comment ajouter de l'ombrage et un tas de points de couleur

Étape 1

Sélectionnez votre première lettre avec la minuscule et Groupe leur (Contrôle-G).

Étape 2

Assurez-vous que votre nouveau groupe est toujours sélectionné et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche (dans l'image suivante), cliquez dessus D'accord bouton, puis appliquez les deux autres Ombre portée effets montrés ci-dessous.

Étape 3

Passez au reste de vos formes et Groupe comme vous l'avez fait avec les deux premiers. Encore une fois, utilisez ces icônes cibles dans Couches panneau pour transférer facilement le Ombre portée effets d'un groupe à l'autre.

Étape 4

Focus sur le Couches panneau, verrouillez votre deuxième couche et ajoutez-en une troisième. Sélectionnez le.

En utilisant le Outil Ellipse (L), créer un tas de 5 px cercles, étalez-les comme indiqué dans l'image suivante et remplissez-les avec les six couleurs indiquées ci-dessous.

Étape 5

Multipliez vos cercles colorés et étalez-les comme indiqué dans l'image suivante.

Étape 6

Sélectionnez tous vos cercles colorés et allez à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

6. Comment créer les flammes

Étape 1

Focus sur le Couches panneau, verrouillez votre troisième couche et ajoutez-en une quatrième. Sélectionnez-le puis concentrez-vous sur le dessus de votre première lettre..

En utilisant le Outil Ellipse (L), créer un 16 x 45 px forme, remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans la première image. Concentrez-vous sur la partie supérieure de ce cercle serré, sélectionnez le Outil de point d'ancrage (Maj-C), et cliquez simplement sur ce point d'ancrage.

Étape 2

En utilisant le Outil Ellipse (L), créer un 10 x 34 px forme, remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée, sélectionnez la Outil de point d'ancrage (Maj-C), et cliquez sur le point d'ancrage supérieur.

Étape 3

En utilisant le Outil Ellipse (L), créer un 6 x 22 px forme, remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée, sélectionnez la Outil de point d'ancrage (Maj-C), et cliquez sur le point d'ancrage supérieur.

Étape 4

En utilisant le Outil Rectangle (M), créer un 2 x 32 px forme, remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et sélectionnez le Outil de sélection directe (A). Sélectionnez les points d'ancrage supérieurs et allez à Objet> Chemin> Moyenne (Alt-Control-J). Vérifier la Tous les deux case puis cliquez dessus D'accord bouton.

Étape 5

En utilisant le Outil Ellipse (L), créer un 12 x 22 px la forme, remplissez-le avec R = 255 G = 247 B = 209, et placez-le comme indiqué dans la première image. Baisser sa Opacité à 40% et changer le Mode de fusion à Recouvrir.

En utilisant le même outil, créez un 6 x 2 px forme et remplissez-le avec le dégradé linéaire indiqué ci-dessous. Placez-le comme indiqué dans la deuxième image et renvoyez-le à l'arrière (Shift-Control- [).

Étape 6

Sélectionnez toutes les formes qui composent votre flamme et Groupe leur (Contrôle-G). Multipliez ce groupe (Control-C> Contrôle-V) et étalez les copies comme indiqué dans l'image suivante.

Étape 7

Sélectionnez votre premier groupe de flammes et allez à Effet> Warp> Drapeau. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton. Sélectionnez le reste des groupes et appliquez les mêmes Drapeau de chaîne effet, mais jouer avec le pliez attribut.

Étape 8

Choisissez le Outil Ellipse (L) et créer un tas de 40 px cercles. Remplissez ces nouvelles formes avec R = 255 G = 247 B = 209 et placez-les comme indiqué dans l'image suivante.

Étape 9

Assurez-vous que votre ensemble de 40 px cercles reste sélectionné, envoyez-le à l'arrière (Shift-Control- [), puis se concentrer sur Apparence panneau. Baisser le Opacité à 25% et changer le Mode de fusion à Recouvrir, et puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon 10 px puis cliquez dessus D'accord bouton.

7. Comment ajouter de l'ombrage et une texture subtile

Étape 1

Créer un nouveau 860 px carré, assurez-vous qu’il couvre l’ensemble de la planche d’art et remplissez-le avec le dégradé radial indiqué ci-dessous. Gardez à l’esprit que le zéro jaune de la Pente image (Fenêtre> Dégradé) représente Opacité pourcentage. Focus sur le Apparence panneau et sélectionnez le remplissage existant. Baisser sa Opacité à 70% et changer le Mode de fusion à Lumière douce.

Étape 2

Assurez-vous que votre dernière forme est toujours sélectionnée, concentrez-vous sur Apparence panneau, et ajoutez un deuxième remplissage. Sélectionnez-le et définissez la couleur sur noir, abaissez son Opacité à 15% et changer le Mode de fusion à Lumière douce, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante, cliquez dessus D'accord bouton, et vous avez terminé.

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

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..