Comment créer un effet de texte coloré et brillant dans Adobe Illustrator

Ce que vous allez créer

Pour commencer, vous apprendrez à configurer une grille simple et à créer un ensemble de pinceaux à dispersion. Ensuite, vous apprendrez à créer un arrière-plan simple et à utiliser vos pinceaux à dispersion. En continuant, vous apprendrez à tirer pleinement parti du panneau Apparence et à faciliter votre travail en utilisant des styles graphiques simples. Enfin, vous apprendrez à ajouter des nuances et des rehauts subtils à l’aide d’un mélange simple, d’effets de base et de techniques de mélange.

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 les cases largeur et hauteur puis cliquez sur le bouton 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

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 5px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 5 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 la désactiver en utilisant le Contrôle-" raccourci clavier. 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 de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer quatre brosses à dispersion simples

Étape 1

Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 0 G = 206 B = 88. Déplacez-vous sur votre planche et créez simplement un 5px entourez le Aligner sur la grille devrait faciliter votre travail.

Étape 2

Assurez-vous que votre cercle vert est toujours sélectionné, ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton (pointé par le cercle bleu dans l'image suivante). Vérifier la Brosse à dispersion puis cliquez sur le bouton D'accord bouton pour ouvrir le Options de pinceau à dispersion la fenêtre. Entrez tous les attributs affichés dans l'image suivante puis cliquez sur D'accord.

Étape 3

Resélectionnez votre petit cercle et remplacez la couleur de remplissage existante par R = 255 G = 232 B = 0. Assurez-vous que votre forme reste sélectionnée, allez à la Des pinceaux panneau (Fenêtre> Brosses) et cliquez à nouveau sur le Nouveau pinceau bouton. Vérifier la Brosse à dispersion boîte et cliquez D'accord. Entrez tous les attributs indiqués dans l'image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 4

Resélectionnez votre petit cercle et remplacez la couleur de remplissage existante par R = 0 G = 179 B = 209. Assurez-vous que votre forme reste sélectionnée, allez à la Des pinceaux panneau (Fenêtre> Brosses) et cliquez encore une fois dessus Nouveau pinceau bouton. Vérifier la Brosse à dispersion boîte, cliquez D'accord, entrez tous les attributs indiqués dans l'image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 5

Resélectionnez votre petit cercle et remplacez la couleur de remplissage existante par R = 255 G = 0 B = 22. Assurez-vous que votre forme reste sélectionnée, allez à la Des pinceaux panneau (Fenêtre> Brosses) et cliquez une fois de plus dessus Nouveau pinceau bouton. Vérifier la Brosse à dispersion boîte, cliquez D'accord, entrez tous les attributs indiqués dans l'image suivante, puis cliquez sur le bouton D'accord bouton.

 Une fois que vous pouvez voir cette nouvelle brosse à dispersion dans votre Des pinceaux panneau, vous pouvez supprimer ce cercle rouge de votre planche.

3. Créez le fond et ajoutez un morceau de texte simple

Étape 1

Désactiver le la grille (Afficher> Masquer la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Choisissez le Outil Rectangle (M) et cliquez simplement sur votre planche pour ouvrir le Rectangle la fenêtre. Entrer 610 dans le Largeur et  la taille cases puis cliquez sur D'accord

Assurez-vous que cette nouvelle forme reste sélectionnée et définissez sa couleur de remplissage sur R = 48 8 G = 8 B = 34. Vous devez le centrer, alors 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), puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. À la fin, le carré devrait couvrir l’ensemble de votre planche graphique, comme indiqué dans l’image suivante..

Étape 2

Resélectionnez votre carré, ouvrez le Apparence panneau (Fenêtre> Apparence) et ajoutez un second remplissage en utilisant le Ajouter un nouveau remplissage bouton (pointé par le cercle bleu dans l'image suivante). 

Assurez-vous que ce nouveau remplissage reste sélectionné, 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, sélectionnez Radial du Type menu déroulant puis passez aux couleurs du dégradé. Sélectionnez le curseur de droite et définissez la couleur sur R = 18 G = 8 B = 4 puis sélectionnez le curseur gauche, définissez la couleur sur R = 48 G = 8 B = 34 et baisser sa Opacité à 0%. Prenez le Outil de dégradé (G), concentrez-vous sur votre planche et étirez ce dégradé radial comme le montre l'image suivante. 

Déplacer vers le Couches panneau (Fenêtre> Calques), ouvrez le calque existant, simplement double-cliquez sur cette forme et le renommer "bg". Continuez à vous concentrer sur Couches panneau et verrouillez votre "bg"forme pour vous assurer de ne pas le sélectionner / déplacer accidentellement.

Étape 3

Choisissez le Outil de type (T), cliquez simplement sur votre planche, ajoutez le "Étincelle"morceau de texte et mettre sa couleur à R = 237 G = 28 B = 36

Assurez-vous qu'il reste sélectionné et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Royal Chicken et définissez la taille sur 300pt

Ouvrez le Transparence panneau (Fenêtre> Transparence) et baisser le Opacité de votre texte à 30% puis passer à la Couches panneau et verrouillez-le simplement.

4. Créer les chemins de texte principaux

Étape 1

En utilisant le Outil stylo (P) ou la Paintboutil de pointe (B) (si vous possédez une tablette) tracez un chemin lisse le long de la première lettre de votre texte. Essayez d’utiliser le texte à l’arrière comme référence approximative. Ajouter un simple trait blanc pour votre chemin et définir son Poids à 4px.

Étape 2

Continuez avec le même outil et ajoutez le reste des chemins qui composeront votre texte.

Étape 3

Resélectionnez tous les chemins blancs qui composent votre texte et Groupe leur (Contrôle-G). Déplacer vers le Couches panneau, double-cliquez sur ce nouveau groupe et le renommer "texte".

5. Utilisez le premier pinceau à dispersion

Étape 1

Resélectionnez votre "texte"grouper et faire une copie devant (Contrôle-C> Contrôle-F). Déplacer vers le Couches panneau, verrouiller l'original "texte"groupe puis sélectionne la copie de groupe faite à cette étape et remplace simplement le trait blanc existant par ton pinceau à dispersion verte.

Étape 2

Resélectionnez le groupe de chemins qui utilisent le pinceau à dispersion verte et allez à Objet> Développer l'apparence. Assurez-vous que le groupe résultant est sélectionné et appuyez sur Maj-Contrôle-G trois fois Dissocier tous ces groupes et sous-groupes. Vous allez vous retrouver avec un tas de petits cercles et carrés. 

Focus sur le Couches panneau, sélectionnez l’un de ces carrés et allez simplement à Sélectionnez> Même> Apparence pour sélectionner le reste des formes ayant des caractéristiques similaires Apparence les attributs. Une fois que vous avez sélectionné toutes ces petites formes, appuyez simplement sur le bouton Effacer bouton de votre clavier pour vous en débarrasser.

Étape 3

Sélectionnez l’un de ces cercles verts et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage, remplacez la couleur existante par R = 0 G = 179 B = 209 et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche (dans l'image suivante), cliquez sur D'accord et aller encore à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre du milieu, cliquez sur D'accord et aller une fois de plus à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de droite et cliquez sur D'accord.

Étape 4

Assurez-vous que votre cercle bleu est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, faites-le glisser au bas de la Apparence panneau, assurez-vous que la couleur de remplissage est définie sur R = 0 G = 179 B = 209, abaisser sa Opacité à 20% et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à -2px et cliquez D'accord.

Étape 5

Assurez-vous que votre cercle bleu est toujours sélectionné, concentrez-vous sur le Apparence panneau, sélectionnez le remplissage du bas et dupliquez-le en utilisant le Dupliquer l'élément sélectionné bouton (pointé par le cercle bleu dans l'image suivante). Sélectionnez ce nouveau remplissage, faites-le glisser au bas de la Apparence panneau, augmenter sa Opacité à 30% et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon de 5px et cliquez D'accord.

Étape 6

Assurez-vous que votre cercle bleu est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un quatrième remplissage. Sélectionnez ce nouveau remplissage, faites-le glisser en haut de la Apparence panneau, définissez la couleur en blanc, changez Mode de fusion à Recouvrir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à -1px et cliquez D'accord.

Étape 7

Assurez-vous que votre cercle bleu est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un cinquième remplissage. Sélectionnez ce nouveau remplissage, définissez la couleur sur noir, modifiez sa Mode de fusion à Lumière douce et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 1px et cliquez D'accord.

Étape 8

Assurez-vous que votre cercle bleu est toujours sélectionné, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques) et cliquez simplement sur le Nouveau style graphique bouton (indiqué par le cercle bleu dans l'image suivante) pour enregistrer votre propre style graphique.

Étape 9

En utilisant le même Sélectionnez> Même> Apparence sélectionnez tous les cercles verts et ajoutez simplement votre style graphique enregistré. Sélectionnez tous les cercles qui utilisent votre style graphique et appuyez simplement sur Contrôle-G à Groupe leur. 

Déplacer vers le Couches panneau, renommez ce nouveau groupe "dotsOne"alors verrouillez-le.

6. Utilisez les trois autres brosses à dispersion

Étape 1

Focus sur le Couches panneau et déverrouiller votre "texte"groupe. Sélectionnez-le, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). 

Déplacer vers le Couches panneau, re-verrouiller l'original "texte"groupe puis sélectionne la copie de groupe faite à cette étape et remplace simplement le trait blanc existant par ton pinceau à dispersion jaune.

Étape 2

Resélectionnez le groupe de chemins qui utilisent le pinceau à dispersion jaune et allez à Objet> Développer l'apparence. Assurez-vous que le groupe résultant est sélectionné et appuyez sur Maj-Contrôle-G trois fois. 

Focus sur le Couches panneau, sélectionnez tous ces carrés nouvellement créés et supprimez-les simplement.

Étape 3

Focus sur le Couches panneau, sélectionnez tous les cercles jaunes et ajoutez votre style graphique. Assurez-vous que ces formes restent sélectionnées et concentrez-vous sur la Apparence panneau. Sélectionnez le bas, deux remplissages et supprimez-les simplement en utilisant le bouton Supprimer la sélection bouton (pointé par le cercle bleu dans l'image suivante). 

Continuez à vous concentrer sur Apparence panneau, sélectionnez le fond bleu restant et remplacez la couleur existante par R = 255 G = 209 B = 5. Assurez-vous que tous vos cercles jaunes sont sélectionnés, appuyez sur le Nouveau style graphique bouton du Styles graphiques panneau pour enregistrer un nouveau style graphique puis Groupe leur (Contrôle-G). 

Retour à la Couches panneau, renommez ce nouveau groupe "deux points"alors verrouillez-le.

Étape 4

Focus sur le Couches panneau et déverrouiller votre "texte"groupe. Sélectionnez-le, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). 

Déplacer vers le Couches panneau, re-verrouiller l'original "texte"groupe, sélectionnez ensuite la copie de groupe créée à cette étape et remplacez simplement le trait blanc existant par votre pinceau à dispersion bleue.

Étape 5

Resélectionnez le groupe de chemins qui utilisent le pinceau à dispersion bleue et allez à Objet> Développer l'apparence. Dissociez le groupe résultant ( Maj-Contrôle-G trois fois) l'accent mis sur le Couches panneau, sélectionnez tous ces carrés nouvellement créés et supprimez-les simplement.

Étape 6

Focus sur le Couches dans le panneau, sélectionnez le groupe de cercle bleu créé à l’étape précédente et ajoutez votre style graphique jaune à partir du Styles graphiques panneau. 

Assurez-vous que ce groupe de formes reste sélectionné, concentrez-vous sur le Apparence panneau, sélectionnez le remplissage du bas et remplacez la couleur existante par R = 28 G = 117 B = 188. Groupe (Contrôle-G) les formes éditées à cette étape, passez à la Couches panneau, renommez ce nouveau groupe "trois points"alors verrouillez-le.

Étape 7

Focus sur le Couches panneau et déverrouiller votre "texte"groupe. Sélectionnez-le, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). 

