Comment créer un effet de texte gras et caricatural dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte gras et caricatural dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer un arrière-plan assez simple pour votre effet de texte. À l'aide de l'outil Texte et d'une belle police de caractères gratuite, vous allez apprendre à lire le texte de départ. En tirant pleinement parti du panneau Apparence, vous apprendrez à créer l'effet de texte réel. Enfin, vous apprendrez à ajouter quelques touches finales à votre effet de texte en utilisant un tas de cercles simples..

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 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, et entrez 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 le fond

É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 = 137 G = 147 B = 150.

Créez simplement un 860 px carré et assurez-vous qu’il couvre tout votre tableau d’art. La grille et le Aligner sur la grille fonctionnalité devrait aider.

Étape 2

Assurez-vous que votre carré est toujours sélectionné, ouvrez le Apparence panneau (Fenêtre> Apparence) et ajoutez un second remplissage en utilisant le Ajouter un nouveau remplissage bouton.

Sélectionnez le nouveau remplissage, abaissez son Opacité à 60%, puis remplacez la couleur existante par 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 et utiliser le Outil de dégradé (G) étirer votre dégradé environ comme indiqué dans l'image suivante.

3. Comment créer les morceaux de texte principaux

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Comical Cartoon, puis définissez la taille sur 40 px et le menant à 150 px. Cliquez simplement sur votre planche d’art, ajoutez votre colonne de texte et rendez-la blanche.

Étape 2

En utilisant les mêmes attributs d’outil et de police, ajoutez à nouveau la première ligne de votre texte. Faites-le rouge et placez-le juste au-dessus du blanc. Faites de même pour les trois autres lignes de texte, comme indiqué dans les images suivantes. Une fois que vous avez terminé, vous pouvez supprimer ce texte blanc de votre document..

4. Comment créer la face avant de votre effet de texte

Étape 1

Sélectionnez un de vos morceaux de texte, concentrez-vous sur la Apparence panneau, et ajouter un nouveau remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Définissez sa couleur sur R = 247 G = 139 B = 30 et assurez-vous qu'il se trouve au-dessus de cela "Personnages"morceau de texte. Le placer au-dessus de la"Personnages"le texte couvrira simplement ce rouge.

Étape 2

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un deuxième remplissage et le faire glisser sous celui existant.

Assurez-vous que votre nouveau remplissage est sélectionné, remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous, puis allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, met le Jointures à Rond, puis cliquez dessus D'accord bouton.

Étape 3

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Resélectionnez ce fond et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 4

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Resélectionnez ce fond et allez à Effet> Styliser> Inner Glow. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 5

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez ce remplissage supérieur et allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, met le Jointures à Rond, puis cliquez dessus D'accord bouton.

Étape 6

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un troisième remplissage et le placer au-dessus des existants.

Sélectionnez ce nouveau remplissage, définissez sa couleur sur R = 254 G = 183 B = 21, et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 4 px, met le Jointures à Rond, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 7

Pour cette étape, vous aurez besoin de ces modèles intégrés d'Illustrator. Ouvrez le menu déroulant à partir du Échantillons panneau (Fenêtre> Nuancier) et allez à Ouvrez Swatch Library> Patterns> Graphics de base> Basic Graphics_Lines. Laissez cette fenêtre ouverte, assurez-vous que votre texte orange est sélectionné et revenez à la Apparence panneau.

Sélectionnez le premier remplissage et dupliquez en utilisant le Dupliquer l'élément sélectionné bouton. Sélectionnez le remplissage nouvellement ajouté et remplacez simplement la couleur existante par le "10 pli 50%"motif de cet ensemble.

Étape 8

Assurez-vous que votre remplissage à motifs est toujours sélectionné, réduisez-le. Opacité à 75%, changer la Mode de fusion à Lumière douce, et puis aller à Effets> Distorsion & Transformation> Transformer. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 9

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau.

Sélectionnez ce trait, définissez la couleur sur R = 255 G = 200 B = 28 et la taille à 4 px, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, met le Jointures à Rond, puis cliquez dessus D'accord bouton.

5. Comment créer le verso de votre effet de texte

Étape 1

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un cinquième remplissage et le placer sous les remplissages existants.

