Créer un signe d'ampoule vintage 3D à l'aide d'Illustrator, de Cinema 4D et de Photoshop

Une belle typographie 3D implique souvent l'utilisation de plusieurs applications. Dans ce didacticiel, nous allons vous montrer comment créer une enseigne vintage en utilisant Adobe Illustrator pour créer et exporter les chemins de base, Cinema 4D pour créer le rendu 3D et Photoshop pour la post-production. Commençons!


1. Exportation de chemins d’Illustrator vers Cinema 4D

Étape 1

La première étape de notre projet consiste à créer la forme de la lettre "G" dans Adobe Illustrator. Créez un nouveau fichier. Sélectionnez l'outil Texte, définissez la police sur Tango BT et tapez du texte sur le nouveau document..

Étape 2

À l'étape suivante, choisissez police> créer des contours. Maintenant que vous avez la forme de votre lettre, définissez le remplissage et le contour sur "aucun".

Étape 3

Après cela, vous devez exporter votre forme vers Cinema 4D. Sélectionnez Fichier> Enregistrer sous, puis sélectionnez le format .ai et enregistrez-le pour Adobe Illustrator 8. Il s'agit d'une étape très importante, car vous ne pourrez pas l'ouvrir dans Cinema 4D si vous l'enregistrez dans des versions plus récentes..


2. Importer, créer des zones de balayage

Étape 1

Maintenant démarrez Cinema 4D. Sélectionnez Fichier> Ouvrir. à partir du menu et ouvrez votre lettre enregistrée "G." C4D vous posera des questions sur certains paramètres d'importation. Nous partons tels quels et cliquez sur OK. Notre lettre dans AI est maintenant dans Cinema 4D sous forme de spline, nous pouvons la modifier à notre guise.

Étape 2

Maintenant nous devons créer des banlieues. Dans le menu supérieur, sélectionnez "Cercle",

Dans le panneau Attributs rayon à environ 4 cm

Maintenant encore du menu supérieur choisissez balayage des banlieues.

Étape 2

C’est tout ce que nous devons faire pour créer des zones de balayage. Nous devons maintenant attacher les deux objets au balayage, mais rappelez-vous que le cercle doit être au-dessus de l'objet lettre parce que s'il est placé en dessous, nous n'obtenons pas ce que nous voulions. Et maintenant, nous avons balayé les nurbs.


3. Créer la scène

Étape 1

Tout d'abord, nous devons créer un fond pour notre projet. Alors choisissez avion dans le menu du haut.

Étape 2

Définir la largeur à environ 400 cm et la hauteur à environ 650 cm et faire pivoter notre avion de 90 degrés verticalement.

Étape 3

Maintenant il est temps de commencer à créer notre lettre "G". Sélectionnez Texte dans le menu supérieur et créez la lettre G (police tango BT). Rendez-le éditable. Créez un nouveau cercle avec un rayon d'environ 2 cm et mettez-le avec un objet texte en tant qu'enfant de Sweep NURBS.

Étape 4

Copier un objet avec du texte, créer Extrude NURBS et définir un objet texte en tant qu'enfant de Sweep NURBS.

Dans Extrude, NURBS définit le mouvement sur 2 cm.

Maintenant ça devrait ressembler à ça.

Étape 5

Copier le premier objet Sweep NURBS et dans les options de cercle, définir le rayon sur 1 cm,

Et déplacez-le un peu en avant.

Étape 6

Encore une fois, copiez un objet texte à partir de zones de balayage déplacées et définissez-le comme un enfant du nouveau fichier d'extrusion NURBS.

Et régler le mouvement à 1 cm

Étape 7

Créer un objet nul

Et mettez tous les objets créés sur cet objet et renommez-le en Base.

Étape 8

Copiez le dernier balayage créé NURBS, déplacez-le un peu devant d'autres objets

Et dans le cercle objet vérifier Ellipse et définir le rayon Y à 3 cm.

Étape 9

Encore copier le balayage NURBS et déplacez-le encore un peu en avant.

Attributs de cercle décocher Ellipse et définir le rayon à 2cm

En balayant les attributs NURBS, nous devons maintenant changer la croissance finale à 60%

Étape 10

Copier le dernier balayage NURBS et ne change que les attributs.

Étape 11

Notre travail pour le moment devrait ressembler à ceci.

Étape 12

Encore créer un objet nul et mettre ces balayage NURBS à elle.

Étape 13

Maintenant nous devons créer des splines Neon. Tous sont des copies des dernières NURBS de balayage uniquement avec un autre rayon et un cercle Ellipse ou non, avec une croissance modifiée au début et à la fin. Vous pouvez le configurer comme vous le souhaitez.

Étape 14

Nous devons maintenant créer quelque chose comme des vis. Pour faire ça, créer un petit cylindre avec des paramètres comme ceux-ci.

Créer un clone à partir du menu supérieur MoGraph> Cloner. Faites de cette bouteille un enfant de Cloner.

Étape 15

Copier le dernier objet de texte, le faire avancer. Cliquez sur Cloner avec cylindre et définissez les attributs comme sur l'image ci-dessous..

Dans la partie objet de ces attributs, définissez l'objet texte copié en tant qu'objet suggéré par le cloneur. ça devrait ressembler à ça.

Étape 17

À présent copier un objet texte et un cloner avec un cylindre en tant qu'enfant, déplacez-le un peu en avant. Changer la taille du cylindre en

Et dans les attributs de clonage changer l'objet en texte dupliqué. Créez un nouvel objet Null, renommez-le en vis et placez-y les objets Cloner et les deux objets texte..

Étape 18

