Comment créer un effet de texte 3D coloré dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte 3D entièrement modifiable et coloré dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à créer un arrière-plan simple et à ajouter du texte. En tirant pleinement parti du panneau Apparence et en vous servant de nombreux remplissages et effets, vous apprendrez à créer votre effet de texte entièrement modifiable. Enfin, vous apprendrez comment enregistrer et utiliser facilement des styles graphiques.

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

1. Créez le fond et ajoutez le 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 1000 dans la zone de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

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 = 0 G = 100 B = 145. Déplacez-vous sur votre planche d’art et cliquez simplement dessus pour ouvrir le Rectangle la fenêtre. Met le Largeur à 860 px et le la taille à 1010 px puis cliquez dessus D'accord bouton. Assurez-vous que cette nouvelle forme recouvre tout votre tableau.

Étape 2

Revenez à la barre d’outils et définissez la couleur de remplissage sur blanc (R = 255 G = 255 B = 255). Choisissez le Outil de type (P) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Milkshake et définissez la Taille à 170 pt. Cliquez simplement sur votre planche et ajoutez le "Changement"morceau de texte comme indiqué ci-dessous.

Étape 3

En utilisant le même outil et les mêmes attributs, ajoutez les trois autres morceaux de texte, comme indiqué dans les images suivantes..

2. Ajouter de la couleur à votre texte

Étape 1

Sélectionnez votre texte en haut. Tout d'abord, supprimez simplement la couleur de remplissage existante, ce qui rendra votre texte invisible.

Déplacer vers le Apparence panneau (Fenêtre> Apparence) et appuyez sur la Ajouter un nouveau remplissage bouton pour ajouter un remplissage pour votre morceau de texte sélectionné. Sélectionnez-le et définissez la couleur sur R = 255 G = 200 B = 0.

Étape 2

Assurez-vous que la partie supérieure du texte reste sélectionnée et continuez à vous concentrer sur la Apparence panneau.

En utilisant le même Ajouter un nouveau remplissage bouton, ajoutez un deuxième remplissage pour votre texte. Sélectionnez-le, définissez la couleur sur blanc, puis cliquez sur le bouton "Opacité"morceau de texte qui représente ce nouveau remplissage pour ouvrir le Transparence panneau fly-out. Changer la Mode de fusion à Recouvrir et baisser le Opacité à 50%.

Étape 3

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

Ajoutez un troisième remplissage et faites-le glisser au-dessus des existants. Sélectionnez-le, définissez la couleur sur R = 255 G = 200 B = 0, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Échelle curseurs à 99,7%, et n'oubliez pas de vérifier le point de référence en bas à gauche.

Étape 4

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

Ajoutez un quatrième remplissage et faites-le glisser sous ceux existants. Sélectionnez-le, définissez la couleur sur R = 255 G = 200 B = 0, et puis aller à Effet> 3D> Extrusion et biseautage. Clique le Plus d'options bouton, entrez tous les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 5

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

Sélectionnez le remplissage du bas et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis ajoutez les trois autres Ombre portée effets montrés ci-dessous.

Étape 6

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

Ajoutez un cinquième remplissage et faites-le glisser sous ceux existants. Sélectionnez-le, définissez la couleur sur R = 255 G = 63 B = 79, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un 15 px offset puis cliquez sur le D'accord bouton.

Étape 7

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

Resélectionnez le remplissage du bas et allez à Effet> 3D> Extrusion et biseautage. Entrez tous les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.

Étape 8

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

Resélectionnez le remplissage du bas et ajoutez les trois Ombre portée effets montrés ci-dessous.

3. Ajouter de l'ombrage pour votre texte

Étape 1

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

Ajoutez un nouveau remplissage et faites-le glisser sous les existants. Sélectionnez-le, définissez la couleur sur noir (R = 0 G = 0 B = 0), puis allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 5 px, clique le D'accord bouton, et aller à Effet> 3D> Extrusion et biseautage. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 15 px puis cliquez sur le D'accord bouton.