Sélectionnez ce nouveau remplissage et définissez sa couleur sur Noir (R = 0 G = 0 B = 0). Baisser sa Opacité à 50% et changer le Mode de fusion à Lumière douce, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, met le Jointures à Rond, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans la fenêtre de gauche (dans l'image suivante), cliquez dessus D'accord bouton, puis allez à nouveau à Effet> Distorsion & Transformation> Transformer. Cette fois, entrez les attributs affichés dans la fenêtre de droite, puis cliquez dessus. D'accord bouton.

Étape 2

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau.

Sélectionnez le fond noir en bas et dupliquez-le en utilisant le même Dupliquer l'élément sélectionné bouton. Concentrez-vous sur votre remplissage noir en bas et ouvrez le second Transformer effet. Il suffit d'augmenter le Copies de 20 à 50 puis cliquez dessus D'accord bouton.

Étape 3

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un nouveau remplissage et le placer en dessous des existants.

Sélectionnez ce nouveau remplissage, définissez sa couleur sur R = 190 G = 31 B = 46, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 20 px, met le Jointures à Rond, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 4

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un nouveau remplissage et le placer juste au-dessus de celui du bas.

Sélectionnez ce nouveau remplissage, définissez sa couleur sur R = 160 G = 1 B = 16, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 5 px, met le Jointures à Rond, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 5

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un nouveau remplissage et le placer en dessous des existants.

Sélectionnez ce nouveau remplissage, définissez sa couleur sur R = 160 G = 1 B = 16, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 20 px, met le Jointures à Rond, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans la fenêtre de gauche, cliquez dessus D'accord bouton, puis allez à nouveau à Effet> Distorsion & Transformation> Transformer. Cette fois, entrez les attributs affichés dans la fenêtre de droite, puis cliquez dessus. D'accord bouton.

Étape 6

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Resélectionnez ce fond et allez à Effet> Styliser> Ombre portée. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 7

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. En utilisant le Ajouter un nouveau trait bouton, ajoutez un deuxième trait pour votre texte et placez-le en dessous de tous les remplissages.

Sélectionnez ce nouveau trait, définissez sa couleur sur R = 190 G = 31 B = 46 et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 20 px, met le Jointures à Rond, cliquez dessus D'accord bouton, puis aller à Effet> Pathfinder> Ajouter. Retour à la Apparence panneau et cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Met le Poids à 8 px, vérifier la Casquette ronde et Joindre rond boutons, puis vérifiez que Ligne pointillée boîte. Entrer 0 px en premier tiret boîte et 8 px en premier écart boîte, et votre coup doit finir par regarder environ comme indiqué dans l'image suivante.

Étape 8

Assurez-vous que votre texte orange est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Resélectionnez ce fond et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

6. Comment copier et ajuster les attributs d'apparence

Étape 1

Maintenant, vous devez copier le Apparence attributs d'un texte à un autre. Focus sur le Couches panneau (Fenêtre> Calques) et vous remarquerez que tous les objets ont un petit cercle à droite, une icône de cible.

Tenez le Alt bouton de votre clavier, cliquez sur l’icône cible correspondant à votre texte orange et faites-la glisser au-dessus de l’icône cible correspondant à l’un de ces éléments de texte rouge..

Étape 2

Répétez la technique mentionnée à l’étape précédente pour copier le Apparence les attributs. Une fois que vous avez terminé, sélectionnez un ou plusieurs de ces éléments de texte, concentrez-vous sur la Apparence panneau, et remplacez les couleurs existantes par celles indiquées dans l'image suivante.

7. Comment ajouter plusieurs cercles / étoiles et les répartir autour du texte

Étape 1

En utilisant le Outil Ellipse (L), créer un 20 px cercle. Assurez-vous qu’aucune couleur de remplissage n’est définie pour cette forme et définissez la couleur de trait sur R = 190 G = 31 B = 46. Ouvrez le Accident vasculaire cérébral panneau fly-out, augmenter le Poids à 6 px, et vérifier que Aligner à l'intérieur bouton.

En utilisant le même outil, créez un 15 px cercle. Ajoutez le même trait rouge, alignez-le à l'intérieur, mais diminuez le Poids à 4 px. Créez un troisième cercle, faites-le 10 px large, ajoutez le même trait rouge, n'oubliez pas de l'aligner à l'intérieur et réglez le Poids à 3 px.

Dupliquer ces trois cercles (Control-C> Contrôle-V), sélectionnez les copies et remplacez simplement le rouge par R = 159 G = 31 B = 99.

Étape 2

Il suffit de multiplier vos cercles rouges et violets (Control-C> Contrôle-V) puis étalez les copies comme indiqué dans l'image suivante.

Alternativement, vous pouvez remplacer ces cercles par des formes d'étoiles simples qui peuvent être facilement créées à l'aide du Outil étoile.

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