Créer un traitement typographique à la vapeur - Partie I

Que vous soyez un fan de Steampunk ou non, ce didacticiel en deux parties vous permettra de tester vos connaissances sur Illustrator, Cinema 4D et Photoshop. Dans la première moitié, nous allons personnaliser une police Blackletter et créer un texte 3D avec des formes vectorielles. Il y a beaucoup à faire, alors commençons par la première partie de cette série en deux parties!

introduction

Dans ce type de traitement, je cherchais à associer une police Blackletter au séduisant style Steampunk. Une recherche rapide sur le net sur le mouvement montrera un style bien défini et quelques leitmotifs dominants. Les moteurs à vapeur qui font rage, les gaz d'échappement sifflants et les métaux brillants sont la norme. Conformément aux directives, j'ai créé cette illustration..

Assurez-vous de consulter l'un de nos autres didacticiels Steampunk sur Psdtuts +, Comment créer une illustration de style Steampunk dans Photoshop pour vous inspirer et utiliser certains gadgets Steampunk traditionnels!

Aperçu de l'image finale

Regardez l'image que nous allons créer. Voici ce que nous allons réaliser à la fin de ces deux parties.

Pour l'instant cependant, nous allons essayer d'aller aussi loin.

Étape 1

Le premier programme sur la liste d'aujourd'hui est Illustrator. Démarrez-le, créez un nouveau document Web avec les paramètres standard et tapez votre mot en utilisant cette police gratuite.

Étape 2

Comme vous pouvez le constater lorsque vous effectuez un zoom avant, la police a de nombreux bords dures car elle est gratuite et n’est pas destinée à être utilisée à des fins d’affichage. Nous voulons une police propre, comportant peu de points de terminaison, qui ne révèle aucun bogue dans Cinema 4D. Baissez donc l'opacité du texte et créez un nouveau calque. Verrouillez le calque précédent et commencez à tracer votre propre version de la première lettre.

Étape 3

Essayez de garder les lignes aussi lisses et naturelles que possible. Vous pouvez choisir de suivre les contours par la lettre (jeu de mots totalement prévu) ou de créer une version légèrement différente, comme je l’ai fait..

Étape 4

Créez un nouveau calque en dessous et créez deux barres par-dessus les anciennes. Alors que la couleur n'a pas d'importance, j'ai choisi différentes valeurs pour rendre le tutoriel facile à suivre..

Étape 5

Ensuite, sur un calque situé au-dessus, créez des points avec l’outil Ellipse (E). Créez également un rectangle avec l'outil Rectangle (M) et faites-le pivoter de 45 degrés..

Étape 6

Puis tracez le… tourbillonnant près du centre. Une fois que vous avez fait cela, allez à Objet> Chemin> Décalage du chemin. Utilisez les valeurs indiquées ci-dessous.

Étape 7

Localisez votre Pathfinder (Fenêtre> Pathfinder) et cliquez sur l'icône Découper..

Étape 8

Sélectionnez l'outil de sélection directe (A) ou la flèche blanche et cliquez tout d'abord pour vous éloigner de l'objet, puis au centre. Supprimer cette partie.

Étape 9

Maintenant tracez le reste du mot.

Étape 10

Copiez toutes les faces des lettres et collez-les sur un calque séparé (Commande + F).

Étape 11

Aller à l'objet> Développer l'apparence.

Étape 12

Allez dans Fenêtre> Coup et donnez au texte un trait de 1 point.

Étape 13

Vous devez maintenant cliquer et revenir à la partie supérieure du texte. Pour une raison quelconque, vous ne pouvez pas modifier l’alignement du trait de tous les éléments à la fois. Quoi qu'il en soit, modifiez l'alignement en cliquant sur l'icône du milieu. En outre, changer le poids à 7 points.

Étape 14

Maintenant, allez à Objet> Développer l'apparence.

Étape 15

Coupez-le avec le Pathfinder.

Étape 16

Puis le compenser de -2,4 pt.

Étape 17

Coupez-le à nouveau pour aplanir l'effet.

Étape 18

Maintenant, vous pouvez utiliser l'outil de sélection directe (A) pour supprimer le centre.

Étape 19

Répétez cette procédure pour toutes les parties restantes du texte.

Étape 20

Maintenant, enregistrez-le en tant que fichier Illustrator 3. Cinema 4D ne pourra pas accéder aux formats ultérieurs.

Étape 21

Notre deuxième choix de logiciel est Cinema 4D. Créez une nouvelle scène et allez dans Fichier> Fusionner et localisez le fichier Illustrator 3. Cliquez sur Ouvrir pour que le fichier soit placé à l'intérieur de la scène. Allez maintenant dans votre panneau Objets et maintenez la touche Maj enfoncée tout en cliquant sur les neuf premiers chemins. Supprimer ceux-ci. Ce sont des marqueurs de coin que vous obtenez lors de l'importation du fichier Illustrator..

Étape 22

Éloignez les chemins cinq et six du groupe en les faisant glisser tout en maintenant la touche Maj enfoncée, puis faites-les glisser sur le groupe dans le menu Objet. Tout objet que vous souhaitez extruder individuellement, vous devrez le séparer du groupe..

