Comment créer l'effet de texte Luke Cage dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous allez apprendre à créer un effet de texte basé sur le texte du logo de Luke Cage. Luke Cage est un super-héros de l'univers Marvel et fait maintenant partie d'une série sur Netflix..

Pour commencer, vous apprendrez à configurer une grille simple et à créer des formes de lettre parfaitement pixelisées à l'aide d'outils de base et de la fonction Aligner sur la grille. En utilisant l'effet 3D Extrude & Bevel, vous apprendrez à ajouter un subtil effet 3D à vos lettres.. 

En tirant pleinement parti du panneau Apparence, vous apprendrez à ajouter des textures et des rehauts subtils. Vous apprendrez également à masquer facilement des formes et à travailler avec des brosses intégrées. Enfin, vous apprendrez à ajouter un arrière-plan sombre et des points lumineux subtils sur votre texte final..

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 la case de largeur et 600 dans la case hauteur, puis cliquez dessus Avancée bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi) puis cliquez dessus Créer un document bouton.

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, 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 à l’aide de la 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> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer des formes de caractères

É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 = 255 G = 180 B = 0. Déplacez-vous sur votre planche et créez simplement un 80 x 20 px rectangle-la grille et la Aligner sur la grille cette fonctionnalité devrait faciliter votre travail.

Remplacez la couleur de remplissage existante par R = 39 G = 169 B = 224, créer un 30 x 80 px forme, et placez-le comme indiqué dans la deuxième image. Ces deux rectangles constitueront le "L".

Étape 2

En utilisant le même outil et les mêmes couleurs de remplissage, créez le "U"comme indiqué dans les images suivantes.

Étape 3

En utilisant le Outil Rectangle (M), créer un 30 x 60 px forme. Remplissez ce nouveau rectangle avec du jaune et placez-le exactement comme indiqué dans la première image. Concentrez-vous sur le côté inférieur de la forme que vous avez sélectionnée et choisissez le Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et faites-les simplement glisser 50 px à gauche.

Resélectionner le Outil Rectangle (M) et créer un 30 x 50 px forme. Remplissez-le de jaune et placez-le exactement comme indiqué dans la troisième image. Concentrez-vous sur le dessus de ce nouveau rectangle et passez au Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et faites-les simplement glisser 35 px à gauche.

Encore une fois, choisissez le Outil Rectangle (M), créer un 30 x 80 px formez-la, remplissez-la de bleu et placez-la comme indiqué dans la cinquième image.

Étape 4

En utilisant le même outil et les mêmes couleurs de remplissage, créez le "U"comme indiqué dans les images suivantes.

Étape 5

En utilisant le même outil et les mêmes couleurs de remplissage, créez les formes de lettre restantes, comme indiqué dans les images suivantes..

Étape 6

Sélectionnez toutes les formes faites jusqu'à présent, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Unir bouton.

3. Comment créer l'effet 3D

Étape 1

Désactiver la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").

Assurez-vous que votre groupe de formes est sélectionné et allez à Effet> 3D> Extrusion et biseautage. Clique le Plus d'options bouton, assurez-vous que vous entrez tous les attributs indiqués ci-dessous, puis cliquez dessus D'accord bouton.

Étape 2

Examinez de plus près vos formes et vous remarquerez probablement qu'il manque des côtés à votre objet 3D. Une astuce pour résoudre ce problème est simple. Chaîne effet. Assurez-vous que votre groupe de formes est sélectionné et allez à Effet> Warp> Arc. Vérifier la Horizontal boîte, définissez tous ces curseurs sur 0%, puis cliquez dessus D'accord bouton.

Étape 3

Resélectionnez votre groupe de formes, allez à Objet> Développer l'apparence, et assurez-vous que le groupe de formes résultant reste sélectionné. Frappé le Maj-Contrôle-G raccourci clavier trois fois pour se débarrasser de tous ces groupes et sous-groupes, puis appuyez sur Alt-Control-7 libérer instantanément les masques de découpage existants.

Étape 4

Ensuite, vous devez vous débarrasser de tous ces anciens chemins de détourage. Regardez de plus près à l'intérieur du Couches panneau et vous devriez remarquer un tas de formes sans couleur de remplissage ou de trait - ce sont les anciens chemins de détourage.

Sélectionnez une de ces formes et allez à Sélectionnez> Même> Apparence pour sélectionner rapidement toutes les formes avec des Apparence les attributs. Maintenant que vous avez sélectionné toutes ces formes, supprimez-les simplement à l'aide du bouton Effacer bouton de votre clavier.

Étape 5

Sélectionnez toutes les formes qui constituent le recto de votre texte, placez-les au premier plan (Shift-Control-]), puis les transformer en un chemin composé simple en utilisant le Contrôle-8 raccourci clavier.

Déplacer vers le Couches panneau et verrouillez votre chemin composé pour vous assurer que vous ne le sélectionnez / déplacez pas accidentellement.

