La création de typographies 3D avec le projet 36 days of Type

Fin mars, Adobe a annoncé son partenariat avec 36 Days of Type afin de célébrer l’art de la typographie en général. L’objectif ? Donner aux artistes, aux designers et aux créatifs la chance de percevoir la beauté des caractères typographiques et de s’en inspirer. Et pour cette nouvelle édition, les équipes Adobe Stock 3D, Adobe Dimension et Adobe Fonts ont vraiment fait des prouesses.

S’inspirant de la police Adobe Trajan , elles ont créé une collection de 40 assets 3D (26 lettres, 10 chiffres et quatre symboles). Ces modèles sont disponibles gratuitement dans cette collection Adobe Stock, et tous les membres de la communauté des créatifs peuvent les utiliser en l’honneur de 36 Days of Type. Ces assetsconçus pour Dimension reposent sur une conception souple et modulaire permettant aux artistes de personnaliser facilement chaque modèle.

Nous avons par ailleurs travaillé avec Erin Kim, Senior Product Designer de l’équipe Dimension, pour vous présenter des exemples de personnalisation de ces ressources 3D dans Dimension.

Erin Kim a toujours voulu participer à 36 Days of Type. Ce projet permet aux designers comme elle de trouver l’inspiration dont ils ont besoin chaque jour à titre personnel et professionnel. Erin reconnaît qu’autrefois, elle aurait hésité à se lancer dans un projet d’une telle envergure. Et on la comprend. Il est parfois tentant de rester dans sa zone de confort.

Avec l’introduction de l’alphabet 3D sur Adobe Stock et les fonctionnalités Dimension actualisées, Erin a trouvé l’inspiration et créé quelques rendus à couper le souffle, qui montrent comment exploiter ces précieuses ressources. Elle a ainsi pu mettre à profit ses compétences en design et prouver qu’avec un peu de créativité, n’importe qui peut produire des caractères 3D.

Lorsque vous intégrez ces modèles dans Dimension, chaque lettre apparaît dans le panneau Scène en même temps que quatre calques : Fill, Indent, Border et Inlay. Grâce à ces calques et à quelques astuces en matière de workflow, Erin Kim a pu créer une version personnalisée de ces ressources.. Si vous utilisez Dimension pour la première fois, nous vous conseillons de suivre les tutoriels de prise en main. Celui intitulé Utilisation de banques d’images 3D et autres ressources dans Dimension est parfait pour commencer.

Conseil nº 1 : N’hésitez pas à tout décomposer

Erin recommande en premier lieu de ne pas hésiter à décomposer, puis recomposer ces objets. Dans Dimension, vous pouvez sélectionner des parties d’un modèle avec l’outil « Baguette magique », puis les couper, les copier et les coller. Les modèles préconfigurés se prêtent parfaitement à la personnalisation.

Dans l’exemple ci-dessus, Erin a personnalisé les ressources en quelques étapes simples.

• Étape 1 : Commencez par masquer les calques Inlay et Border du modèle en cliquant sur l’icône d’œil, puis utilisez l’outil « Échelle » pour élargir le calque_ Indent_. Ensuite, masquez les calques Fill et Indent, et affichez à nouveau le calque Border.
• Étape 2 : Utilisez l’outil « Baguette magique » pour sélectionner une partie du calque Border et la supprimer de manière à ne conserver qu’un seul contour de bordure. Ensuite, affichez à nouveau tous les calques masqués.
• Étape 3 : Utilisez l’outil « Rotation » pour voir la ressource de côté, puis effectuez un copier-coller ou appuyez sur la touche Alt en faisant glisser le calque _Borde_r pour en afficher plusieurs. Ensuite, à l’aide de l’outil « Déplacement », faites glisser deux des calques Border vers l’arrière pour obtenir l’effet souhaité. Erin a aussi épaissi le caractère à l’aide de l’outil « Échelle ».

Conseil nº 2 : Soyez audacieux dans vos choix de motifs et d’images

Selon Erin, les débutants en 3D peuvent s’appuyer sur leurs compétences en 2D pour produire une scène 3D à partir d’images. Le panneau Ressources de Dimension, qui propose maintenant différentes matières Substance, contient de beaux motifs paramétrables permettant à un artiste de personnaliser facilement le résultat final.

Pour obtenir le même style visuel qu’Erin dans ce rendu, suivez ces quelques étapes simples.

• Étape 1 : Commencez par double-cliquer sur le calque _Fill _de votre modèle pour ouvrir le panneau des propriétés des matières. Ensuite, cliquez sur la matière « Tissu à rayures » dans le panneau « Fichiers pour débutants » de Dimension pour l’appliquer à votre calque Fill.
• Étape 2 : Il se trouve que cette matière est scindée en trois parties que vous pouvez personnaliser séparément. Cliquez sur la première couleur, puis utilisez le curseur de couleur de la fenêtre contextuelle pour la modifier. Faites de même avec les autres couleurs. À ce stade, vous pouvez aussi ajuster les propriétés des matières (rugosité, opacité, etc.) pour chacune des couleurs.

N’hésitez pas à tester les paramètres dans le panneau propriétés des matières pour créer du sur-mesure. Rien ne vaut l’expérimentation.

Conseil nº 3 : Sortez du lot et personnalisez

Tous les artistes et designers aiment ajouter leur touche personnelle. Dans Dimension, vous pouvez le faire en insérant votre propre image. En opérant un glisser-déposer sur _Fill _et en passant du mode Décalcomanie au mode Fond, vous pouvez vous approprier ces ressources 3D tout en exploitant votre sensibilité artistique.

Pour ajouter une image en tant que décalcomanie (comme Erin l’a fait ici avec une petite image Illustrator), il suffit de suivre quelques étapes simples.

• Étape 1 : Faites glisser l’une de vos images du panneau Bibliothèque Creative Cloud et déposez-le sur votre modèle 3D. Vous pouvez également effectuer un copier-coller directement depuis Illustrator.
• Étape 2 : Dans la section « Position du panneau des propriétés des matières », sélectionnez Fond au lieu de Décalcomanie et Miroir au lieu de Reproduire.
• Étape 3 : Vous pouvez augmenter la valeur Reproduire et modifier l’angle et le décalage. Votre image apparaîtra ainsi plusieurs fois sur la ressource. Pour changer le positionnement de ces images, testez différentes valeurs de décalage jusqu’à ce que vous soyez satisfait du résultat.

Vous hésitez encore ? Rassurez-vous, avec ces ressources typographiques 3D, il est également possible de faire simple pour débuter, comme appliquer différentes couleurs à chaque lettre pour créer un style, une composition et une apparence uniques.

Avec 36 Days of Type, nous espérons que vous allez pouvoir exprimer votre créativité avec les polices, mais aussi créer des caractères 3D à votre goût en vous aidant de ce tutoriel. Nous sommes tous impatients de voir le résultat. Amusez-vous bien !