Étape 23

Maintenant, cliquez sur le bouton Add HyperNURBS et faites-le glisser, puis relâchez-le sur Extrude NURBS..

Étape 24

Tout en maintenant la touche Maj enfoncée, cliquez sur les deux chemins et faites-les glisser au-dessus des NURBS d'extrusion..

Étape 25

Cochez la case Hiérarchique. Cela signifie que l'extrusion affectera tous les objets placés sous l'extrusion NURBS..

Étape 26

Cliquez sur l'onglet Caps et modifiez les paramètres comme indiqué ci-dessous..

Étape 27

Après avoir effectué cette opération pour chaque partie des lettres, déplacez Extrude NURBS d'avant en arrière jusqu'à ce que les tracés soient alignés en différents points de l'espace. De plus, cliquez de nouveau sur l'onglet Objet et réglez le mouvement sur 40..

Étape 28

Choisissez le détail du centre et répétez le processus expliqué ci-dessus. Il suffit de changer le mouvement à 20 mètres.

Étape 29

Suivant sont les chemins de points. Vous pouvez voir plus d'onglets à la fois en maintenant la touche Maj enfoncée et en cliquant sur deux ou plus, dans ce cas, Object et Caps. Utilisez les paramètres suivants. Notez que nous avons changé l'apparence des bords d'un coin arrondi à un demi-cercle..

Étape 30

Créez ensuite le même effet d’extrusion pour les chemins 1, 2 et 3, mais avec une valeur de mouvement de 30 m..

Étape 31

Pour le diamant, utilisez des valeurs légèrement différentes. Nous avons également limité les effets à la taille d'origine en cochant la case Contraindre pour les points et les losanges. Faire cela avec de petits objets peut créer des artefacts ou des bugs visuels. Cela se produit lorsque l'effet contraint s'étend au-delà des dimensions de l'objet.

Étape 32

Créer un effet gravé sur la tige qui relie la lettre.

Étape 33

Utilisez les paramètres suivants pour le dernier point.

Étape 34

Finnois de la première lettre en extrudant les frontières.

Étape 35

Faites la même chose pour les lettres restantes.

Étape 36

Copiez la bielle (Commande + C) et collez-la (Commande + V). Cela va le coller exactement à la même position.

Étape 37

Utilisez l'outil de déplacement pour repositionner la tige dans la lettre suivante.

Étape 38

Sur le côté gauche de l'interface, vous avez différentes méthodes pour sélectionner un objet. Nous voulons déplacer uniquement les points d'extrémité supérieurs afin de redimensionner la tige. Tout d’abord, masquez l’effet d’extrusion en cliquant sur la coche verte dans le menu Objets. Sélectionnez ensuite l'outil Point et outil de déplacement (mis en évidence dans la capture d'écran suivante) et maintenez la touche Maj enfoncée tout en cliquant sur les deux extrémités.

Étape 39

Faites glisser la flèche jaune vers le bas jusqu'à ce que les points disparaissent à l'intérieur de la lettre..

Étape 40

Faites la même chose pour les extrémités inférieures jusqu'à ce qu'elles atteignent la boucle inférieure et ramenez les NURBS d'extrusion..

Étape 41

Il est temps d'ajouter une source de lumière à la scène. Pour l'éclairage, nous allons nous appuyer sur un environnement de carte HDRI et un Area Light. Tout d'abord ajouter une zone de lumière.

Étape 42

Amenez-le sur le texte avec l'outil de déplacement.

Étape 43

Faites-le pivoter de 45 degrés avec l'outil Rotation.

Étape 44

Modifier les dimensions en faisant glisser les extrémités à l'aide de l'outil de déplacement.

Étape 45

Maintenant, ajoutez un objet ciel.

Étape 46

Créer un nouveau matériau à partir du menu Matériau.

Étape 47

Double-cliquez sur l'icône de matériau dans le menu pour afficher l'éditeur de matériaux. Décochez toutes les cases et activez Luminance. Vous aurez maintenant besoin de cette collection de cartes HDRI gratuite. Rappelez-vous où vous le placez et n'en faites pas un endroit temporaire. Essayez de trouver un endroit sûr, car vous risquez peut-être de lier davantage de fichiers à ces fichiers HDR. Après avoir appuyé sur Ouvrir, il vous sera demandé si vous souhaitez copier le fichier HDR dans le dossier racine. Vous pouvez le faire ou appuyer sur Non si vous ne déplacez pas le dossier après ce moment..

Étape 48

Cliquez sur le bouton trois points et recherchez le numéro de studio sept dans le dossier. Ouvrez la petite version.

Étape 49

Faites glisser le matériau sur l'objet Sky.

Étape 50

Trouver un angle approprié pour afficher le texte et ajouter une caméra.

Étape 51

Pour activer la caméra, cliquez sur l'icône blanche dans le menu Objet..

Résultat final

Un rendu rapide révélera ce que nous avons fait dans cette première partie du didacticiel. Dans ce rendu, j'ai dupliqué la source de lumière pour plus de luminosité. Vous n'aurez pas besoin de cela pour la partie II cependant. Je te verrai la prochaine fois quand nous ajouterons des textures et une scène à notre texte!