Comment créer un effet de texte stratifié isométrique dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte en couches isométrique dans Adobe Illustrator..

Pour commencer, vous apprendrez à créer un texte simple et à en ajuster les attributs. En tirant pleinement parti du panneau Apparence, vous apprendrez à ajouter plusieurs calques au texte. En utilisant un simple effet de texte 3D Rotate, vous apprendrez à ajouter un aspect isométrique au texte..

Enfin, vous apprendrez à ajouter un arrière-plan simple et une texture subtile au 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..

Ce dont vous aurez besoin

Vous aurez besoin des ressources suivantes pour mener à bien ce projet:

  • Police Auro

1. Comment créer le premier morceau de texte

Étape 1

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 540 dans la case 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.

Ouvrez le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos sélections. 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.

Étape 2

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Auro et définissez la taille sur 200 px.

Cliquez sur la planche et ajoutez votre "Rouge" morceau de texte sur comme indiqué ci-dessous. Faites-le noir, pour l'instant.

Étape 3

Sélectionnez votre texte, concentrez-vous sur la Échantillons panneau (Fenêtre> Nuancier), et cliquez dessus [Aucun] swatch pour supprimer la couleur du texte noir.

Déplacer vers le Apparence panneau (Fenêtre> Apparence) et ajoutez un nouveau remplissage à l'aide du Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et définissez la couleur sur R = 242 G = 242 B = 248.

Étape 4

Assurez-vous que votre texte reste sélectionné, concentrez-vous 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, définissez la couleur sur R = 58 G = 95 B = 245, et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer-Horizontal curseur vers 0,8 px et le Déplacer verticalement curseur vers -0,8 px, entrer 5 dans le Copies case, puis cliquez sur D'accord.

Étape 5

Assurez-vous que votre texte reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajoutez un troisième remplissage et déplacez-le au bas du panneau. Définissez sa couleur sur R = 242 G = 242 B = 248 et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer-Horizontal curseur vers 0,8 px et le Déplacer verticalement curseur vers -0,8 px, entrer dix dans le Copies case, puis cliquez sur D'accord.

Retour à la Apparence dans le panneau, sélectionnez le remplissage bleu et dupliquez-le à l'aide du bouton Dupliquer l'élément sélectionné bouton. Faites glisser ce nouveau remplissage vers le bas de la Apparence panneau et ouvrez le Transformer effet appliqué à elle. Entrer 15 dans le Copies boîte et cliquez D'accord.

Étape 6

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

Continuez à dupliquer les remplissages du bas en faisant varier les deux couleurs, et augmentez la valeur de Copies boîte par 5. Arrêtez-vous au 20ème remplissage. À la fin, les choses devraient ressembler à l'image suivante.

2. Comment créer le deuxième morceau de texte

Étape 1

Dupliquez votre morceau de texte. Sélectionnez la copie et remplacez simplement le "Rouge" avec "Bleu".

Étape 2

Sélectionnez votre "Bleu" morceau de texte et se concentrer sur la Apparence panneau. Sélectionnez tous les remplissages bleus et remplacez simplement cette couleur par R = 235 G = 47 B = 38.

Étape 3

Assurez-vous que votre "Bleu" morceau de texte est toujours sélectionné et continue à se concentrer sur la Apparence panneau. Un par un, ouvrez le Transformer effets appliqués aux 19 remplissages et faites glisser le Déplacer-Horizontal curseurs à -0,8 px.

3. Comment appliquer l'effet isométrique 3D

Étape 1

Sélectionnez votre "Bleu"morceau de texte et se concentrer sur la Apparence panneau. Assurez-vous que tout le texte est sélectionné (cliquez simplement sur le bouton "Type" texte du haut du panneau) et allez à Effet> 3D> Rotation. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 2

Sélectionnez votre "Rouge" texte et focus sur le Apparence panneau. Assurez-vous que tout le texte est sélectionné et allez à Effet> 3D> Rotation. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 3

Apporte ton "Rouge" morceau de texte à l'avant (Shift-Control-]) et placez-le comme indiqué ci-dessous.

4. Comment créer l'ombre du texte

Étape 1

Choisissez le Outil de type (T) et ajouter une seconde "Rouge" morceau de texte. Utilisez les mêmes attributs de police et définissez sa couleur sur R = 58 G = 95 B = 245.

Étape 2

Assurez-vous que votre texte bleu reste sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> 3D> Rotation. Entrez les paramètres indiqués ci-dessous et cliquez sur D'accord.

Étape 3

Choisissez le Outil de type (T) et ajouter une seconde "Bleu" morceau de texte. Utilisez les mêmes attributs de police et définissez sa couleur sur R = 235 G = 47 B = 38.

Étape 4

Assurez-vous que votre texte rouge reste sélectionné et allez à Effet> 3D> Rotation. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les paramètres indiqués ci-dessous et cliquez sur D'accord.

5. Comment créer le fond

Étape 1

Choisissez le Outil Rectangle (M) et créer un 870 x 560 px forme. Remplissez cette nouvelle forme avec R = 242 G = 242 B = 248, l'envoyer à l'arrière (Shift-Control- [), et assurez-vous qu'il couvre tout votre plan de travail.

Étape 2

Sélectionnez votre rectangle, ajoutez 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. Commencez par remplacer la couleur à plat par le dégradé radial indiqué ci-dessous. Utilisez le Outil de dégradé (G) pour étirer votre dégradé comme indiqué ci-dessous. Baisser sa Opacité à 5% et changer le Mode de fusion à Multiplier, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

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 à partager votre résultat final dans la section commentaires.

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