Retour à la Couches panneau, re-verrouiller l'original "texte"groupe, sélectionnez ensuite la copie de groupe créée à cette étape et remplacez simplement le trait blanc existant par votre pinceau à dispersion rouge.

Étape 8

Resélectionnez le groupe de chemins utilisant le pinceau à dispersion rouge et allez à Objet> Développer l'apparence. Dissocier le groupe résultant (Maj-Contrôle-G trois fois) puis se concentrer sur le Couches panneau et se débarrasser de l'ensemble nouvellement créé de minuscules carrés.

Étape 9

Focus sur le Couches dans le panneau, sélectionnez le groupe de cercle rouge créé à l’étape précédente et ajoutez votre style graphique jaune à partir du Styles graphiques panneau. 

Assurez-vous que cet ensemble de formes reste sélectionné, concentrez-vous sur le Apparence panneau, sélectionnez le remplissage du bas et remplacez la couleur existante par R = 251 G = 176 B = 64. Groupe (Contrôle-G) les formes éditées à cette étape, passez à la Couches panneau, renommez ce nouveau groupe "quatre points"alors verrouillez-le.

7. Ajouter des nuances et des reflets

Étape 1

Focus sur le Couches panneau, déverrouillez votre morceau de texte et retirez-le simplement à l'aide du bouton Effacer bouton de votre clavier. 

