Créer un traitement de type métallique à l'aide de Photoshop et Cinema 4D

Dans ce didacticiel, nous expliquerons comment utiliser Cinema 4D et Photoshop pour créer une typographie 3D texturée au métal comportant des tourbillons ornés et décoratifs. Commençons!


Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..

  • Kingthings Police sans caractère
  • Pack de matériel

Étape 1 - Configuration du document

Ouvrez un nouveau document dans Photoshop. Je devrais avoir 7 pouces de largeur et 11 pouces de hauteur. Définissez la résolution de la profondeur sur 300 dpi.

Saisissez l'outil Pot de peinture (G) puis changez la couleur de premier plan en Noir (D) et remplissez le premier calque avec la couleur. C'est simplement pour que nous puissions avoir un bon contraste entre notre type et notre arrière-plan et que nous puissions configurer notre composition plus facilement. Nous changerons le fond plus tard.


Étape 2 - Type

Pour ce tutoriel, je vais utiliser un type de Blackletter appelé "Kingthings Spikeless" que vous pouvez télécharger gratuitement ici. Vous pouvez utiliser la police de caractères que vous préférez, j'ai choisi une police de style Blackletter, car elles sont généralement très audacieuses et complexes dans leur style et cela fonctionne très bien pour ce type de traitement..

Sélectionnez l'outil Texte (T) et tapez votre texte mot par mot, chaque mot devant figurer dans son propre calque pour que nous puissions les organiser correctement. Vous pouvez créer un nouveau groupe (Commande / Ctrl + G) et placer ces couches à l'intérieur pour que les choses restent organisées. Utilisez une taille de police d'environ 135 points ou suffisamment grande pour s'adapter à la toile.

Après avoir disposé le texte dans la position souhaitée, dupliquez le groupe (ou les calques) de votre type et fusionnez-les en un seul calque (Commande / Ctrl + E). Une fois fusionné, passez à l’outil de déplacement (V) et cliquez avec le bouton droit de la souris sur la bordure de transformation. Sélectionnez l'option Incliner et faites glisser le point d'ancrage centre gauche pour transformer le texte.

Après cela, votre texte devrait ressembler à ceci:


Étape 3 - Ornement

Pour l’ornement, je vais d’abord faire un rapide aperçu de la forme que nous allons créer. Créez un nouveau groupe pour tous les calques d'ornement et créez un nouveau calque à l'intérieur. Sélectionnez également le pinceau (B) avec une petite pointe et choisissez une couleur contrastante. Je voulais faire un motif de tourbillonnement pour cela, je l'ai peint sur le calque de caractères comme guide pour essayer de garder une belle fluidité et composition dans la forme. Nous allons également utiliser des parties de cette forme pour les mélanger avec le type.