4. Comment colorer les formes latérales

Étape 1

Sélectionnez les formes latérales et remplacez la couleur de remplissage existante par le dégradé linéaire illustré ci-dessous..

Étape 2

Assurez-vous que toutes vos formes latérales sont toujours sélectionnées, concentrez-vous sur Apparence panneau (Fenêtre> Apparence) et ajoutez un second remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et définissez la couleur sur Noir (R = 0 G = 0 B = 0). Baisser sa Opacité à 15%, changer la Mode de fusion à Multiplier, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 3

Assurez-vous que toutes vos formes latérales sont toujours sélectionnées, continuez à vous concentrer sur le panneau Apparence et ajoutez un troisième remplissage en utilisant celui-ci. Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et définissez la couleur sur noir. Baisser sa Opacité à 15%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Artistique> Éponge. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 4

Assurez-vous que toutes vos formes latérales sont toujours sélectionnées, continuez à vous concentrer sur la Apparence panneau, et ajouter un quatrième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et remplacez la couleur existante par le dégradé linéaire illustré ci-dessous. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage.

Continuez à vous concentrer sur ce remplissage nouvellement ajouté, abaissez son Opacité à 5%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Coups de pinceau> Coups pulvérisés. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

5. Comment ajouter de l'ombrage et des reflets à vos formes latérales

Étape 1

Sélectionnez les cinq formes en surbrillance dans la première image et dupliquez-les (Contrôle-C> Contrôle-F). Sélectionnez ces cinq copies et cliquez sur le bouton bouton de votre clavier pour remplacer le existant Apparence attributs avec ceux par défaut (remplissage blanc et trait noir). Supprimez le trait noir, sélectionnez le remplissage et remplacez le blanc par un vert aléatoire.

Une fois que vous avez terminé, passez à la Couches panneau et verrouiller votre chemin composé.

Étape 2

Resélectionnez toutes les formes latérales et Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et verrouiller ce groupe.

Étape 3

En utilisant le Outil stylo (P), créez plusieurs formes minces à peu près comme indiqué dans la première image. Remplissez toutes ces formes avec le dégradé linéaire indiqué ci-dessous, abaissez leur Opacité à dix%, et changer le Mode de fusion à Lumière douce. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage.

Étape 4

Activer la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").

En utilisant le Outil Rectangle (M), créer un 640 x 30 px forme, remplissez-le de noir et placez-le comme indiqué dans la première image. Assurez-vous que ce rectangle reste sélectionné, baissez son Opacité à dix%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 5

En utilisant le Outil Rectangle (M), créer un 640 x 30 px formez-la, remplissez-la de blanc (R = 255 G = 255 B = 255) et placez-le comme indiqué dans la première image. Assurez-vous que ce rectangle reste sélectionné, baissez son Opacité à 5%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 6

Focus sur le Des pinceaux panneau (Fenêtre> Brosses), ouvrez ce panneau déroulant et allez à Bibliothèque de pinceaux ouverte> Artistique> ArtisticChalkCharcoalPencil. Vous aurez besoin de ça Craie pinceau d'art dans quelques instants.

En utilisant le Outil stylo (P) ou la Outil Ligne (\), dessine un 640 px chemin horizontal et placez-le comme indiqué dans l'image suivante. Définissez la couleur du trait sur blanc et ajoutez simplement que Craie pinceau d'art.

Étape 7

Utilisez le même outil pour créer deux autres 640 px tracés horizontaux, placez-les comme indiqué dans l'image suivante et appliquez le même Craie pinceau d'art.

Étape 8

Sélectionnez les trois chemins horizontaux, baissez leur Opacité à 5%, et changer le Mode de fusion à Lumière douce.

Resélectionnez ces chemins horizontaux avec les rectangles noir et blanc et les formes minces, et simplement Groupe leur (Contrôle-G).

Étape 9

Désactiver le la grille (Contrôle-") et le Aligner sur la grille (Shift-Control- ").

Focus sur le Couches panneau et déverrouiller votre chemin composé vert. Amenez le au front (Shift-Control-]) puis remplacez le vert par du blanc.

Étape 10

Sélectionnez votre chemin composé blanc avec le groupe fait il ya deux étapes, ouvrez le Transparence panneau, et cliquez simplement dessus Faire masque bouton.

6. Comment ajouter des fissures à vos formes avant

Étape 1

En utilisant le Outil stylo (P), Créez plusieurs petites formes noires à peu près comme indiqué dans la première image. Assurez-vous que toutes ces nouvelles formes sont sélectionnées, réduisez leur Opacité à 50%, et alors Groupe leur (Contrôle-G).

Étape 2

Focus sur le Couches panneau, déverrouillez votre chemin composé bleu et dupliquez-le (Contrôle-C> Contrôle-F). Amenez cette copie devant vous (Shift-Control-]) puis remplacez le bleu par du blanc. Sélectionnez ce chemin composé blanc avec le groupe constitué à l'étape précédente, allez à la Transparence panneau, et cliquez dessus Faire masque bouton à nouveau.

