Comment concevoir une superbe, 3D, Sunset Type Illustration

Aujourd'hui, nous allons parcourir plusieurs plates-formes pour créer un traitement typographique chaud et ensoleillé. Nous utiliserons C4D pour créer le texte, Illustrator pour plusieurs motifs décoratifs et Photoshop pour les rassembler. Mettons nos mains dans la création de cette illustration de type chaleureux.

Aperçu de l'image finale

Regardez l'image que nous allons créer. Vous pouvez voir l'aperçu final de l'image ci-dessous ou une version plus grande ici..

Étape 1

Lancez Photoshop et créez un nouveau document (4 000 pixels par 2 000 à 3 300 pixels). Tapez votre mot, dans ce cas "type", avec cette police: Sloop. Évidemment, ce n'est pas une police gratuite, car cette police n'a pas ce que les polices gratuites ont généralement - bogues.

Les tourbillons sont constants et lisses. Les pointes ou les points de terminaison incohérents ne feront qu'empirer une fois que nous aurons transformé cela en une forme 3D. Une autre chose à prendre en considération est le poids. Je voulais une police élégante, mais celle-ci est également assez audacieuse pour fonctionner comme une forme 3D. Si c'est trop mince, ça ne marchera pas. Des boucles ou des lignes trop fines finissent par ressembler à des lames de couteau.

Étape 2

Faites un clic droit sur le calque du type et cliquez sur "Convertir en forme."

Étape 3

Allez dans Fichier> Exporter> Exporter les chemins d'accès vers Illustrator. Enregistrez-le en tant que fichier Illustrator.

Étape 4

Maintenant, vous aurez besoin de Maxon Cinema 4D, ou de tout autre logiciel 3D. Les instructions ici sont basées sur C4D. Commencez un nouveau projet et allez dans Fichier> Fusionner. Ouvrez le fichier Illustrator que vous avez créé à l'étape précédente..

Et à titre de limitation de responsabilité, je connais à peine C4D, alors pardonnez-moi si je gâche un peu les choses, ou si je me fais mal à ma guise :)

Étape 5

Cliquez et maintenez le bouton Hyper Nurbs. Faites glisser pour extruder Nurbs et libérer.

Étape 6

Recherchez le calque de chemin de type dans le menu Objets et appuyez sur le bouton plus pour afficher son contenu. Appuyez sur Commande et cliquez sur tous les chemins pour les sélectionner ensemble..

Cliquez avec le bouton droit et allez à Connecter. Après cela, vous recevrez une version "aplatie" des quatre en haut de la liste. Vous pouvez supprimer les anciens chemins, car nous n'utiliserons maintenant que la version connectée..

Étape 7

Maintenant, cliquez et faites glisser le nouveau chemin sur l'effet Extrusion Nurbs. Cela va appliquer les Nurbs au chemin.

Étape 8

Cliquez sur le chemin à l'intérieur de la zone de visualisation (j'ai presque dit toile parce que je ne sais pas comment ça s'appelle). Dans le coin inférieur droit, vous verrez l'effet Extrude Nurbs. Cliquez sur l'onglet Objet et changez-le en 10 mètres.

Étape 9

Maintenant, cliquez sur l'onglet Caps et utilisez les paramètres suivants. Maintenant que je le regarde, 15 étapes pour un virage en douceur, c'est démesuré, utilisez donc environ 5 pour gagner du temps de rendu. Gardez 0,75 ou 1 pour le rayon cependant. Tout ce qui est en dessous peut devenir trop net dans Photoshop lorsque vous accentuez l’image..

Étape 10

Cliquez sur le type et copiez-le (Commande + V). Collez-le à la place (Commande + V) et appuyez sur le bouton central de votre souris. Cela devrait faire apparaître quatre points de vue différents. Zoomez sur la vue en perspective pour voir à quel point les deux types d'objets doivent être proches. Maintenant, utilisez l'outil Déplacer pour faire glisser l'axe "Z" (bleu) dans la vue de droite d'environ 12 points.

Étape 11

Dans le menu du bas, cliquez sur Fichier> Shader> Nukei. Ceci est un matériau prédéfini que nous allons modifier légèrement.

Étape 12

Cliquez sur l'icône du matériau dans le dock inférieur. Cela fera apparaître les paramètres dans le coin inférieur droit. Cliquez sur l'onglet Diffuse A. Pensez à celui-ci comme une couleur primaire. D'autres couleurs suivent, mais nous ne changerons que la couleur diffuse principale. Je veux toujours une nuance de cyan là-dedans. Changer la couleur en cliquant sur l'icône Couleur.

Étape 13

