Quelques fois par mois, nous revoyons certains des articles préférés de nos lecteurs au cours de l'histoire de Vectortuts +. Ce tutoriel de Jonathan a été publié le 24 février 2009.
Ce tutoriel est parfait pour le débutant avancé qui souhaite améliorer ses compétences. Nous allons explorer comment créer du texte 3D et utiliser la profondeur de champ pour améliorer une conception..
Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez VECTORTUTS PLUS pour seulement 9 / mois.
Commencez par taper chaque lettre séparément pour pouvoir ajuster l'angle et les qualités 3D de chacune. J'utilise une police appelée Futura Bold. Je vous recommande d'utiliser une police qui n'est pas mince et délicate. Plus la police a de poids, mieux c'est.
En outre, utilisez une couleur grise ou claire pour que vous puissiez voir à quoi ressemble votre texte 3D lorsque vous passez à l'étape suivante..
Allez à Effet> 3D> Extruder et biseauter? Entrez les variables où j'ai mis en évidence ci-dessous pour obtenir l'apparence indiquée.
Même après avoir appliqué les effets 3D souhaités pour votre lettre, vous pouvez également continuer à faire pivoter la lettre selon l'angle de votre choix, comme je l'ai fait ci-dessous. Utilisez simplement l'outil de sélection (V) pour faire pivoter la lettre..
Cliquez sur une couleur et l'ombrage sera automatiquement appliqué aux différentes faces de la lettre.
Utilisez la même technique sur les autres lettres. Utilisez la palette Swatches pour sélectionner rapidement une gamme de couleurs vives et les appliquer à chaque lettre..
Créez une profondeur de champ (l'apparence d'objets plus proches et plus éloignés) en sélectionnant Effet> Flou> Flou gaussien? Entrez la variable ci-dessous et cliquez sur OK.
Remarque: assurez-vous qu'il ne sera pas nécessaire de redimensionner votre lettre après avoir appliqué le flou, car les effets de flou ne sont pas redimensionnés quelles que soient les préférences que vous avez définies dans Adobe Illustrator..
Pour créer une plage de focale encore plus large, vous pouvez attribuer à différentes lettres une valeur de flou unique..
Observez comment l'angle, l'échelle, le flou et la couleur jouent tous un rôle dans la perception du mot entier. Chaque lettre a une qualité aléatoire à ce sujet. L'échelle est variée pour suggérer la distance. Encore une fois, le flou renforce la profondeur et les couleurs sont vives et ne se répètent pas les unes à côté des autres..
Tapez le reste de la phrase. La police que j'utilise est Bickham Script. Comme vous pouvez le constater, la police est très différente de la police dans laquelle le mot "Ludique" est écrit. Cela crée une belle plage et contraste entre les deux. Faites la même chose pour votre mise en page.
Utilisation de l'outil Rectangle arrondi pour dessiner un rectangle comme indiqué ci-dessous.
Remarque: vous pouvez régler la courbure des coins en maintenant la flèche vers le haut ou vers le bas pendant que vous dessinez la forme..
Remplissez le rectangle avec un dégradé à 3 points. La couleur verte la plus à droite permet de créer un vert légèrement plus foncé qui encadrera encore plus le rectangle..
Déplacez le texte sur l'arrière-plan. Pour appliquer un dégradé au texte, vous devez d’abord le transformer en contours. Allez dans Type> Créer des contours. Maintenant, sélectionnez le texte et donnez-lui un subtil dégradé de gris à blanc.
Pour rendre le texte encore plus 3D, ajoutez un éclat interne en sélectionnant Effet> Styliser> Inner Glow? Sélectionnez Écran dans le menu déroulant Mode. Entrez environ 75 pour l'opacité et réglez le flou à votre goût.
Maintenant que la lettre semble un peu arrondie, nous allons aller un peu plus loin et ajouter une ombre portée. Allez à Effet> Styliser> Ombre portée? Définissez le mode sur Multiplier (pour que l’ombre se mélange bien à l’arrière-plan). Réglez votre opacité à environ 20 et donnez-lui le flou souhaité.
Voici à quoi devrait ressembler votre design.
Nous allons donner à certains visages de chaque lettre un aspect amélioré en leur donnant des dégradés. Tout d’abord, faites une copie de la lettre. Sélectionnez la copie et allez à Objet> Développer l'apparence. Maintenant, allez à Objet> Dissocier. Continuer à dissocier l'objet jusqu'à ce que vous puissiez sélectionner la face de l'objet.
Sélectionnez la face de la lettre et donnez-lui un dégradé de rouge à foncé.
Vous pouvez maintenant supprimer les parties restantes de la lettre sur lesquelles vous n'avez pas appliqué de dégradé. Placez le visage de la lettre sur la lettre avec les effets 3D qui lui sont appliqués.
Utilisez cette même technique pour créer de la profondeur sur les autres lettres qui en ont besoin. Pour les cas où les lettres sont floues, appliquez simplement le même flou sur le visage de cette lettre. Pour voir le flou d'une lettre, double-cliquez sur cet effet dans la palette Apparence..
Ensuite, nous allons donner au fond un motif de cercle aléatoire. Tracez un cercle à l'aide de l'outil Ellipse (L). Pour les besoins de ce didacticiel, j'ai utilisé un cercle noir, mais celui-ci doit être blanc ou de la couleur souhaitée pour votre motif. Faites glisser le cercle dans la palette Brosses. Le dialogue à l'étape suivante s'ouvrira?
Sélectionnez New Scatter Brush et cliquez sur OK?
Sélectionnez Aléatoire pour Taille, Espacement et Dispersion. Ensuite, faites glisser les petits triangles des deux côtés du curseur pour les trois options. Cela garantira que le motif de cercle est varié et pas trop répétitif. Cliquez sur OK.
Dans la palette Pinceaux, sélectionnez le pinceau circulaire que vous venez de créer. Sélectionnez l'outil Pinceau (B) et tracez une ligne arbitraire. Votre ligne sera remplacée par un motif de cercle similaire à celui ci-dessous. Si vos cercles ne sont pas aussi aléatoires que vous le souhaitez, il vous suffit de double-cliquer sur le cercle dans la palette Formes pour modifier les paramètres..
Placez les cercles sur leur propre calque derrière les lettres. N'hésitez pas à dessiner plus de lignes ou à copier-coller l'autre motif de cercle pour créer une masse de cercles.
À l'aide de l'outil Ellipse, tracez un cercle et appliquez-lui un remplissage radial avec un dégradé à 3 points. L'utilisation de 3 points vous permettra de donner au cercle un point fort supplémentaire qui ajoutera à son réalisme. Copiez et collez cette forme à d'autres moments de la mise en page..
Vous pouvez créer d'autres formes à l'aide de formes différentes telles que des carrés, des triangles et des versions délimitées de chaque forme pour que les choses restent intéressantes..
À l’aide de l’outil Crayon (N), dessinez des formes irrégulières qui serviront de mousse ou de verdure générale sur les lettres..
Lorsque vous dessinez avec l'outil Crayon, il est parfois difficile de fermer la forme. Le moyen le plus simple de fermer une forme consiste à maintenir la touche Option enfoncée lorsque vous vous approchez du point de départ de la forme. Cela fermera automatiquement la forme.
Ajouter d'autres formes et leur donner un dégradé vert à vert foncé.
Pour faire des vignes, j'ai simplement utilisé l'un des caractères alternatifs inclus dans la police Bickham Script. Si votre police n’a pas de caractères alternatifs, vous pouvez utiliser des parties d’autres lettres, comme un S par exemple. Sinon, vous aurez besoin de dessiner des formes bouclées à l’ancienne? Utilisation d'une tablette Wacom et de l'outil Plume.
Créez une forme de feuille de la même manière que pour les formes en mousse. Vous vous améliorerez en dessinant des formes plus vous pratiquez.
Pour amplifier l'aspect de la feuille, donnez-lui une lueur intérieure en allant dans Effet> Styliser> Inner Glow?
Voici à quoi devrait ressembler votre mise en page.
Nous allons donner un peu de mouvement à l'arrière-plan en utilisant l'outil Plume (P) pour dessiner une forme similaire à celle ci-dessous..
Dupliquez la forme plusieurs fois et ajustez l'opacité pour en réduire l'apparence. Donne un flou ténu à certaines des formes pour créer à nouveau l’illusion que certains des swooshes sont plus éloignés.
À l'aide de l'outil Rectangle, dessinez un rectangle et attribuez-lui un dégradé en 4 points avec du blanc aux deux extrémités..
Placez le dégradé sur le fond et donnez-lui un flou. Dans la palette Transparence, définissez la forme sur Multiplier afin qu'elle se mélange bien avec l'arrière-plan. N'hésitez pas à ajuster l'opacité si nécessaire.
Voici l'image finale. Vous venez d'apprendre à créer une conception de lettre 3D vectorielle. À votre santé!
Abonnez-vous au flux RSS VECTORTUTS pour rester informé des derniers tutoriels et articles sur les vecteurs.