Share
Dans ce didacticiel, nous allons créer une typographie 3D amusante, réaliste et texturée avec des animaux dans Photoshop à l'aide de l'outil Repousse de CS5. Commençons!
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..
Ouvrez un nouveau fichier Photoshop d'une largeur de 17 pouces et d'une hauteur de 11 pouces avec une résolution de 300 pixels / pouce..
Nous allons d’abord créer un arrière-plan simple. Je veux que le fond final soit vraiment brillant pour que je puisse montrer les lettres correctement mais cela rendrait le travail un peu difficile, alors je vais juste mettre un dégradé subtil que nous pourrons supprimer plus tard.
Déverrouillez le calque d'arrière-plan en cliquant deux fois dessus et ouvrez le menu de style de calque. Sélectionnez l'option "Superposition de dégradé" et sélectionnez un dégradé allant du noir au blanc jusqu'à un angle de 39 ° environ et diminuez l'opacité à 70%..
Créez un nouveau calque par dessus et à l'aide de l'outil Seau (G), définissez la couleur de votre avant-plan sur noir et remplissez le calque. Ensuite, allez dans le menu Filtre> Bruit> Ajouter du bruit et utilisez un montant de 20% avec l'option Distribution en uniforme et l'option Monochromatique cochée..
Allez à Image> Réglages> Inverser (Commande / Ctrl + I) et configurez le mode de fusion des calques pour qu'il se multiplie..
Votre fond est défini et devrait ressembler à ceci:
Sélectionnez l'outil Texte (T) et écrivez la première lettre de votre texte. Nous ferons cette lettre par lettre afin de pouvoir donner une perspective différente à chacune d’elles une fois que nous les aurons rendues avec le Repouss? outil. La police que je vais utiliser pour ce tutoriel s’appelle Hobo Std. Elle a une taille d’environ 380 points (changez la taille en fonction de la taille du document sur lequel vous travaillez)..
Une fois que vous avez positionné votre calque de texte, allez au menu 3D> Repousser? > Calque de texte. Assurez-vous de sélectionner le préréglage de forme "extruder" et de faire pivoter votre lettre 3D vers une jolie perspective à l'aide de l'outil de rotation du maillage du texte. Nous allons laisser toutes les autres options à leurs paramètres par défaut. Toutes les lettres 3D constitueront la base de notre travail, alors prenez votre temps pour les positionner et les rendre..
Fondamentalement, nous allons faire la même chose pour chaque lettre de votre mot. Chaque fois, changez un peu la perspective de la lettre. Vous n'avez pas à vous soucier des sources de lumière pour le moment, nous allons y remédier dès que nous commencerons à envelopper nos textures autour des lettres..
N'hésitez pas à jouer avec la position de chaque lettre. Comme vous pouvez le voir ici, je mets le "L" devant le "I" et le "D" pour donner plus de variation et de profondeur.
Je vous suggère de sauvegarder chaque mot de lettres dans différents groupes pour que tout reste organisé.
Faites la même chose pour le deuxième mot. N'oubliez pas de continuer à tourner et à jouer avec les positions des calques pour qu'ils ne se ressemblent pas. Créez un nouveau groupe pour chaque mot que vous faites.
Une fois que vous avez terminé avec chaque mot, vous devez les séparer en différents groupes pour que les choses restent organisées pour la prochaine étape. Votre image avec les lettres rendues devrait maintenant ressembler à ceci:
Copiez les dossiers de vos lettres 3D et pixellisez chacune d’elles en cliquant avec le bouton droit de la souris sur le pouce du calque et en sélectionnant l’option "Rasteriser 3D", cela facilitera leur travail. Si vous le souhaitez, vous pouvez conserver les mots 3D d'origine afin de pouvoir y revenir au cas où vous auriez besoin de.
Nous utiliserons de nombreux calques masqués pour les clips et les calques de réglage; je vous recommande donc de placer chaque lettre dans son propre groupe..
Pour que cet effet fonctionne, nous devons d’abord isoler chaque côté de la lettre afin d’envelopper les textures en fonction de la perspective des lettres. Ce processus peut paraître un peu ennuyeux au début, mais nous obtiendrons un effet de texture animale réaliste et froid.
Nous allons commencer par la lettre "W". Il y a plusieurs façons d'isoler les côtés de chaque lettre. En ce moment, nous allons utiliser deux méthodes. Utilisation des outils Baguette magique (W) et Stylo (P).
Sélectionnez l'outil Baguette magique (W) et cliquez sur un côté de la lettre. Une fois la sélection effectuée, créez un nouveau calque et remplissez la forme avec la couleur blanche (ALT + BACKSPACE). Renommez le nouveau calque avec le côté de la lettre que vous avez sélectionné. Dans ce cas, le "Front", puis nous allons avec le "Side" le "Back" et ainsi de suite.
Désélectionnez la forme (Commande / Ctrl + D) et revenez au calque "W", puis sélectionnez un nouveau côté à l'aide de l'outil Baguette magique, créez un nouveau calque et remplissez-le de blanc. Répétez ce même processus pour chaque côté.
Vous devrez peut-être modifier la valeur "Tolérance" de l'outil Baguette magique en fonction de la manière dont la sélection est effectuée. Si l'outil fait une sélection plus petite que vous ne le souhaitez, sélectionnez une valeur de tolérance supérieure à celle que vous avez définie jusqu'à ce que vous sélectionniez éventuellement la forme entière..
Si vous remplissez tous les côtés de couleur blanche, il est préférable de voir rapidement si nous avons oublié de texturer les taches sur la lettre..
Une fois que vous avez isolé tous les côtés de la lettre, vous pouvez désactiver la visibilité du calque de la forme 3D d'origine..
Téléchargez le
Texture de fourrure de léopard et faites-le glisser vers votre document. Nous allons le dupliquer plusieurs fois pour envelopper chaque forme de la lettre et nous allons relier chacune des couches de texture avec des masques d'écrêtage. Faites glisser le calque de texture sur la forme. Tout en maintenant la touche ALT enfoncée, cliquez entre les deux calques pour créer un masque d'écrêtage..
Maintenant, en utilisant les outils de transformation, changez la texture pour qu'elle corresponde à la perspective et à la position de la lettre..
L'un des meilleurs outils pour envelopper le texte est l'option "Warp". Dupliquez le calque de texte et le masque de découpe dans chacune des formes et transformez-le en conséquence.
Cela vous prendra peut-être un peu de temps pour bien comprendre la perspective, mais cela deviendra plus facile à mesure que vous le ferez..
Une fois que vous avez tous les côtés avec le clip de texture masqué pour chaque forme, vos calques et votre lettre 3D doivent ressembler à ceci:
Non, nous allons appliquer un ombrage de chaque côté de la lettre pour ajouter de la profondeur et du réalisme. Créez un nouveau calque par-dessus le calque de texture, définissez son mode de fusion sur "Multiplier" et masquez-le..
Saisissez l'outil Pinceau (B) avec une pointe circulaire de base de 0% de dureté et d'environ 150 pixels de largeur avec l'opacité du pinceau définie sur 30%, définissez la couleur de premier plan sur le noir. Choisissez votre source de lumière (dans ce cas, j'ai décidé que la lumière proviendrait de la partie centrale de la toile sur la face supérieure) et des ombres de brosse douces et des ombres en fonction de votre source de lumière..
Badigeonner autant de fois que nécessaire de chaque côté de la lettre.
Vos calques et ombrages devraient maintenant ressembler à ceci:
Maintenant que l'ombrage de la lettre est terminé, nous devons améliorer les parties où la lumière frappe notre forme. Pour ce faire, vous devez masquer un nouveau calque par-dessus le calque d'ombrage de la forme que vous souhaitez ajouter de la lumière..
Dans ce cas, j'ajoute simplement de la lumière au début de la lettre. Définissez le mode de fusion du calque sur "Superposition" et utilisez le même pinceau doux que celui utilisé pour l'ombrage. Nous allons maintenant commencer à peindre en blanc..
Les cheveux ou
"fourrure" est très important pour rendre ce look réaliste et ajouter de la profondeur à la typographie. Créez un nouveau calque par-dessus tous les calques de votre groupe. Vous n'avez pas besoin de couper le masque celui-ci.
Saisissez l'outil Pinceau et sélectionnez un pinceau rond et dur d'environ 3 pixels de large et 100% d'opacité. Nous avons besoin que cela soit vraiment une chose pour obtenir le plus de détails possible. Dans le menu des pinceaux, assurez-vous de cocher l'option "Dynamique de forme" et réglez l'option Contrôle de la gigue de taille sur "Pression du stylet".
Comme vous pouvez le voir sur l'aperçu du trait de pinceau, le réglage de la pression du stylet sur le contrôle fera disparaître le trait au début et à la fin. Pour ce faire, j'utilise une tablette graphique afin que la dynamique de la pression soit meilleure. Si vous n’avez pas de tablette graphique, vous pouvez toujours utiliser l’outil Plume pour dessiner des chemins minuscules, puis les tracer et les dupliquer de manière à pouvoir remplir plus facilement toute la silhouette de la lettre avec des cheveux..
Tout en maintenant la touche ALT + enfoncée, cliquez sur une couleur de la texture pour passer en mode "Pipette rapide" et échantillonnez-la (je vous suggère de commencer par les tons les plus sombres). cheveux dans la texture.
Au fur et à mesure que vous progressez, continuez à échantillonner les couleurs régulièrement (du plus foncé au plus clair) en tenant compte des couleurs de la texture pour un bon mélange..
Prenez votre temps en faisant cette étape. Plus vous apportez de détails et de variations de couleur, plus vous serez réaliste.
Une fois que vous avez recouvert tous les bords avec les cheveux peints, changez la taille du pinceau en 1 pixel. Sélectionnez une couleur de ton moyen et griffonnez quelques lignes au hasard.
Continuez à travailler les cheveux jusqu'à ce que les bords soient complètement remplis.
Nous allons maintenant ajouter un peu de contraste à l'image. Lorsque vous êtes satisfait du résultat des étapes précédentes, vous pouvez dupliquer le groupe "W" puis le fusionner (Commande / Ctrl + E) pour appliquer les paramètres de contraste suivants:
De petits détails comme mettre des queues et des yeux dans ce genre de manipulation le fait vraiment éclater et lui donne un aspect très organique.
Sur l’image de texture originale, l’outil Plume ou Lasso polygonal (L) permet de tracer une forme tourbillonnante et de la copier dans un nouveau calque..
Nous devons maintenant donner du volume et de l’ombrage à la queue. Allez dans le menu de style de calque, cochez l’option Bevel and Emboss et appliquez les paramètres suivants:
Ces paramètres appliqueront des ombres et des lumières à la queue et lui donneront un peu de volume. De plus, vous pouvez découper un nouveau calque sur le masque et peindre un peu plus d'ombres et de rehauts, comme nous l'avons fait lors des étapes précédentes..
Nous devons également peindre des cheveux. Utilisez la même technique que nous avons fait avec les bords des lettres.
Vous pouvez également placer les couches de queue dans un groupe différent. Cela devrait être en dessous de notre lettre pour que la queue se cache derrière elle.
Comme nous le faisions auparavant avec la lettre "W", nous devons isoler les deux côtés de la lettre "I"..
Faites glisser l’image stock de zèbres sur votre document. A l'aide de l'outil Plume ou du lasso polygonal, tracez une grande sélection de la peau du zèbre et copiez-la dans un nouveau calque. Ce sera la texture que nous allons utiliser pour cette lettre.
En utilisant à nouveau le masque de découpe, enroulez la texture autour des formes. Veillez à ne pas trop modifier celui-ci car nous voulons que le motif zébré soit le plus reconnaissable possible..
Une fois que vous avez la texture, il est temps de faire l'ombrage et de mettre en surbrillance la peinture. Créez un nouveau calque, découpez-le, masquez-le à la texture et nuancez en conséquence.
Nous devons également peindre les cheveux sur les bords. La différence est que cette fois, nous devons peindre les cheveux un peu plus courts qu'avec la lettre léopard. Utilisez une brosse ronde dure d'environ 2 pixels de large et échantillonnez les couleurs de la texture.
Puisque la texture est un peu plate comme c'est le cas en ce moment. Nous devons aussi peindre quelques détails de cheveux dans la lettre. Utilisez un pinceau de 1 pixel et 2 pixels pour cela.
Pour plus de détails sur cette lettre, retournez à votre image d'origine et faites une sélection des poils du zèbre. Utilisez un rayon de plume de 3 pixels pour la sélection et copiez les cheveux dans un nouveau calque.
Placez-le derrière la lettre et peignez des cheveux comme sur la marche avant. Ça devrait ressembler a quelque chose comme ca:
Sur le calque de texture Zebra, tracez une sélection d’une autre forme tourbillonnante (essayez de la différencier des autres) et copiez-la dans un nouveau calque. Placez cette couche au-dessus des couches de lettres.
Couper masque un nouveau calque et ajouter des ombres et des rehauts à l'aide d'un pinceau doux et rond.
Ouvrez le menu de style de calque et utilisez les paramètres Bevel et Emboss suivants pour donner du volume à la queue. (Expérimentez ces valeurs pour différents résultats)
Sur une nouvelle couche, peignez quelques cheveux pour les finir. Masquez ou effacez également, avec une brosse douce, un peu de la queue à la hauteur des poils du dos pour donner l’apparence de la queue venant de l’arrière au sommet..
Créez un nouveau calque entre les groupes "I" et "W". Ici, nous allons peindre l'ombre qui tombe sur le "W" par la lettre "I". Prenez un pinceau rond et doux d’environ 200 pixels de large avec une opacité d’environ 30% et appliquez le pinceau sur la lettre.
"W" où l'ombre devrait être:
Commencez par isoler chaque côté de la lettre en différentes formes. Faites ensuite glisser la texture de la peau de serpent sur votre document, faites une sélection sur la peau comme auparavant et copiez-la dans un nouveau calque..
Pendant que vous masquez la texture aux formes, essayez de suivre les motifs et les formes. Expérimentez avec différentes positions pour voir ce qui conviendrait le mieux. Comme vous pouvez le voir dans l'exemple ci-dessous, j'ai essayé de faire en sorte que le motif se répande le long de la lettre au lieu de simplement couper la texture de manière aléatoire:
Avec une texture comme celle-ci, elle peut facilement paraître très plate si vous ne la transformez pas en fonction de la perspective des formes de la lettre..
Ajoutez l'ombrage et les lumières comme nous l'avons fait avec les lettres précédentes:
Prenez l’image stock de Reptile Eye et faites-la glisser sur votre document. A l'aide de l'outil Plume, extrayez l'oeil de l'image. Retournez-le horizontalement, transformez-le en fonction de la perspective de la lettre et placez-le au-dessus du calque de forme avant..
Nous allons maintenant l'esquiver et le brûler (O) pour l'adapter à la lumière de la forme. Saisissez l'outil Graver et sélectionnez une brosse ronde douce d'environ 30 pixels de large avec la plage de l'outil de gravure définie sur les demi-tons et l'exposition à 25%. Appliquez un pinceau autour des zones les plus sombres pour créer des ombres sur les yeux..
Maintenant, sélectionnez l'outil Dodge et faites de même pour créer des points forts..
Maintenant, nous allons ajouter quelques détails à la lettre, pour améliorer encore son apparence animale de reptile.
Sélectionnez un pinceau rond et dur d'environ 10 pixels de large et une opacité de 100%. Sélectionnez le calque de la forme sur laquelle vous avez découpé a masqué les textures. Peignez de petites bosses sur les bords en suivant le motif des écailles. Vous verrez que la texture agit également sur ces nouveaux bits peints. Si à un moment donné il y a des points découverts par la texture, vous pouvez toujours le transformer un peu plus pour tout recouvrir.
Puisque cette lettre est placée devant deux autres lettres, nous devons peindre les ombres qui les recouvrent. Créez un nouveau calque sous le groupe "L" et utilisez un pinceau rond et doux, de couleur noire et d'opacité faible, pour peindre les ombres sur les lettres, comme nous l'avons fait à l'étape 18..
Voici un aperçu du panneau des calques.
Étoile en extrayant chaque côté de la lettre dans sa propre couche. Dans ce cas, ainsi que sur d’autres lettres, l’utilisation de l’outil Baguette magique pourrait ne pas fonctionner correctement. Dans ce cas, utilisez l'outil Plume pour tracer un chemin le long de la forme et le remplir..
Pour ce faire, vous devrez peut-être utiliser des lettres comportant beaucoup d'ombres et de courbes..
Prenez l’image d’éléphant et appliquez les paramètres de luminosité et de contraste suivants:
Comme nous l'avons fait lors des étapes précédentes, démarrez la duplication des clips et masquez le calque de texture sur chacun des côtés de la lettre..
Soyez prudent et prenez votre temps pour transformer la texture en particulier sur les zones rondes.
Tout en faisant de l'ombrage sur les textures, prenez comme référence votre première forme 3D pour pouvoir appliquer des lumières et des ombres de manière plus précise..
Faites glisser le stock de tête d'éléphant vers votre document, retournez-le horizontalement et utilisez l'outil crayon pour extraire le tronc de l'animal..
L'image est un peu saturée pour le moment et elle ne se fondra pas correctement avec le reste du calque texturé. Allez dans le menu Teinte et Saturation (Commande / Ctrl + U) et désatrez l'image..
Maintenant que la saturation est corrigée, nous devons recouvrir les petites parties d’herbe du tronc. Pour ce faire, nous allons utiliser l’outil Tampon de duplication. Sélectionnez-le (S) et choisissez une brosse douce et ronde. tout en maintenant la touche ALT enfoncée, échantillonnez une partie du tronc semblable à celle que nous voulons patcher; une fois échantillonné, frottez lentement le brin d'herbe, puis effectuez un échantillonnage d'une source différente à chaque fois.
À l’aide des outils Dodge et Burn, améliorez les lumières et les ombres sur l’image. Placez la couche de coffre au-dessus de la lettre texturée, nous allons commencer à travailler sur le mélange du tronc.
Ajoutez un masque de calque au calque du tronc et à l'aide d'un pinceau doux, masquez les bords du tronc de manière à ce qu'il s'efface avec le corps de la lettre..
À l'aide de l'outil Tampon de duplication avec une brosse douce, clonez des parties du tronc dans le corps de la lettre pour obtenir un meilleur effet de fusion..
En utilisant la même technique qu'à l'étape 21, placez-vous sur l'une des formes principales et, à l'aide d'un pinceau, peignez le long des bords avec un pinceau dur en suivant le motif de la texture. Faites cela sur les bords de chaque calque de forme.
Prenez l'image du chapeau et faites-la glisser sur votre document. Extrayez-le ensuite de son arrière-plan, puis appliquez les paramètres de luminosité et de contraste suivants:
Placez-le sur la lettre texturée d'éléphant. Créez de nouveaux calques et découpez-y un masque pour peindre des ombres et des rehauts respectivement. (Vous pouvez également utiliser les outils Burn et Dodge).
Voici à quoi devrait ressembler votre texte après avoir terminé le premier mot:
Vous êtes maintenant prêt à créer le prochain jeu de lettres en utilisant les mêmes techniques que celles décrites dans les étapes précédentes. À partir de maintenant, je ne ferai que mentionner comment créer les détails spécifiques à chaque nouvelle série de lettres et ignorer les étapes consistant à isoler chaque partie de la lettre, en ombrant et en texturant, car elles sont identiques pour chaque lettre..
Dans cette lettre, nous allons utiliser un stock d’images chat comme texture..
La peinture de la fourrure et l’enveloppement de la texture ressembleront un peu à ce que nous avons fait avec la lettre "W".
Lorsque vous commencez à peindre la fourrure sur celle-ci, assurez-vous de lui donner des traits plus longs, de manière à correspondre à la longueur de la fourrure du chat. Commencez les traits presque au milieu de la texture, cela facilitera également le mélange. Gardez également à l'esprit la variation des couleurs.
N'oubliez pas d'ajouter de petits détails sur vos lettres, par exemple la queue de chat. (Même processus qu'à l'étape 14).
Cette lettre sera semblable à celle que nous avons faite avec la première lettre "I", mais dans ce cas, nous ne peindrons pas de cheveux, car le
L'image de stock de cheval avait déjà une très belle texture.
Pour la queue, j'ai sélectionné une partie du poil du stock de cheval et je l'ai placée au-dessus de la lettre..
Peignez ensuite les cheveux avec de grands traits pour améliorer le mélange avec la forme.
Les lettres les plus proches pourraient être les plus difficiles à texturer, principalement à cause du grand nombre de leurs côtés. N'oubliez pas d'utiliser la lettre 3D d'origine comme référence pour l'ombrage et la foudre. Étant donné que nous utilisons une image de stock Tiger comme texture, nous allons créer ce calque comme nous l'avons fait avec la lettre "W" et le second "L" avec la texture de fourrure de chat..
Créez de nouveaux calques entre les groupes de lettres pour peindre les ombres portées sur les formes.
Cette lettre sera très similaire à celle du serpent texturé puisque nous utilisons une image de grenouille.
Ce sera peut-être la lettre la plus difficile à texturer en raison du nombre de côtés et de formes courbes, prenez donc le temps nécessaire pour transformer la texture avec soin.
Appliquez également de la peinture sur les couches principales pour créer des échelles sur les bords de la lettre, comme à l'étape 21..
Saisissez l'outil Plume et tracez un chemin dans un nouveau calque, comme dans l'exemple ci-dessous, remplissez-le avec une couleur rouge vif..
Découpez un calque sur cette forme et recouvrez-le avec un pinceau doux et arrondi. Ci-dessous, peignez une ombre qui va aider à se fondre dans la lettre:
A l'aide de l'outil Lasso polygonal, tracez une sélection tourbillonnante au-dessus de la forme de la langue. Avec un pinceau rond doux à faible opacité (environ 20%) et une couleur blanche, effleurez délicatement à l'intérieur de la sélection. Il suffit de peindre doucement sur les bords pour créer un effet de salive sur la langue.
Créez un nouveau calque entre les calques "F" et "E" et peignez l'ombre qui tombe sur la lettre.
Le deuxième mot de votre typographie devrait maintenant ressembler à ceci, avec toutes les textures et nuances appliquées:
À ce stade, vous pouvez supprimer le calque de dégradé défini à l'étape 2 pour nous aider à obtenir un contraste entre l'arrière-plan et les formes sur lesquelles nous travaillons, en laissant un arrière-plan presque blanc avec du bruit..
Créez un nouveau calque au-dessus du calque de bruit de votre arrière-plan et utilisez un pinceau rond doux avec une couleur noire définie sur environ 20% d'opacité. Pour peindre les ombres sous le texte en fonction de votre source de lumière:
Pour finir, nous allons ajouter des calques de réglage de la luminosité et du contraste pour améliorer les reflets, les ombres et la saturation des couleurs. Sélectionnez Calque> Nouveau calque de réglage> Luminosité et contraste et définissez les valeurs suivantes: (ce calque doit se situer au-dessus de tous les calques).
Votre texte devrait maintenant ressembler à ceci avec le nouveau calque de réglage:
Accentsconagua