7. Comment colorer les formes avant

Étape 1

Sélectionnez votre chemin composé bleu et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage existant, remplacez le bleu par R = 212 G = 141 B = 27, et puis aller à Effet> Styliser> Inner Glow. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 2

Assurez-vous que votre chemin composé jaune reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, abaissez son Opacité à 25%, changer la Mode de fusion à Brûlure de couleur, puis remplacez la couleur existante par le dégradé radial indiqué ci-dessous. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage et utiliser le Outil de dégradé (G) pour ajuster votre dégradé comme indiqué ci-dessous.

Étape 3

Assurez-vous que votre chemin composé jaune est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième remplissage. Sélectionnez ce nouveau remplissage, abaissez son Opacité à 50%, changer la Mode de fusion à Recouvrir, puis remplacez la couleur existante par le dégradé radial indiqué ci-dessous.

Étape 4

Assurez-vous que votre chemin composé jaune est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un quatrième remplissage.

Sélectionnez le nouveau remplissage et noircissez-le. Baisser sa Opacité à 5%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 5 px, clique le D'accord bouton, puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Coups de pinceau> Spatter. Faites glisser ces curseurs comme indiqué dans l'image suivante, puis cliquez dessus. D'accord bouton.

Étape 5

Assurez-vous que votre chemin composé jaune est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un cinquième remplissage.

Sélectionnez le nouveau remplissage et noircissez-le. Baisser sa Opacité à 5%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Artistique> Grain de film. Faites glisser ces curseurs comme indiqué dans l'image suivante, puis cliquez dessus. D'accord bouton.

Étape 6

Assurez-vous que votre chemin composé jaune est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le trait existant, réglez la couleur sur le noir, abaissez son Opacité à 25% et simplement ajouter que Charbon de bois - Plume pinceau d'art.

Étape 7

Assurez-vous que votre chemin composé jaune est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième trait en utilisant le bouton Ajouter un nouveau trait bouton. Sélectionnez ce nouveau trait, faites-le en noir et ajoutez cela Fusain - Crayon pinceau d'art.

Étape 8

Assurez-vous que votre chemin composé jaune est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième trait en utilisant le même Ajouter un nouveau trait bouton. Sélectionnez ce nouveau trait, définissez la couleur sur R = 246 G = 195 B = 41, changer sa Mode de fusion à Recouvrir, puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Met le Poids à 4 pt puis ouvrez ça Profil menu déroulant et sélectionnez Profil de largeur 2.

Étape 9

Assurez-vous que votre chemin composé jaune est toujours sélectionné et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et réinitialisez ses attributs à l'aide de cette même bouton de votre clavier. N'oubliez pas de vous débarrasser de ce trait noir, mais gardez le fond blanc.

Une fois que vous avez terminé, sélectionnez ce chemin composé blanc avec le jaune qui se trouve derrière. Puis aller au Transparence panneau et cliquez dessus Faire masque bouton.

8. Comment créer le fond et ajouter des points lumineux

Étape 1

Choisissez le Outil Rectangle (M) et créer un 860 x 610 px forme. Remplissez ce nouveau rectangle avec R = 13 G = 10 B = 3, l'envoyer à l'arrière (Shift-Control- [) et assurez-vous qu'il couvre tout votre tableau.

Étape 2

Activer le la grille (Contrôle-") et le Aligner sur la grille (Shift-Control- "). Pour ces dernières étapes, vous aurez besoin d’une grille chaque 1 px, 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 28 x 2 px la forme et placez-le environ comme indiqué dans l'image suivante. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, baissez son Opacité à 70%, et changer le Mode de fusion à Recouvrir. Rappelez-vous que les zéros jaunes du Pente image stand pour Opacité pourcentage tandis que les bleus représentent Emplacement.

Étape 3

Continuez à vous concentrer sur le cercle formé à l’étape précédente et assurez-vous que le Outil Ellipse (L) est toujours actif.

Créer un 10 x 4 px la forme et placez-le comme indiqué dans l'image suivante. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, baissez son Opacité à 60%, et puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon 2 px puis cliquez dessus D'accord bouton.

Étape 4

Continuez à vous concentrer sur le cercle formé à l’étape précédente et assurez-vous que le Outil Ellipse (L) est toujours actif. Créé un 8 x 2 px la forme et le placer comme indiqué dans la première image. Remplissez-le de blanc et changez le Mode de fusion à Lumière douce.

Resélectionnez la forme créée dans cette étape avec les deux autres cercles pressés et Groupe leur (Contrôle-G).

Étape 5

Multipliez le groupe de cercles pressés créé à l'étape précédente et répartissez les copies comme indiqué dans l'image suivante..

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