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

Ce que vous allez créer

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

Pour commencer, vous apprendrez à créer un morceau de texte de base et à le transformer en objet 3D à l'aide de l'effet Extrusion 3D et biseautage. Ensuite, vous apprendrez à sélectionner rapidement un ensemble de formes ayant des attributs similaires et à les transformer en chemins composés. Enfin, vous apprendrez à colorer et à organiser vos formes, à créer un arrière-plan simple et à ajouter des ombres subtiles à l'aide de l'effet Transformer..

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 avec du texte

Étape 1

Frappé Contrôle-N créer un Nouveau document. Sélectionner Les pixels du Unités menu déroulant. Entrer 850 dans le Largeur boîte et 600 dans le la taille case puis cliquez sur le Avancée bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur le Créer un document bouton.

Aller à Édition> Préférences> Unités et assurez-vous que les trois unités de mesure sont toutes définies en pixels.

Étape 2

Choisissez le Outil de type (T) et se concentrer sur la Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police étendue Silkscreen et définissez la Taille à 200 px.

Déplacez-vous sur votre planche et cliquez simplement dessus. Ajoutez votre texte et définissez sa couleur sur R = 251 G = 137 B = 100.

2. Comment ajouter un effet 3D et le développer

Étape 1

Assurez-vous que votre texte est toujours sélectionné et allez à Effet> 3D> Extrusion et biseautage. Clique le Plus d'options bouton, entrez tous les attributs ci-dessous, puis cliquez dessus. D'accord bouton. À la fin, les choses devraient ressembler à l'image suivante.

Étape 2

Avec votre morceau de texte toujours sélectionné, allez à Objet> Développer l'apparence. Assurez-vous que le groupe de formes obtenu reste sélectionné et cliquez sur le bouton Maj-Contrôle-G raccourci clavier trois fois pour se débarrasser de tous ces groupes et sous-groupes.

Déplacer vers le Couches panneau (Fenêtre> Calques), Développer le calque existant, et vous devriez avoir un tas de formes comme indiqué dans l'image suivante.

3. Comment colorer et organiser votre texte

Étape 1

Choisissez le Outil de sélection (V) et sélectionnez toutes les formes qui constituent la partie supérieure de votre texte 3D. Il suffit d'aller à Objet> Chemin composé> Marque ou utilisez le Contrôle-8 raccourci clavier pour transformer les formes sélectionnées en un chemin composé.

Assurez-vous que votre chemin composé reste sélectionné, amenez-le à l'avant à l'aide du bouton Shift-Control-] raccourci clavier, puis concentrez-vous sur la Apparence panneau (Fenêtre> Apparence). 

Tout d'abord, remplacer le existant Remplir couleur avec R = 255 G = 200 B = 0, puis sélectionnez le Accident vasculaire cérébral. Définissez sa couleur sur R = 46 G = 58 B = 58 puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 4 px, et n'oubliez pas de vérifier que Joindre rond bouton.

Étape 2

Focus sur le Couches panneau existant, ouvrez le calque existant et le chemin d'accès composé créé à l'étape précédente doit se trouver en haut. Il suffit de le renommer "Haut" et alors Décocher cette icône pour le rendre invisible pour l'instant.

Maintenant, vous devez sélectionner toutes les formes qui constituent la base de votre texte 3D. En utilisant le Outil de sélection (V), sélectionnez une seule de ces formes et allez à Sélectionnez> Même> Apparence. Ce sera essentiellement sélectionner toutes les formes avec le même Apparence attributs de votre document. 

Une fois que vous avez sélectionné toutes ces formes, transformez-les en un nouveau chemin composé (Contrôle-8). Assurez-vous que ce nouveau chemin composé reste sélectionné, remplacez le chemin existant. Remplir couleur avec le noir (R = 0 G = 0 B = 0), et l'envoyer à l'arrière en utilisant le Shift-Control- [ raccourci clavier.

Retour à la Couches panneau et faites défiler vers le bas du panneau pour accéder au chemin composé créé à cette étape. Renommez-le "Base"puis verrouillez-le pour vous assurer de ne pas le sélectionner ou le déplacer par accident.

Étape 3

N'hésitez pas à ignorer cette étape, car les étapes suivantes ne modifieront pas l'apparence de votre conception finale. Suivez-le uniquement si vous aimez avoir votre Couches panneau propre et bien organisé.

Fondamentalement, vous devez supprimer tous les côtés latéraux de votre texte 3D qui finiraient par être masqués une fois que vous aurez rétabli la visibilité "Haut"chemin composé. Passez d'une lettre à une autre, sélectionnez les formes non souhaitées et supprimez-les simplement à l'aide de la touche Effacer clé. En fin de compte, les choses devraient ressembler à la cinquième image.

4. Couleur et organiser les côtés latéraux de votre texte

Étape 1

Sélectionnez une de ces formes brun clair et allez à Sélectionner> Identique> Couleur de remplissage sélectionner le reste des formes avec le même Remplir Couleur. Assurez-vous que toutes ces formes restent sélectionnées et concentrez-vous sur Apparence panneau.

Remplacer l'existant Remplir couleur avec R = 0 G = 173 B = 236 puis sélectionnez le Accident vasculaire cérébral. Définissez sa couleur sur R = 46 G = 58 B = 58 puis ouvrez ça Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 4 px, et n'oubliez pas de vérifier que Joindre rond bouton.

Étape 2

Sélectionnez une des formes brunes restantes et retournez à Sélectionner> Identique> Couleur de remplissage. Assurez-vous que toutes ces formes restent sélectionnées et revenez à la Apparence panneau.

Remplacer l'existant Remplir couleur avec R = 252 G = 130 B = 119 puis sélectionnez le Accident vasculaire cérébral. Définissez sa couleur sur R = 46 G = 58 B = 58 puis ouvrez ça Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 4 px,et n'oubliez pas de vérifier que Joindre rond bouton.

5. Ajouter un fond et une ombre simple

Étape 1

En utilisant le Outil Rectangle (M), créé un 850 x 600 px forme. Assurez-vous qu’il couvre l’ensemble de votre planche d’art et réglez le Remplir couleur à R = 0 G = 173 B = 236.

Étape 2

Aller au Couches panneau et déverrouiller ça "Base"chemin composé. Sélectionnez-le et déplacez-le vers le Apparence panneau.

Changer la Mode de fusion à Lumière douce et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px et mettre le Jointures à Rond. Cliquez dessus D'accord bouton et aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer-Horizontal curseur vers 0,2 px, entrer 100 dans le Copies zone, cliquez sur le D'accord bouton, et vous avez terminé.

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 d'excellentes sources d'inspiration sur GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..