Maintenant, faites glisser l'icône du matériau sur la première couche du texte, à l'intérieur de la zone de visualisation.

Étape 14

Créez un nouveau matériau Nukei et remplacez la couleur Diffuse A par celle-ci: R: 255 G: 241 B: 74. Puis faites-le glisser sur le deuxième calque.

Étape 15

Il est temps d'insérer des lumières. Cliquez sur le bouton Ajouter un objet léger et faites-le glisser vers Area Light..

Étape 16

Utilisez l'outil de déplacement et faites glisser l'axe "Y" jusqu'à ce que la lumière soit à la bonne hauteur..

Étape 17

Utilisez l'outil de rotation pour que la lumière fasse face au texte.

Étape 18

Faites glisser l'axe vert jusqu'à ce que l'avion soit face au texte.

Étape 19

Créez une deuxième source de lumière sur le côté opposé.

Étape 20

Ajoutez-en un sur le dessus pour égaliser la luminosité.

Étape 21

De la même manière que dans les étapes précédentes, ajoutez quelques autres caractères, comme indiqué ci-dessous. Créez un seul calque pour ceux-ci et utilisez la couleur dorée.

Étape 22

Maintenant, allez dans Rendu> Paramètres de rendu. Les changer en conséquence.

Assurez-vous que la taille de pixel est assez grande.

N'oubliez pas de spécifier le chemin où vous voulez que le rendu soit sauvegardé.

Lorsque vous avez terminé, créez un premier rendu en appuyant sur Maj + R.

Étape 23

Recherchez le rendu dans le dossier que vous avez choisi et ouvrez-le dans Photoshop. Ouvrez le menu Chaînes (Fenêtre> Chaînes) et maintenez la touche Commande enfoncée, puis cliquez sur "Icône Alpha 1". Cela fera une sélection du texte.

Étape 24

Retournez au menu Calques et double-cliquez sur le calque "Arrière-plan". Donne lui un nom. Nous faisons cela simplement pour en faire une couche régulière.

Étape 25

Maintenant, appuyez sur le bouton Ajouter un masque de calque pour masquer les zones noires..

Étape 26

Voici le deal. Nous ne voulons pas supprimer manuellement tous les caractères du rendu. Il est plus facile de faire un rendu de chaque caractère séparément et d'utiliser simplement le canal Alpha pour le découper de l'arrière-plan..

Avec le calque d'origine en dessous, nous allons le reconstituer en alignant chaque élément sur sa position dans le rendu d'origine. Revenez donc à C4D, masquez tous les éléments sauf un en les décochant dans le menu Objets..

Étape 27

Rendez-le et séparez-le de son arrière-plan comme avant.

Étape 28

Puis alignez-les tous en les plaçant sur l'ancien rendu. L'un d'eux est mis en évidence pour montrer qu'il est séparé du rendu d'origine.

Étape 29

Maintenant, allez à Calque> Nouveau calque de réglage> Carte de dégradé. Utilisez ces couleurs (de gauche à droite): #ffffff, # ffe73f, # 542a9a et # 07030e. Définissez l'opacité du calque sur 50% et faites-en un masque d'écrêtage pour le calque de texte afin qu'il n'influence que les couleurs du texte..

Étape 30

Répétez la procédure pour les éléments restants et remplissez le fond avec cette couleur: # ffe73f.

Étape 31

Double-cliquez sur le calque de texte et ajoutez ces effets de calque. Pour l'ombre portée, utilisez cette couleur: # 6b506b. Utilisez ceci pour la lueur extérieure: # fff260.

Étape 32

Sur le calque de fond, peignez une ombre avec cette couleur: # a89e3b.

Étape 33

Maintenant, peignez une surface plus petite avec cette couleur: # a89e3b.

Étape 34

Pour cette partie, vous aurez besoin de ce pack de pinceaux. Commencez un nouveau document volumineux (environ 2500 px sur 2000 px) et peignez en noir sur un fond blanc (le pinceau est le premier du paquet). Sélectionnez tout (Commande + A) et collez-le dans un fichier Illustrator vierge. La grande taille facilitera la vectorisation.

Étape 35

Dans Illustrator, appuyez sur le bouton Tracé en direct, puis changez la couleur: # 776767.

Étape 36

Copier et coller dans le document Photoshop.

Étape 37

Utilisez le deuxième pinceau à l'intérieur du paquet de pinceaux et vectorisez-les également. Utilisez simplement cette couleur à la place: # 3c2958.

Étape 38

Retournez dans Illustrator et utilisez l'outil de sélection directe (A) pour ne copier qu'une seule feuille du pinceau entier. Choisissez un plus grand pour le plus de qualité. Collez-le dans Photoshop avec cette couleur: # a39485.