Créez un nouveau calque par-dessus votre calque d'esquisse. Nous allons maintenant affiner les guides à partir du croquis, ce qui nous aidera à créer des tourbillons circulaires propres. Sélectionnez l'outil Rectangle de sélection elliptique (M) et, à l'aide du guide, effectuez des sélections elliptiques à chaque coin arrondi de la forme. Pour les plus grandes courbes, je fais des sélections d'environ 830 pixels de large. (N'oubliez pas de maintenir la touche Maj enfoncée pour effectuer des sélections circulaires précises). Suivez l'exemple ci-dessous.

Une fois que vous avez la sélection, faites un clic droit dessus et sélectionnez l'option "Stoke". Utilisez une largeur de trait d'environ 3 pixels:

Une fois que vous avez fini de dessiner les sélections pour chacune des courbes de l'ornement, vos nouveaux guides devraient ressembler à ceci:

Nous allons répéter ce processus pour chaque courbe de notre ornement swirly. Pour le nouvel ensemble de courbes moyennes, j'ai utilisé des sélections elliptiques d'environ 260 pixels de large:

Enfin, utilisez une largeur de 110 pixels pour les plus petites courbes:

Votre guide devrait maintenant ressembler à ceci:

Une fois votre guide terminé, saisissez l'outil Pinceau et créez un nouveau calque. Sélectionnez une brosse dure ronde d'environ 45 pixels de large. Puis ouvrez le menu des préréglages de pinceau, cochez l’option Dynamique de forme et assurez-vous que le contrôle Taille Jitter est réglé sur "Pression du stylet".

Maintenant, sélectionnez l'outil Plume (P) et commencez à dessiner un chemin suivant l'esquisse initiale et en utilisant les guides comme référence..

Une fois que vous avez le chemin de la ligne courbe principale, faites un clic droit et sélectionnez "Chemin du trait", sélectionnez l'outil Pinceau et cochez l'option "Simuler la pression"..

Pour les lignes courbes plus petites, revenez à l'outil Coussin et réduisez la taille du pinceau de 15 pixels et de 10 pixels supplémentaires pour les plus petites courbes:

Votre ornement devrait maintenant ressembler à ceci. Vous pouvez faire cette forme Swirly aussi complexe que vous le souhaitez en ajoutant plus de détails, essayez juste de garder un bon flux entre les formes.


Étape 4 - Détails du texte

Comme mentionné précédemment, nous allons mélanger des parties de l'ornement dans les lettres pour créer plus de détails sur le texte.
Rendez le calque de texte visible et dupliquez le calque d'ornement. Sélectionnez l'outil de déplacement (V) et réduisez la taille de l'ornement. Je veux ajouter des détails à la première et à la dernière lettre des mots, placez donc l'ornement sur l'une de ces lettres, suivez le cheminement et la forme de la lettre comme guide..

Une fois que vous avez positionné l'ornement, créez un masque de calque et effacez-le pour le mélanger à la lettre, comme dans l'exemple ci-dessous:

Dupliquez à nouveau la couche d'ornement et réduisez sa taille. Allez dans Edition> Transformation> Retourner horizontalement puis Retourner verticalement. Déplacez l'ornement sur le premier "E" et répétez le processus de positionnement et de suppression de l'excès d'ornement pour se fondre dans la lettre..

Ajoutez également quelques détails d'ornement à l'intérieur du texte.

Certaines lettres (comme le "G", par exemple), ont de belles fins incurvées qui sont parfaites pour mélanger l'ornement tout en maintenant un bon flux.

Continuer à dupliquer l'ornement et à en mélanger des parties avec les lettres.

Une fois que vous avez terminé avec les détails du texte, vous devriez avoir quelque chose comme ça:

Essayez de ne pas inclure beaucoup de détails sur les lettres, sinon le texte deviendrait très lourd et ne serait plus compréhensible une fois le rendu 3D effectué. Sélectionnez le texte et les calques d'ornement mélangés et fusionnez-les en un seul calque (Commande / Ctrl + E). Prenez l’outil elliptique (M), puis cliquez sur le pouce du calque tout en maintenant la touche Alt enfoncée pour créer une sélection autour du texte. Cliquez avec le bouton droit de la souris sur la sélection et choisissez l'option "Créer un chemin de travail", puis désactivez la visibilité du texte. Nous allons exporter ces chemins vers Cinema4D pour effectuer le rendu 3D et la texturation de la composition finale. Allez dans Fichier> Exporter> Chemins vers Illustrator et enregistrez le fichier sur votre ordinateur. (Le fichier sera sauvegardé en tant que document illustrateur que Cinema4D sera capable de lire.)


Étape 5 - Rendu du texte

Ouvrez Cinema4D et faites glisser le fichier illustrator dans un nouveau document..

Maintenant, nous devons sélectionner toutes les splines de chemin et les joindre pour avoir une seule spline..

Une fois que vous avez sélectionné toutes les splines de chemin, accédez à Objets> Connexion + Suppression. Désormais, vous ne devriez avoir qu'un seul objet spline contenant tout le texte:

Accédez aux propriétés de l'objet de la spline et cochez l'option "Fermer la spline"..

Créez un objet Extrude NURBS et faites en sorte que le type spline devienne un enfant..

Dans la fenêtre d'attribut Extrude Nurbs, sous l'option "Caps", assurez-vous que le début et la fin sont définis sur "Cap".

Copiez et collez l'objet Extrude Nurbs avec le type spline. Sous la fenêtre copiée Extrude Nurbs Attribute et sous "Caps", définissez maintenant le début et la fin sur "Congé". Cela rendra l'extrusion des types creux:

Sélectionnez le premier objet extrudé nurbs (celui avec les débuts et les fins réglés sur "Cap" et sous les coordonnées) définissez la position Z sur -25, cela déplacera légèrement la forme vers l'avant..

Dans le menu Matériau, sélectionnez Fichier> Charger le matériau et chargez le pack de matériaux. Attribuez le matériau nommé "Nukei1" au premier objet Extrude (Les lettres pleines).

Dans le menu Matériau, sélectionnez Fichier> Créer un nouveau matériau. Nous allons fabriquer le matériau doré métallique pour l'extérieur du type 3D.
Cochez l'option "Couleur" et modifiez les valeurs RVB en 242, 182, 68 et réglez la Luminosité sur 50%

Cochez l'option "Réflexion". Changez les valeurs RVB en 251, 233, 208, baissez la luminosité à 30% et cochez l’option "Additif". Sur l'option texture, cliquez sur le menu déroulant et sélectionnez "Fresnel", double-cliquez sur le dégradé et changez sa couleur de #aaaaaa à # 969696. Changer le flou à 25%.

Cochez l'option "Bump". Réglez la force sur 5% et la texture sur "Bruit". Double-cliquez sur le pouce de texture et changez le type de bruit en "turbulence blisterée":

Enfin, cochez la case "Spéculaire". Changez le mode en "Métal". Définissez la valeur de la largeur sur 57%, la hauteur 124%, la réduction 12% et la largeur intérieure sur 34%.

Lorsque vous avez terminé, enregistrez le nouveau matériau et affectez-le au second objet Extruder (Les lettres creuses)..

Ajouter un objet léger à la scène et placez-le au-dessus des deux objets d'extrusion.

Remplacez les coordonnées de l’objet lumière par les valeurs suivantes: X 240, Y 435, Z -370

La scène principale du rendu est terminée. Nous allons maintenant définir les valeurs de rendu. Cliquez sur l'icône de réglage du rendu et sous Enregistrer, cochez l'option "Canal Alpha" (cela facilitera l'extraction du rendu à partir de l'arrière-plan, nous le transporterons vers Photoshop).

Dans l'option Sortie, définissez les valeurs de largeur et de hauteur sur 4000 pixels et la résolution sur 300 dpi. Puis rendre au visualiseur d'images.

Une fois le rendu terminé, cliquez sur le menu Fichier> Enregistrer sous, assurez-vous que vous avez les paramètres suivants et enregistrez-le sur votre ordinateur:

Maintenant, nous allons répéter exactement le même processus pour rendre l'ornement original. Convertissez la forme en tracés, exportez-la vers cinema 4D et suivez les mêmes étapes que pour le texte..


Étape 6 - Extraction de rendu

Ouvrez votre rendu de texte dans Photoshop et déverrouillez le calque de texte en double-cliquant sur la vignette du calque. Allez dans le menu des canaux et faites une sélection sur le calque "Alpha Channel", inversez-le (Commande / Ctrl + Maj + I), puis appuyez sur Supprimer pour effacer l'arrière-plan. Une fois extrait, faites-le glisser vers votre document Photoshop d'origine. Répétez le même processus pour extraire l'ornement.


Étape 7 - Traitement Photoshop

Nous allons d'abord travailler sur le fond de l'image. Sur votre document Photoshop d'origine, définissez-vous sur le calque d'arrière-plan noir et ouvrez son menu de styles de calque. Appliquez une superposition de dégradé et définissez le style sur "Radial".

Double-cliquez sur le dégradé pour ouvrir le menu de l'éditeur de dégradé. Nous voulons un dégradé allant du noir au gris. Le premier arrêt de dégradé devrait être # 000000; ajoutez un deuxième à proximité du dernier arrêt. Il devrait être n ° 181818 et le dernier, # 414141..

Créez un nouveau calque sur le calque Arrière-plan et remplissez-le de couleur Blanc. Allez dans Filtre> Bruit> Ajoutez du bruit et utilisez une quantité de 14% avec la répartition définie sur "Uniforme" et l'option monochromatique cochée..

Réglez ce mode de fusion sur "Multiplier".
Créez un nouveau calque au-dessus du calque Bruit et saisissez l'outil Pinceau. Sélectionnez un pinceau doux et rond d'environ 500 pixels de large et définissez son opacité sur 20%. Appliquez un pinceau doux au centre de l'image, comme indiqué ci-dessous (appliquez autant de lumière que vous le souhaitez pour obtenir plus de lumière)..

Centrez le calque d'ornement et placez-le sur le calque de texte 3D:

Nous devons ajouter un peu plus de contraste au texte 3D. Allez dans le menu Image> Réglages> Luminosité et contraste et réglez la valeur de Luminosité sur -15 et la valeur de Contraste sur 40..


Étape 8 - Ajustements de couleur

Nous allons utiliser une série de calques de remplissage et d'ajustement des couleurs pour donner à l'image des reflets bleus et jaunes. Créez un nouveau groupe au-dessus de toutes les couches. À l'intérieur, créez un calque de réglage de teinte / saturation Calque> Nouveau calque de réglage> Teinte et saturation. Changez la teinte à + 7 et augmentez la saturation à + 50.

Maintenant, allez à Calque> Nouveau calque de réglage> Luminosité et contraste. Définissez la valeur de luminosité sur 15 et le contraste sur 60..

Allez au menu Calque> Nouveau calque de remplissage> Couleur unie et sélectionnez une couleur jaune clair # f3dc1d. Changez le mode de fusion des calques en "Couleur" et réduisez l'opacité du calque à 30% (vous pouvez également effacer une partie de l'effet à l'aide du masque de calque si vous estimez que la couleur peut dominer dans certaines zones de la composition).

Enfin, créez un autre calque Couleur par-dessus le jaune, mais cette fois-ci, utilisez un ton bleu foncé # 04163f. Changez le mode de fusion des calques en "Couleur" et baissez l'opacité du calque à 25%

Voici à quoi devraient ressembler vos calques:


Image finale