Étape 2

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

Resélectionnez ce remplissage noir, abaissez son Opacité à 60% et puis aller à Effet> Flou> Flou Gaussien. Met le Rayon à 15 px puis cliquez dessus D'accord bouton.

Étape 3

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

Resélectionnez ce fond noir et dupliquez-le en utilisant le bouton Dupliquer l'élément sélectionné bouton. Concentrez-vous sur le fond noir et éliminez-le Flou gaussien effet. Aussi, changez le Mode de fusion à Lumière douce et baisser le Opacité à dix%.

Étape 4

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

Ajoutez un nouveau remplissage et faites-le glisser sous les existants. Sélectionnez-le, définissez la couleur sur noir, puis passez à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 5 px, clique le D'accord bouton, et aller à Effet> 3D> Extrusion et biseautage. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 40 px puis cliquez sur le D'accord bouton.

Étape 5

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

Resélectionnez ce remplissage noir en bas, abaissez son Opacité à dix%, et puis aller à Effet> Flou> Flou Gaussien. Met le Rayon à 20 px puis cliquez dessus D'accord bouton.

Étape 6

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

Resélectionnez ce fond noir et dupliquez-le en utilisant le même Dupliquer l'élément sélectionné bouton. Concentrez-vous sur le fond noir et éliminez-le Flou gaussien effet. Aussi, changez le Mode de fusion à Lumière douce et baisser le Opacité à dix%.

Étape 7

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

Ajoutez un nouveau remplissage et faites-le glisser au-dessus des existants. Sélectionnez-le et remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage. Avec ce nouveau remplissage toujours sélectionné, allez à Effet> Pathfinder> Ajouter et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 4 px et frapper le D'accord bouton.

Étape 8

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

Resélectionnez le fond, abaissez son Opacité à 30%, et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 5 px et cliquez sur le D'accord bouton.

Étape 9

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

Resélectionnez le remplissage supérieur et dupliquez-le en utilisant le même Dupliquer l'élément sélectionné bouton. Sélectionnez ce remplissage nouvellement ajouté et remplacez le dégradé linéaire existant par celui illustré ci-dessous. Rappelez-vous que les chiffres jaunes représentent Opacité pourcentage tandis que les bleus représentent Emplacement pourcentage. Une fois que vous avez terminé, réduisez ce remplissage Opacité à 50% et changer le Mode de fusion à Lumière douce, puis cliquez sur l'existant Chemin de décalage effet. Baisser le Décalage à -2 px et cliquez sur le D'accord bouton.

Étape 10

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

Ajoutez un nouveau remplissage et faites-le glisser au-dessus des existants. Baisser sa Opacité à 75%, changer la Mode de fusion à Lumière douce, et remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage. Avec ce nouveau remplissage toujours sélectionné, allez à Effet> Pathfinder> Ajouter et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px et frapper le D'accord bouton.

4. Enregistrer et utiliser un style graphique

Étape 1

Assurez-vous que votre texte supérieur est toujours sélectionné, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques), et cliquez simplement dessus Nouveau style graphique bouton pour enregistrer les attributs de l'objet sélectionné.

Étape 2

Sélectionnez le reste de votre texte et appliquez simplement votre style graphique.

5. Ajouter une nuance subtile pour l'illustration générale

Étape 1

Sélectionnez votre rectangle bleu, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-]). Sélectionnez cette copie et remplacez la couleur de remplissage existante par le dégradé radial indiqué ci-dessous. Encore une fois, rappelez-vous que le zéro jaune signifie Opacité pourcentage et utiliser le Outil de dégradé (G) pour ajuster votre dégradé comme indiqué ci-dessous.

Étape 2

Assurez-vous que le rectangle ajouté à l’étape précédente est toujours sélectionné et modifiez-le. Mode de fusion à Lumière douce.

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 trouverez peut-être d'excellentes sources d'inspiration chez Envato Market, avec des solutions intéressantes pour améliorer votre conception..