Continuez à vous concentrer sur Couches panneau, déverrouillez votre "texte"groupe, sélectionnez-le et appuyez simplement sur Contrôle-8 en faire un Chemin composé.

Étape 2

Assurez-vous que votre chemin composé reste sélectionné et concentrez-vous sur la Apparence panneau. Sélectionnez ce trait blanc, augmentez son Poids à 8px, remplacer la couleur existante par R = 171 G = 48 B = 74 et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 40px et cliquez D'accord

Retour à la Apparence panneau et cliquez simplement sur le "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out et vérifiez la Casquette ronde bouton. 

Continuez à vous concentrer sur Apparence panneau et ajoutez un second trait pour votre chemin composé en utilisant le Ajouter un nouveau trait bouton (la minuscule icône carrée du coin inférieur gauche de la Apparence panneau). Sélectionnez ce nouveau trait, définissez son Poids à 4px, remplacer la couleur existante par R = 88 G = 48 B = 74 et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 10px, Cliquez sur D'accord et retour à la Apparence panneau. 

Ajoutez un troisième trait pour votre chemin composé et sélectionnez-le. Définir sa Poids à 2px, remplacer la couleur existante par du blanc et changer sa Mode de fusion à Recouvrir

Une fois que vous avez terminé, passez au Couches panneau et verrouiller ce chemin composé.