Maintenant que les vis sont créées, elles devraient ressembler à ceci. La plupart des objets Sweep NURBS frontaux doivent être vissés.

Étape 19

Maintenant nous devons faire des ampoules. Sélectionnez Fichier> Nouveau. Appuyez sur F3 (Changer le mode d'affichage). Sélectionnez l'outil de Bézier et créez la moitié de l'ampoule.

Maintenant, sélectionnez Tours Nurbs

Et faites créer la moitié de bulbe comme un enfant de Tour NURBS. Maintenant, appuyez sur F1 et nous pouvons voir quelque chose comme une ampoule.

Sélectionnez les deux objets et cliquez "rendre modifiable." Maintenant, cliquez sur l'objet et appuyez sur CMD / CTRL + C. Sélectionnez Fenêtre et en bas, sélectionnez le projet avec la lettre G. Cliquez sur CMD / CTRL + V.


Étape 20

Tournez cette ampoule verticalement et mettez-la sur une lettre. Copiez-le autant que vous le souhaitez en G. Mettez-les tous dans le nouvel objet Null et renommez-les en ampoules.

Étape 21

À la dernière étape de la création de la lettre G, copiez Balayer les NURBS de la base et définissez les attributs de cercle comme indiqué ci-dessous..

Et déplacez-le un peu en arrière. L'arrière devrait ressembler à ceci.


4. Créer des matériaux

Étape 1

Dans le navigateur de matériaux, sélectionnez Créer> shaders> VrayBridge> VrayAdvancedMaterial..

Étape 2

Double-cliquez sur le matériau créé et définir les paramètres comme sur les images ci-dessous.

C'est tout. Nous avons maintenant un matériau noir et nous devons créer des matériaux verts et jaunes. Cliquez sur le matériel noir créé et copiez-le par raccourci CMD / CTRL + C, CMD / CTRL + V. Double-cliquez sur le matériau copié et dans Diffuse Layer, changez la couleur en vert et faites de même avec le matériau jaune..

  • Vert: # 75b624.
  • Jaune: # ede336.

Étape 3

Maintenant nous devons créer un fond blanc. Sélectionnez à nouveau créer> shaders> VrayBridge> VrayAdvancedMaterial et définissez les paramètres de cette manière..

Et maintenant nous avons tous les matériaux dont nous avons besoin pour notre projet. Appliquez tous les matériaux aux objets créés. Vous devriez obtenir un résultat similaire:


5. Éclairage et rendu

Étape 1

Créer un nouvel objet. Ajouter un objet> Plan

Étape 2

Créez un nouveau VrayAdvancedMaterial définissez Diffuse Layer 1 sur white, accédez au calque Luminosity et appliquez les paramètres suivants:

Étape 3

Appliquez les matériaux sur les deux plans, mettez le premier (diminuez légèrement l'objet) à droite et le second à gauche de la scène.

Étape 4

Ouvrez le fichier VRAY TUT SETTINGS.c4d.
Allez à rendu> Modifier les paramètres de rendu et copier les paramètres de rendu.

Retournez dans votre document et accédez aux paramètres de rendu, puis cliquez sur Coller..

Étape 5

Appuyez sur Rendu dans la visionneuse d'images (Rendu> Rendu dans la visionneuse d'images) et attendez le rendu final..

Lorsque le fichier est rendu, le projet devrait ressembler beaucoup à ceci:


6. Postproduction dans Photoshop

Étape 1

Ouvrez le fichier rendu dans Photoshop (j'utilise CS6) et créez un nouveau calque de réglage (calque de réglage> couleur sélective).

Étape 2

Dans le menu de couleurs sélectives, choisissez les jaunes et appliquez les paramètres suivants:

Cyan: -50%
Magenta: + 20%
Jaune: + 5%
Noir: 0%

Maintenant, allez à la section Verts et appliquez les paramètres ci-dessous.

Cyan: + 50%
Magenta: -19%
Jaune: + 40%
Noir: + 10%

Après cette opération, le projet devrait ressembler à ceci:

Étape 3

Sélectionnez l'outil Plume et commencez à créer la forme de la couleur (# eff05b).
Changer l'opacité de la forme créée à 50%.

Ajoutez un masque vectoriel au calque de forme, puis saisissez un pinceau doux noir et essayez de masquer les bords durs de la forme..

Répétez cette étape plusieurs fois pour créer de jolis reflets de verre sur la lettre..

Étape 4

Utilisez l'outil Plume pour créer des splines claires, modifiez la taille du trait en 3 pt et commencez à créer les formes..

Après avoir créé une spline, définissez le mode de fusion sur Dodge linéaire (Ajouter)..

Répétez cette étape plusieurs fois pour créer un effet de lumière..

Étape 5

Pour éclairer certaines ampoules, utilisez la couleur brosse douce (vert # a2c44d, jaune # eacb32), puis réglez le mode de fusion sur Dodge linéaire (Ajouter)..

Étape 6

Pour créer un câble sélectionner l'outil stylo et commencez à dessiner les formes noires. Ensuite, allez dans les options de fusion et cochez Bevel and Emboss.
Changer la profondeur à 250%
Taille à 3px
Ramollir à 5px
Opacité blanche à 45%
Opacité noire à 75%

Répétez cette étape pour créer plus de câbles.


Conclusion

À ce stade, vous avez terminé. Si vous souhaitez ajouter une typographie à plat à votre illustration pour créer une affiche, n'hésitez pas à le faire..

Dans ce tutoriel, vous avez appris à créer une enseigne ampoule 3D vintage avec Adobe Illustrator, Adobe Photoshop et Cinema 4D. J'espère que ce tutoriel vous a appris quelque chose que vous pouvez appliquer à votre propre travail.