Share
Suivez cette astuce et apprenez à utiliser la typographie pour créer un effet de texte 3D. Cela peut sembler compliqué, mais il ne faut que quelques polices, les options 3D et quelques ajustements supplémentaires à la fin. Commençons!
Commencez par ouvrir un nouveau document Web. Prenez l'outil Texte (T) et tapez "Vecteur" ou tout autre mot. La police que j'ai utilisée s'appelle Becker Black NF et se trouve ici. Allez dans le menu Objet et sélectionnez Développer puis Dissocier. Nous utiliserons ces lettres uniquement comme référence afin d’organiser tous les mots qu’elles contiennent..
Avant de commencer à construire les nouvelles lettres à partir de mots, laissez-moi vous expliquer les manières de le faire et les outils dont vous avez besoin. Dans l'image ci-dessous, vous pouvez voir cinq exemples. Comme indiqué dans le premier exemple, prenez simplement l'outil Texte (T) et commencez à taper le mot de votre choix. La même chose vaut pour l'outil de type vertical (exemple 2). Exemple 3: utilisez l’outil de type vertical pour taper le mot puis faites-le pivoter de 90 degrés. La même chose que j'ai faite dans l'exemple 4 mais cette fois-ci, j'ai fait pivoter le mot moins 20 degrés ou autant que nécessaire jusqu'à ce qu'il corresponde au bord de la lettre. Exemple 5: tracez un chemin à l’aide de l’outil Plume (P) puis passez à Type sur un outil de chemin, cliquez sur le chemin et commencez à taper. Tous les autres mots ont été écrits en utilisant l’une de ces cinq manières.
Dans le Panneau de caractères (menu Fenêtre> Type> Caractère), en plus du type de police et de la taille que vous utilisez, il est important que le Définir le suivi pour les caractères sélectionnés option. Choisissez une valeur positive si vous souhaitez augmenter l'espace entre les lettres ou une valeur négative, en fonction de la manière dont vous organisez les mots pour qu'ils correspondent tous..
Maintenant, vous pouvez commencer à remplir la lettre "V" avec différents mots. Je recommande de commencer par les plus gros mots et de laisser les plus petits à la fin.
Afin de vous aider, j'ai répertorié dans les images ci-dessous toutes les polices, tailles et valeurs de suivi que j'ai utilisées pour la lettre "V". Je n'ai pas énuméré tous les autres pour ne pas rendre le tutoriel trop ennuyeux, mais au fond, ils répètent tous.
Parmi les polices montrées dans les images sont Indochine NF que l'on peut trouver ici et Anja Eliane à partir d'ici. Vous devriez avoir le reste dans la liste des polices d'Illustrator.
Continuez avec la lettre "E"
Voici les deux lettres suivantes,
et les deux derniers.
Lorsque vous avez terminé, accédez au menu Objet et sélectionnez Développer l’apparence, puis Développer. Maintenant, vous devez organiser tous les mots comme indiqué pour la lettre "V", car si vous les laissez dans un ordre aléatoire après avoir appliqué l'effet 3D, tout aura l'air faux. Faites la même chose pour les autres lettres.
Sélectionnez trois mots de chaque lettre et remplissez-les avec les trois nuances de rose ou toute autre couleur. Lorsque vous avez terminé, changez la couleur de remplissage de tous les autres en gris. Si vous souhaitez terminer plus rapidement, sélectionnez une seule des lettres noires, puis sélectionnez Menu> Identique> Couleur de remplissage. A la suite de cette action, toutes les lettres noires seront sélectionnées et vous pourrez les remplir de gris en une fois..
Maintenant que toutes les lettres sont prêtes, sélectionnez-les toutes et, dans le menu Objet, choisissez Groupe. Ensuite, allez au menu Effets> 3D et appliquez l’effet Extrusion et biseautage en utilisant les paramètres indiqués. Cliquez sur le bouton Plus d'options pour ouvrir la boîte de dialogue entière et déplacez légèrement la lumière comme indiqué. Sélectionnez Développer l’apparence dans le menu Objet lorsque vous avez terminé..
Plus tôt, nous avons utilisé trois nuances de rose. Sélectionnez à l’aide de l’outil de sélection directe (A) une seule des lettres (la face avant) que vous avez remplies avec la nuance plus claire du rose, puis sélectionnez Menu> Même> Couleur de remplissage. À la suite de cette action, tous les mots remplis avec cette couleur seront sélectionnés et vous pourrez remplacer la couleur de remplissage par le dégradé affiché pour tous en même temps. Définissez la valeur d'angle sur moins 10 degrés.
Répétez cette étape pour les mots qui ont été remplis avec les deux autres nuances de rose et utilisez les dégradés indiqués.
Sélectionnez ensuite à l'aide de l'outil de sélection directe (A) la face avant de l'une des lettres grises, sélectionnez Menu> Même> Couleur de remplissage, puis utilisez le dégradé indiqué pour remplacer la couleur de remplissage de toutes. Assurez-vous qu'il ne reste pas de lettres grises non sélectionnées avant de continuer..
Maintenant, sélectionnez l’une des lettres remplies à l’étape précédente avec l’Outil de sélection directe (A), puis sélectionnez Menu> Identique> Couleur de remplissage. Une fois que vous les avez tous sélectionnés, copiez-les et collez-les, puis allez au menu Objet> Chemin composé> Créer. Vous obtiendrez le chemin composé bleu indiqué ci-dessous.
Sélectionnez maintenant l'un des côtés avant d'une lettre remplie avec le premier dégradé indiqué à l'étape 8 et répétez ce processus. Vous obtiendrez le chemin composé vert indiqué ci-dessous. Continuez avec les mots remplis avec les deux autres gradients et faites les deux autres chemins composés.
Remarque: Vous ne pouvez pas les coller devant (même si cela aurait été plus facile) car chaque lettre appartient à un groupe différent et vous recevrez un message d'avertissement lorsque vous tenterez de créer le chemin composé..
Une fois que vous avez les quatre chemins composés, réorganisez-les au-dessus du texte 3D. Sélectionnez-les tous les quatre et cliquez sur Ajouter à la zone de forme> Développer dans le panneau Pathfinder. En conséquence, vous obtiendrez un seul chemin composé en noir dans l’image suivante..
Remplissez ce chemin composé noir avec le dégradé indiqué et modifiez la valeur de l’angle à moins 70 degrés. Il s’appelle Neutral 7 et se trouve dans le menu Bibliothèques de Swatch sous Dégradés> Neutres. Changez également le mode de fusion en lumière dure et réduisez l'opacité à 50%..
Copiez et collez devant le chemin composé avec lequel vous avez travaillé à l'étape précédente et supprimez toutes les apparences existantes. Sélectionnez le vert comme couleur de remplissage ou une autre. Copiez et collez-le devant une fois de plus et changez la couleur de remplissage en noir afin de pouvoir vous différencier les uns des autres. Avant de continuer, allez dans le menu Edition> Préférences> Général et réglez l’incrément de clavier sur 0,2 px. Maintenant, déplacez un peu le chemin composé noir en cliquant une fois sur les touches fléchées droite et bas de votre clavier. Sélectionnez les chemins vert et noir, puis cliquez sur Soustraire dans le panneau Pathfinder, puis remplissez le chemin composé résultant en blanc. Changer le mode de fusion en lumière tamisée.
Pour créer l'arrière-plan, tracez un rectangle à l'aide de l'outil Rectangle (M) derrière le texte 3D. Remplissez-le de gris puis ouvrez le menu déroulant dans le panneau Apparence et choisissez Ajouter un nouveau remplissage. Conservez la même couleur de remplissage, puis accédez au menu Effet> Texture et appliquez l'effet Grain. Changez le mode de fusion en Lumière douce, mais uniquement pour ce second remplissage..
Prenez l'outil Ellipse (L) et tracez trois formes ovales, comme indiqué ci-dessous, devant le fond, mais derrière le texte. Remplissez-les de noir puis allez dans le menu Effets> Flou et appliquez un flou gaussien de 15 px. Réglez-les sur Soft Light et réduisez les opacités entre 50 et 80%.
Pour les masquer, copiez et collez devant le rectangle d'arrière-plan et supprimez d'abord les apparences existantes. Sélectionnez cette forme ainsi que les trois ellipses et accédez au menu Objet> Masque d'écrêtage> Créer.
Ajoutons un peu d'ombre et nous avons terminé. Sélectionnez le groupe de mots 3D (pas les deux chemins composés en haut) et allez au menu Effets> Styliser> Ombre portée. Définissez les valeurs comme indiqué et l'effet de texte est prêt.
Voici l'image finale. En plus de choisir les types de polices et de les organiser, ce qui prend du temps et de l'énergie, cet effet est assez simple à créer. J'espère que tu aimes.
Accentsconagua