Étape 3

Focus sur le Couches panneau, déverrouillez vos quatre "des points"groupes et les dupliquer (Contrôle-C> Contrôle-F). Sélectionnez uniquement le groupe de copies, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Unir bouton. Transformez le groupe de formes résultant en un nouveau Chemin composé (Contrôle-8) les déplacer vers le Apparence panneau. Conservez un seul remplissage et définissez sa couleur sur R = 255 G = 209 B = 5.

Étape 4

Focus sur le Couches panneau et faites glisser votre chemin composé jaune derrière le "des points"groupes. Assurez-vous que votre chemin composé jaune est sélectionné et allez à Effet> Styliser> Outer Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 5

Resélectionnez votre chemin composé jaune, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). Assurez-vous que cette nouvelle copie reste sélectionnée et concentrez-vous sur la Apparence panneau. Supprimer l'existant Lueur externe effet, remplacez la couleur de remplissage existante par du noir et baissez son Opacité à 25%.

Étape 6

Assurez-vous que votre chemin composé noir est sélectionné et allez à Objet> Transformer> Déplacer. Entrer "60px" dans le Horizontal et Verticale boîtes, puis cliquez simplement sur le Copie bouton. Sélectionnez le chemin composé résultant, appuyez sur Contrôle-[ pour l'envoyer derrière le chemin d'origine puis abaissez son Opacité à 0%.

Étape 7

Concentrez-vous sur votre Barre d'outils et cliquez simplement sur le Outil de mélange ouvrir le Options de mélange la fenêtre. Sélectionner Étapes spécifiées du Espacement menu déroulant, entrez 50 dans cette case blanche puis cliquez sur le D'accord bouton. 

Déplacer vers le Couches panneau, sélectionnez les deux chemins composés noirs et appuyez simplement sur Alt-Control-B (ou aller à Objet> Mélange> Marque) pour créer un mélange simple. Retour à la Couches panneau et faites simplement glisser ce nouveau mélange sous votre chemin composé jaune.

8. Ajouter des taches brillantes subtiles

Étape 1

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). En utilisant le Outil Ellipse (L), créer un 10px entourez et définissez la couleur de remplissage en blanc. 

Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage existant, changez son Mode de fusion à Lumière douce et allez à Effet> Distorsion & Transformation> Pucker & Bloat. Faites glisser le curseur vers -75% et cliquez D'accord

Retour à la Apparence panneau, assurez-vous que le remplissage existant est toujours sélectionné et dupliquez-le en utilisant le même Dupliquer l'élément sélectionné bouton. 

Continuez à vous concentrer sur Apparence panneau, sélectionnez le fond, modifiez son Mode de fusion à Recouvrir et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon de 5px et cliquez D'accord. À la fin, les choses devraient ressembler à l'image suivante.

Étape 2

Multiplier (Contrôle-C> Contrôle-F) la 10px cercle créé à l'étape précédente et étalez les copies le long de votre texte, comme indiqué dans l'image suivante.

Étape 3

Pour ces dernières étapes, vous aurez besoin d’une grille chaque 1px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte. En utilisant le Outil Ellipse (L), créer un 3 x 16px et définissez la couleur de remplissage sur R = 220 G = 118 B = 215

Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage existant et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon de 5px et cliquez D'accord

Retour à la Apparence panneau et ajoutez un deuxième remplissage pour votre. Sélectionnez-le, définissez la couleur sur blanc, changez-le Mode de fusion à Recouvrir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Pucker & Bloat. Faites glisser le curseur vers -75%, Cliquez sur D'accord et allez à Effet> Styliser> Plume. Entrez un Rayon 2px et cliquez D'accord

Retournez au Apparence panneau et ajouter un troisième remplissage pour votre forme. Sélectionnez-le, définissez la couleur sur blanc, changez-le Mode de fusion à Recouvrir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Pucker & Bloat. Faites glisser la glissière à -75%, Cliquez sur D'accord et allez à Effet> Styliser> Plume. Entrez un Rayon 1.5px et cliquez D'accord.

Étape 4

Multiplier (Contrôle-C> Contrôle-F) le cercle pressé créé à l'étape précédente et étalez les copies le long de votre texte, com