La 3D est aujourd’hui bien intégré dans les mœurs et certaines compositions typographiques l’utilisant sont tout simplement magnifiques (tiens un bon sujet d’article du mercredi ça ^^), sans atteindre ce niveau exceptionnel je vous propose de voir comment réaliser avec Illustrator uniquement des lettres en 3D.

Ouvrez un nouveau document, puis prenez l’outil texte. Pour ma part je vais me servir des initiales du blog c'est-à-dire ABT, mais vous pouvez bien entendu vous servir d’autres lettres. Il n’y a qu’une seule règle à appliquer étant donné que l’on travaille sous Illustrator, c’est de ne pas mettre le côté arrondi de certaines lettres du côté apparent lors du passage en 3D. Je reviendrais là dessus lorsque nous ferons le B, avec un exemple concret ça sera plus clair. Ecrivez maintenant la lettre A, toute seule, c’est plus simple ainsi. Pour la police j’ai pris Bigfish Black. La seule contrainte est de prendre une police plutôt carré et d’éviter les polices trop rondes.

 

 

 

 

 

 

 

 

 

 

 

 

Passez votre lettre en blanc. Puis allez dans Effet>3D>Extrusion et biseautage.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Cochez la case « aperçu », je vous conseille également de mettre 70pts dans la profondeur d’extrusion. Puis faites pivoter la lettre comme bon vous semble.

 

 

 

 

 

 

 

 

 

 

Ensuite allez dans Objet>Décomposer l’aspect, afin de pouvoir travailler sur les différentes parties de votre lettre de manière autonome.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Maintenant prenez la flèche blanche, puis sélectionnez le côté de la lettre, la partie la plus large. Ensuite appliquez-lui un dégradé.

 

 

 

 

 

 

 

 

 

 

 

Ensuite sélectionnez l’outil dégradé et réglez votre couleur. Il faut une foncé et une claire, j’ai pris 2 bleus mais vous pouvez très bien choisir autre chose.

 

 

 

 

 

 

 

 

 

Il faut maintenant définir une source de lumière, son orientation. Si cela vous aide dessinez, à l’aide de l’outil ellipse, un cercle représentant votre source lumineuse. Ensuite il faudra dessiner votre dégradé en fonction de cette source. Sur mon fichier elle vient d’en haut à gauche, du coup le dégradé est come ceci :

 

 

 

 

 

 

 

 

 

 

 

 

 

On passe ensuite aux autres morceaux. Celui du haut, pour vous montrer ce que ça fait sur un morceau dans l’autre sens. Vous sélectionnez votre pièce avec la flèche blanche, vous appliquez le dégradé et ensuite à l’aide de l’outil dégradé vous lui donner l’orientation voulu. Il faudra faire ainsi pour tous les morceaux.

 

 

 

 

 

 

 

 

 

 

 

 

 

On passe aux autres morceaux qui se trouvent sur la même face de la lettre.

 

 

 

 

 

 

 

 

 

 

 

 

 

On passe aux morceaux se trouvant à l’intérieur de la lettre. N’hésitez pas à débuter votre dégradé en dehors de la zone afin que la partie claire soit la moins visible possible.

 

 

 

 

 

 

 

 

 

 

 

 

 

Il ne reste plus que la « façade » de la lettre. Commencez par glisser/déposer votre dégradé dans le nuancier afin d’en garder une trace. Puis appliquez un dégradé à la façade. Ensuite faites glisser la couleur foncé vers la gauche puis double cliquez sur la couleur claire afin de choisir une couleur plus foncé que celle de gauche. Le tout en image :

 

 

 

 

 

 

 

 

 

 

 

On passe maintenant à la lettre B. Toujours dans la même taille, de couleur blanche, et transformée ensuite grâce à l’outil Extrusion et Biseautage. Mais ici ne gardez pas les mêmes réglages que pour la lettre A, c’est ce qui va donner l’illusion de la 3D et surtout faire en sorte que la composition soit plus graphique. Vous pouvez utiliser les mêmes réglages que moi en prenant ceux de la photo suivante. Faites par contre très attention, les parties arrondis ne doivent pas être mise en avant, sinon vous seriez très embêté pour appliquer un dégradé.

 

 

 

 

 

 

 

 

 

 

 

 

Maintenant on applique la même méthode pour la lettre B. Décomposer l’aspect et ensuite appliqué un dégradé sur chaque parties en les sélectionnant un par un à l’aide de la flèche blanche. N’oubliez pas de re sélectionner le premier dégradé que vous avez sauvegardé dans votre nuancier, et donc de sauvegarder également le second dégradé.

 

 

 

 

 

 

 

 

 

 

 

Un petit problème se profile à l’horizon, la lettre étant arrondi l’intérieur l’est également, et pour appliquez le dégradé à cet endroit vous allez devoir sélectionner les parties une à une et les fusionner à l’aide du pathfinder « Réunion ».

 

 

 

 

 

 

 

Pour le dessous de la lettre je vous conseille vivement de regrouper le grand morceau avec les trois petits. Et d’appliquer le dégradé ensuite. Vous devriez obtenir ceci :

 

 

 

 

 

 

 

 

 

 

 

 

Et avec la « façade ».

 

 

 

 

 

 

 

 

 

 

 

 

Et il ne reste plus que le « T » dont voici les réglages pour la partie 3D.

 

 

 

 

 

 

 

 

 

 

 

Pas de grandes difficultés pour la suite. Voici ce que vous devriez obtenir.

 

 

 

 

 

 

 

 

 

 

 

 

Il ne reste plus qu’à composer vos lettres. Voici ma proposition :

 

 

 

 

 

 

 

 

Si vous désirez plus de « réalisme » vous pouvez importer séparément vos différentes lettres sous photoshop pour ainsi leur ajouter une ombre. Vous pouvez également choisir une autre police ou même ajouter des motifs ou encore faire plusieurs couleurs différentes pour vos lettres. Vous n’avez que pour seule limite que votre imagination.

 

Read original blog post