Comment créer un effet de texte d'art sur papier superposé dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte d'art sur papier superposé dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer un arrière-plan assez simple. En utilisant une police gratuite et des techniques de base de construction de formes vectorielles, vous apprendrez à créer un ensemble de chemins composés.. 

Ensuite, vous apprendrez à créer un effet d'ombre interne à l'aide de plusieurs effets d'ombre portée et de certains masques d'opacité. Enfin, vous styliserez vos chemins composés et vous apprendrez à ajouter une texture subtile à votre dessin 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 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 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. 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 = 140 G = 198 B = 63. Déplacer vers votre planche d’art, créer un 860 px carré, et assurez-vous qu'il couvre tout votre planche.

Étape 2

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Comical Cartoon et définissez la taille sur 130 px et le menant à 220 px. Cliquez simplement sur votre planche d’art, ajoutez votre morceau de texte et définissez la couleur sur R = 0 G = 113 B = 188.

3. Comment créer les principaux chemins composés

Étape 1

Assurez-vous que votre texte est toujours sélectionné et allez à Type> Créer des contours (Maj-Contrôle-O). Dissocier (Maj-Contrôle-G) le groupe de formes résultant et ensuite aller à Objet> Chemin composé> Marque (Contrôle-8) pour transformer vos formes bleues en un chemin composé.

Assurez-vous que votre chemin composé est sélectionné et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage 10 px puis cliquez dessus D'accord bouton. Sélectionnez le chemin d'accès résultant et remplacez simplement la couleur de remplissage existante par R = 255 G = 200 B = 0.

Étape 2

Sélectionnez votre chemin composé jaune et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage 10 px puis cliquez sur D'accord. Sélectionnez le chemin d'accès résultant et remplacez simplement la couleur de remplissage existante par R = 240 G = 30 B = 40.

Étape 3

Sélectionnez les trois chemins composés et allez à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l’image suivante, cliquez sur le bouton D'accord bouton, puis aller à Objet> Développer l'apparence.

Étape 4

Sélectionnez votre chemin composé rouge et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage 10 px et cliquez D'accord. Sélectionnez le chemin composé nouvellement créé et remplacez simplement la couleur de remplissage existante par R = 255 G = 123 B = 155.

4. Comment ajouter les ombres intérieures

Étape 1

Sélectionnez votre chemin composé bleu avec le rectangle vert et ajoutez des copies devant (Contrôle-C> Contrôle-F). Amenez ces deux exemplaires devant vous (Shift-Control-]) puis cliquez sur le Minus Front bouton du Éclaireur panneau (Fenêtre> Pathfinder).

Transformez votre groupe de formes résultant en un chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 140 G = 198 B = 63, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis allez à nouveau à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de droite, puis cliquez dessus. D'accord bouton.

Étape 2

Faites une nouvelle copie de votre chemin composé bleu (Contrôle-C> Contrôle-F), amenez-le au premier plan (Shift-Control-]) et remplacez la couleur de remplissage existante par du blanc (R = 255 G = 255 B = 255).

Sélectionnez votre chemin composé blanc avec celui de l'étape précédente (celui avec les effets Ombre portée), ouvrez le Transparence panneau (Fenêtre> Transparence), et cliquez dessus Faire masque bouton.

Étape 3

Sélectionnez votre chemin composé jaune avec le rectangle vert et ajoutez des copies devant (Contrôle-C> Contrôle-F). Amenez ces deux copies au premier plan (Shift-Control-]) puis cliquez sur le Minus Front bouton du Éclaireur panneau.

Transformez votre groupe de formes résultant en un chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 57 G = 181 B = 74, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche, cliquez sur le bouton D'accord bouton, puis allez à nouveau à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de droite, puis cliquez dessus. D'accord bouton.

Étape 4

Faites une nouvelle copie de votre chemin composé jaune (Contrôle-C> Contrôle-F), amenez-le au premier plan (Shift-Control-]) et remplacez la couleur de remplissage existante par du blanc.

Sélectionnez votre chemin composé blanc avec celui de l'étape précédente, allez à la Transparence panneau, et cliquez dessus Faire masque bouton.

Étape 5

Sélectionnez votre chemin composé rouge avec le rectangle vert et ajoutez des copies devant (Contrôle-C> Contrôle-F). Amenez ces deux copies au premier plan (Shift-Control-]) puis cliquez sur le Minus Front bouton du Éclaireur panneau.

Transformez votre groupe de formes résultant en un chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 0 G = 146 B = 69, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche, cliquez sur le bouton D'accord bouton, puis allez à nouveau à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de droite, puis cliquez dessus. D'accord bouton.

Étape 6

Faites une nouvelle copie de votre chemin composé rouge (Contrôle-C> Contrôle-F), amenez-le au premier plan (Shift-Control-]) et remplacez la couleur de remplissage existante par du blanc.

Sélectionnez votre chemin composé blanc avec celui de l'étape précédente, allez à la Transparence panneau, et cliquez dessus Faire masque bouton.

Étape 7

Sélectionnez votre chemin composé rose avec le rectangle vert et ajoutez des copies devant (Contrôle-C> Contrôle-F). Amenez ces deux copies au premier plan (Shift-Control-]), puis cliquez sur le Minus Front bouton du Éclaireur panneau.

Transformez votre groupe de formes résultant en un chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 0 G = 104 B = 55, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche, cliquez sur le bouton D'accord bouton, puis allez à nouveau à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de droite, puis cliquez dessus. D'accord bouton.

Étape 8

Faites une nouvelle copie de votre chemin composé rose (Contrôle-C> Contrôle-F), amenez-le au premier plan (Shift-Control-]) et remplacez la couleur de remplissage existante par du blanc.

Sélectionnez ce chemin composé blanc avec celui de l'étape précédente, allez à la Transparence panneau, et cliquez dessus Faire masque bouton.

5. Comment styliser vos chemins composés

Étape 1

Sélectionnez votre chemin composé bleu et concentrez-vous sur Apparence panneau (Fenêtre> Apparence). Sélectionnez le remplissage, remplacez la couleur existante par R = 117 G = 181 B = 32, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l’image suivante, cliquez sur le bouton D'accord bouton, puis aller à Effet> Styliser> Outer Glow. Entrez les attributs ci-dessous, puis cliquez dessus. D'accord bouton.

Étape 2

Sélectionnez votre chemin composé jaune et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage, remplacez la couleur existante par R = 57 G = 181 B = 74, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 3

Sélectionnez votre chemin composé rouge et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage, remplacez la couleur existante par R = 0 G = 146 B = 69, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

Étape 4

Sélectionnez votre chemin composé rose et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage, remplacez la couleur existante par R = 0 G = 104 B = 5, et puis aller à 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 chemin composé plus sombre est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton, puis sélectionnez-le. Définissez la couleur sur R = 0 G = 84 B = 35, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 7 px puis cliquez dessus D'accord bouton.

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

Étape 1

Sélectionnez votre carré vert, faites-en une copie devant (Contrôle-C> Contrôle-F) et amenez-le au premier plan (Shift-Control-]).

Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage, changez son Mode de fusion à Lumière douce, puis remplacez la couleur existante par le dégradé radial indiqué dans l'image suivante. Gardez à l’esprit que le zéro jaune de la Pente panneau (Fenêtre> Dégradé) représente Opacité pourcentage.

Étape 2

Assurez-vous que le carré ajouté à l'étape précédente est toujours sélectionné, faites la mise au point. Apparence panneau, et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton.

Sélectionnez ce nouveau remplissage et définissez la couleur sur Noir (R = 0 G = 0 B = 0). Baisser sa Opacité à dix%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

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