Étape 39

Ajoutez ces petites feuilles sur les autres branches.

Étape 40

Nous allons maintenant créer un motif complémentaire. Commencez un nouveau document Photoshop (165 px par 165 px à 300 ppp). Amenez la règle (Commande + R) et faites glisser les guides qui s'aligneront sur les bords du canevas.

Étape 41

Sélectionnez l'outil de recadrage (C) et faites-le glisser sur toute la toile. Maintenez les touches Maj et Alt enfoncées et faites glisser la zone jusqu'à ce que vous obteniez environ le double de la taille de la zone de travail. Utilisez l'outil Rectangle rond (U) défini sur un rayon de 10 px pour créer un rectangle symétrique (maintenez Shift lors de la création). Dupliquez-le, déplacez-le de quelques pixels avec le clavier (souvenez-vous du nombre) et créez un motif similaire à celui illustré.

Étape 42

Recadrer le document à sa taille initiale en l'accrochant aux guides. Remplissez la couleur de fond avec # 533d63 et la couleur de forme avec # ac9c8f.

Étape 43

Double-cliquez sur l'un des calques de formes et ajoutez un trait interne de 5 pixels avec cette couleur: # ecdd18. Ensuite, allez dans Edition> Définir un motif.

Étape 44

Sélectionnez l'outil godet (G). Dans le menu déroulant situé en haut de l'écran, sélectionnez Modèle. Fabriquez un masque d'écrêtage pour l'une des feuilles et remplissez-le avec ce motif.

Étape 45

Remplir quelques autres feuilles avec le même motif.

Étape 46

Modifiez les couleurs autour du fichier de motif avec différentes nuances de jaune et remplissez-les avec celles-ci..

Étape 47

Nous allons maintenant ajouter quelques motifs vectoriels. Tout d’abord, démarrez un nouveau document Illustrator et sélectionnez l’outil Polygon. Maintenez la touche tilde (~) enfoncée et faites glisser comme indiqué par la flèche. N'arrêtez pas de glisser jusqu'à ce que vous ayez atteint la fin de l'étape suivante. J'ai fait deux captures d'écran pour décomposer le mouvement entier.

Après l'avoir fait glisser vers le haut, faites-le glisser vers le centre en spirale. La vitesse de votre glissement détermine le nombre de lignes.

Étape 48

Voici à quoi cela devrait ressembler. Changez le motif en cette couleur: # f5e750.

Étape 49

Placez-le dans le document Photoshop en tant qu'objet intelligent.

Étape 50

Placez un deuxième plus grand sur le côté gauche.

Étape 51

Créer un autre motif, mais en utilisant l'outil Star dans Illustrator.

Étape 52

Ajoutez également quelques petites étoiles sur la toile.

Étape 53

Créez maintenant un rectangle quelque part dans la composition et attribuez-lui un trait interne de 5 pixels, tout comme le motif. Utilisez ceci pour la couleur de remplissage: # 543d63.

Étape 54

Créez un masque de découpage pour cette forme et peignez avec un pinceau doux avec la couleur suivante: # cbef8e. Avec les mêmes deux couleurs, créez d'autres rectangles.

Étape 55

Répétez ce processus pour saupoudrer ces motifs partout dans la composition. Maintenez-le subtil et de bon goût.

Étape 56

Créez maintenant un nouveau calque vide au-dessus du texte et utilisez l'outil Crayon (P) pour tracer en mode tracé ce qui sera bientôt une mince ligne..

Étape 57

Une fois terminé, utilisez l'outil Pinceau (B) pour modifier les paramètres (choisissez une petite brosse dure) et appuyez sur P lorsque vous avez terminé. Cliquez avec le bouton droit de la souris, sélectionnez Trajet, cochez la case Simuler la pression et appuyez sur OK..

Étape 58

Répétez l'étape précédente pour créer quelques lignes supplémentaires. N'ajoutez pas trop si.

Étape 59

Et enfin, nous allons retoucher les valeurs en jaune et les rendre plus chaudes. Au-dessus de tous les calques, sélectionnez Calque> Nouveau calque de réglage> Couleur sélective. Dans le menu déroulant, sélectionnez Jaunes et faites glisser les curseurs vers les numéros indiqués ci-dessous..

Image finale

C'est tout les gens! Si vous êtes sûr de vouloir vous lancer dans des traitements de type, la 3D est une excellente solution. Je ne pensais pas avoir besoin d'un programme 3D et je pensais que les fonctions Extrusion et Bevel d'Illustrator étaient tout ce dont j'avais besoin. Eh bien, je me suis trompé. La 3D ouvre une nouvelle dimension - littéralement!