Créer un effet de texte 3D inspiré par l'été dans Photoshop

Dans ce tutoriel, nous allons vous montrer comment créer un effet de texte 3D inspiré par l’été. Au cours de ce processus, vous apprendrez à utiliser les fonctionnalités 3D de Photoshop pour créer la forme de texte de base, puis à la combiner avec différentes images afin d’obtenir le résultat souhaité. Commençons!


Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel. Veuillez les télécharger ou trouver des alternatives avant de commencer.

  • Rbno 2.1 fonte
  • Plage
  • Le paradis au bout des doigts
  • Cuba, cayo largo (1)
  • Cuba, cayo largo (2)
  • Plage de Mangsnag en Corée
  • Le coucher du soleil
  • Noix de coco contre ciel bleu
  • Mouette
  • ballon de plage
  • Parapluie
  • L'eau nouvelle
  • Tongs vertes sur la plage

Avant de commencer

Avant de commencer, assurez-vous de télécharger tous les actifs du didacticiel ci-dessus. Certaines d’entre elles sont des photos d’achat qui doivent être achetées à Photodune. Vous n'avez pas besoin d'acheter les images pour compléter le didacticiel. N'hésitez pas à trouver des alternatives, mais si vous voulez le meilleur résultat, il est toujours bon d'utiliser des photographies de stock professionnelles, d'autant plus que nous allons travailler en haute résolution..


1. Texte 3D

Étape 1

La première étape avant d’ouvrir Photoshop est de choisir une belle police pour notre texte 3D. Dans mon cas, la police utilisée était RBNo 2.1 Black DEMO, que vous pouvez télécharger gratuitement sur Myfonts. Cliquez simplement sur "Ajouter au panier" pour terminer le processus et un lien vous permettant de télécharger la police vous sera fourni. Cependant, n'hésitez pas à utiliser la police de votre choix. Habituellement, pour les textes 3D volumineux, la police de caractères sans empattement condensée et audacieuse convient mieux..


Étape 2

Une fois la police installée, ouvrez Photoshop et créez un nouveau document. (Cmd / Ctrl + N). Comme nous allons travailler dans une résolution de 1920x1080 pixels, nous voudrons que notre texte 3D soit deux fois plus volumineux pour optimiser la qualité. Configurez votre document à 3840 par 2160 pixels, puis cliquez sur OK..


Sélectionnez le Outil de type (T) et écrivez "SUMMER" au centre de votre toile. Ouvrez le Personnage panneau et lui donner les valeurs suivantes.


Avec votre calque de texte sélectionnez, allez à 3D> Nouvelle extrusion 3D à partir du calque sélectionné. Vous devriez obtenir le résultat suivant.


Étape 3

Maintenant, si vous n'avez jamais utilisé les capacités 3D de Photoshop, cela pourrait être un peu déroutant. Fondamentalement, jouer avec 3D dans Photoshop, vous devez utiliser deux panneaux ensemble: le 3D panneau et le Propriétés panneau. le 3D Le panneau vous permet de sélectionner différents aspects sur lesquels vous souhaitez travailler (environnement, forme, lumière, etc.) et le panneau Propriétés vous permet de modifier les valeurs. Ouvrez les deux panneaux. Dans 3D, sélectionnez votre forme de texte et donnez-lui les valeurs suivantes Propriétés. dans le Éditeur de contour, assurez-vous que la case "Coin" est cochée pour tous vos points d'entrée, sinon vous n'obtiendrez pas le même résultat.


Ensuite, donnez le Environnement, la Scène et le Vue actuelle les paramètres suivants. Assurez-vous que le FOV est réglé sur 10 mm pour donner plus de perspective au texte.


Enfin, donnez à votre texte les matériaux suivants. Donner le biseau, l'extrusion et le gonflage de couleurs différentes nous aidera à définir les sélections dans l'étape suivante.


Lorsque vous avez terminé, restituez votre texte 3D (cela peut prendre un peu de temps) et tramez-le. Comme nous avons travaillé avec une résolution double de celle de notre image finale, le rendu n'a pas besoin d'être de haute qualité..


Étape 4

Dans cette étape, nous préparerons notre texte pour l'intégration photo. Pour ce faire, nous aurons besoin de trois versions de notre texte.


Le premier est assez facile à obtenir. Avec votre couche rasterisée sélectionnée, allez simplement à Sélectionnez> Gamme de couleurs, choisissez la couleur bleue et créez un masque d'écrêtage (Calque> Créer un masque de découpage). Nommez le calque "Bleu".


Le second est un peu plus dur, le plus simple est de dupliquer le calque et d’inverser le masque (Cmd / Ctrl + I) [UNE]. Puis, avec un pinceau noir, peignez l'extrusion verte [B]. Récupérer la sélection du calque "bleu" en maintenant Alt et en cliquant sur son masque [C]. Enfin, remplissez la sélection en blanc [RÉ]. Nommez le calque "Rouge + Bleu".


Pour le dernier, il suffit de dupliquer à nouveau votre calque "bleu", masquer son masque, et utiliser Gamme de couleurs pour créer une sélection à partir du rouge. Afficher le masque, remplir la sélection de blanc, désélectionner (Cmd / Ctrl + D) et inverser le masque. Nommez le calque "vert".


Il y a encore un peu de travail à faire sur celui-ci. Créer un nouveau calque (Cmd / Ctrl + N), coupez-le en "vert" et utilisez le Clone Stamp Tool nettoyer l'extrusion bleue.



2. la plage

Étape 1

Maintenant que notre texte 3D est prêt, nous devons créer la plage parfaite. Tout d’abord, créez un nouveau document 3840x2160px comme la dernière fois..


Placez le stock de plage et adaptez-le à la perspective suivante en utilisant Distorsion (Édition> Transformer> Distorsion).


Dupliquez le calque, retournez-le horizontalement (Édition> Transformer> Retourner horizontalement) et placez-le à droite. Utiliser un Masque de calque avec un pinceau noir doux pour masquer la partie gauche du calque, les deux ensemble ainsi.


Placez Paradise à mes doigts dans votre toile, réduisez-le à 61% et étirez-le à 200%. Utiliser un Masque de calque mélanger le fond avec l’arrière-plan et ajouter un Balance de couleur et un Courbes calques de réglage. Dans cet exemple, j'ai également assombri les côtés du calque à l'aide d'un pinceau bleu doux avec un calque défini sur Multiplier. Une fois que vous avez terminé, regroupez tout (Cmd / Ctrl + G) et nommez le groupe "Mer".


Étape 2

Ouvrez Cuba, cayo largo 1 et Cuba, cayo largo 2 et placez-les sur votre toile de sorte que l'horizon corresponde à votre arrière-plan. Utilisez la même technique qu'à l'étape 5 pour mélanger les couches, puis regroupez-les et masquez le bas..


Dans le groupe, placez les calques de réglage suivants pour éclaircir le ciel et lui donner une belle sensation caribéenne.


Étape 3

Cachez les deux groupes et ouvrez la plage de Mangsnag en Corée. Placez-le dans votre toile à gauche puis dupliquez-le et retournez-le à droite. Sur un nouveau calque, utilisez le Outil de tampon de clonage (S) pour nettoyer le sable (assurez-vous de régler l'échantillon sur Actuel et inférieur)


Ajouter un Gradient Map calque de réglage en haut et lui donner le dégradé suivant. Tout grouper et nommer le groupe "Sand".


Tout afficher Donnez à "Sea" un masque pour couper la mousse du sable et donnez au groupe un doux Ombre portée pour lui donner un beau contraste.


Clip les calques de réglage suivants à "Mer".


Étape 4

Ajoutons un soleil au ciel. À l’aide d’un pinceau rond et doux, peignez trois points superposés sur un nouveau calque, en commençant par le plus grand bleu, le moyen cyan et enfin le petit blanc. Définissez le calque sur Écran.


Répétez le même processus, mais cette fois, faites-le plus gros et en dehors du groupe "Ciel". Regroupez les couches et nommez le groupe "Lumière".


Pour mieux intégrer le soleil, nous allons ajouter un reflet brillant à la mer. Place Sunset. Isoler le reflet, le désaturer (Cmd / Ctrl + Maj + U) et assombrir avec un Courbes ajustement. Réduisez le calque et réglez-le sur Écran.



3. intégration

Étape 5

Maintenant que notre texte 3D et notre plage sont prêts, nous pouvons les réunir. Créez à nouveau un nouveau document, mais cette fois, créez-le en 1920x1080 et nommez-le "Hello Summer". De retour dans votre document "Plage", convertissez le tout en un Objet intelligent (sélectionnez tous les calques, puis clic droit> Convertir en objet dynamique) et le dupliquer pour "Hello Summer". Dupliquez également les calques de texte 3D dans votre document.


En utilisant Transformation libre (Cmd / Ctrl + T), réduire tout à 50%.


Nous pouvons maintenant commencer l'intégration en découpant le calque "Beach" en "Red + Blue". Assurez-vous de garder "Plage" en tant que Objet intelligent, afin que vous puissiez le modifier plus tard si vous avez besoin de.


Étape 6

Définir "Bleu" à 15% Remplir et donnez le suivant Styles de calque. Dupliquer "Plage" et le clipser sur le calque.


Fusionner "vert" et la couche découpée ensemble. Frappé Cmd / Ctrl + Maj + U pour le désaturer, et le régler sur Multiplier. Dupliquer "Plage" une fois de plus, placez-le en bas, récupérez la sélection de "Vert" (Alt + Clic sur la vignette) et créer un Masque d'écrêtage.


Clip a Courbes ajustement et un Couleur unie couche à "vert" pour l'alléger.


Ajoutez ensuite la courbe suivante à "Plage" et donnez-lui un 25px Flou gaussien.


Nous allons maintenant assombrir un peu plus le biseau. Dupliquez le calque "vert", placez-le sur tout, réglez-le sur Multiplier, et effacer l'extrusion externe. Donner à la couche un 5px Flou gaussien, et y attacher un autre calque "Plage".


Étape 7

Maintenant que notre texte 3D est terminé, plaçons-le dans un contexte. Dupliquer "Plage" une fois de plus et le rasteriser (Calque> Pixelliser> Objet dynamique). Donnez-lui un 50px Flou gaussien et les suivants Teinte / Saturation ajustement. Regroupez tous les calques de texte et nommez le groupe "Eté". Faites la même chose pour les couches d’arrière-plan et nommez le groupe "BG".


Maintenant, nous allons donner une ombre à notre texte pour qu’il semble s’asseoir sur le sol. Dupliquer l'été et fusionner le groupe (Calque> Fusionner le groupe). Frappé le Verrouiller les pixels transparents bouton et remplissez le calque avec # 8A725F (Édition> Remplissage> Utiliser la couleur). Déplacer le calque vers le bas.


Déverrouiller la transparence et donner au calque un 15px Flou gaussien. Réduisez-le verticalement et masquez la partie supérieure. Placez le calque sous le groupe "Eté".


Répétez le processus une fois de plus, mais cette fois avec un 3px Flou gaussien. Regroupez les deux calques et nommez le groupe "Ombre".



4. La substance supplémentaire

Étape 8

Dans les étapes suivantes, nous allons commencer à ajouter diverses images à notre composition afin de la rendre plus intéressante. Nous allons commencer par un palmier, que vous pouvez télécharger ici. Nous devrons extraire l'arbre de son arrière-plan. Pour ce faire, ouvrez l’image dans Photoshop, sélectionnez le Outil Baguette Magique (W) et faites une sélection approximative du fond. Ne tenez pas compte des nuages ​​et des îles pour le moment et créez un Masque d'écrêtage. Puis, avec un pinceau noir dur, peignez le reste comme indiqué ci-dessous.


Avec le masque de la couche sélectionné, ouvrez le Propriétés panneau, cliquez sur Bord du masque, et peindre le ciel autour des feuilles. Met le Rayon à 0,6px, le Lisse à 1 et vérifier Décontaminer les couleurs.


Vous pouvez ensuite convertir le calque en un Objet intelligent, dupliquez-le dans votre document principal et réduisez-le à 64x44%. Renommez le calque "Palm Tree" et masquez le coin inférieur droit. L’arbre étant un objet intelligent, vous pourrez le transformer autant que vous le souhaitez sans perdre en qualité..


Étant donné que la source de lumière principale de notre composition provient du soleil au centre du texte, nous donnerons une ombre intérieure à notre palmier. Pour ce faire, créez un Courbes calque de réglage et le clipser sur "Palm Tree". Donnez un masque au calque, inversez-le et peignez la partie droite de l’arbre. Donner à la couche un Smart Sharpen et placez-le dans un groupe du même nom. Dans cet exemple, j'ai également peint le filtre de netteté autour des feuilles de l'arbre car il était un peu trop fort.


Étape 9

Pour équilibrer la composition, nous allons ajouter un ballon de plage à gauche. Téléchargez la balle et ouvrez-la. Vous pouvez créer une forme circulaire avec le Outil Ellipse (U) et l'utiliser comme un masque pour extraire la balle de son arrière-plan. Comme auparavant, convertissez-le en un Objet intelligent, insérez-le dans votre document, mais cette fois, retournez-le horizontalement et donnez-lui une Ombre intérieure. Vous pouvez donner à la balle une petite ombre en utilisant la même technique qu'à l'étape 11..


Nous allons également ajouter un parapluie rouge à l'intérieur du "U". Téléchargez le parapluie et ouvrez-le. Lors de l'extraction du fond, laissez de côté la poignée. Placez-le dans votre document en tant que Objet intelligent comme toujours. Avec une petite brosse dure, choisissez une couleur grise et tracez un pôle droit dans le sable (cliquez à une extrémité, maintenez la touche Maj enfoncée et cliquez à l’autre extrémité pour tracer une ligne droite). Donner un pôle Biseau et estampage style de calque.


Téléchargez la mouette et faites la même chose qu'avant. Pour celui-ci, c'est une bonne idée de travailler sur le point culminant et l'ombre en jouant avec des couches accrochées à la mouette, afin que la lumière vienne davantage du haut. Cela ne doit pas nécessairement être parfait car la mouette sera considérablement réduite dans le document principal.


Enfin, vous pouvez ajouter le texte "Bonjour". La police utilisée dans ce cas est Shelby, que vous pouvez y trouver. Comme toujours, n'hésitez pas à utiliser la police de votre choix.


Étape 10

Dans cette étape, nous allons ajouter un peu d’eau renversée sur le sol. Pour ce faire, nous allons utiliser quelques formes d'éclaboussures. Dans l'exemple ci-dessous, j'utilise une forme personnalisée créée dans Illustrator, mais vous pouvez utiliser la forme de votre choix. Il y en a beaucoup sur Internet. Placez la forme dans votre document et utilisez Transformation libre (Édition> Transformation> Perspective), mettre la forme en perspective et lui donner ce qui suit Styles de calque. N'oubliez pas de définir le calque Remplir à 0%.


Téléchargez le stock d’ondulations, placez-le en perspective sur votre calque "Déversement". Vous pouvez ensuite extraire la sélection de "Spill" et l'utiliser pour masquer votre couche d'ondulations. Puis, le désaturer (Cmd / Ctrl + Maj + U) et assombrir en utilisant un Courbes ajustement. Définissez le calque sur Lumière douce et 20% d'opacité.


Répétez le processus jusqu'à ce que vous soyez satisfait. Dans ce cas, j’ai regroupé les différentes couches "Spill" et "Ripples" ensemble et mis les Styles de calque sur les groupes à la place pour une manipulation plus facile.


Étape 11

Pour mieux intégrer nos lettres, ajoutons un peu de sable renversé sur le sol. Pour ce faire, téléchargez et ouvrez Dirt Piles PNG. Réduisez-le et donnez-lui les ajustements suivants.


Nous pouvons même mieux intégrer ce tas de sable en dessinant des grains de sable sur le sol. Pour ce faire, sélectionnez une petite brosse dure, ouvrez le Panneau de brosse (F5) et réglez votre pinceau de manière à disperser de manière aléatoire de petits points. En utilisant le Outil Pipette (I), Choisissez la couleur de votre sable et tracez de petits grains de sable sur une nouvelle couche. Une fois que vous avez terminé, vous pouvez ajouter un Ombre portée pour leur donner un peu plus de contraste.


Répétez le processus autant que vous le souhaitez.


Étape 12

En utilisant la même technique que précédemment, ajoutez des bascules près de la lettre "U". Nommez le groupe "Sandales".




5. Réglages finaux

Étape 13

À ce stade, voici à quoi votre image devrait ressembler.


Ça a l'air bien, mais on peut encore l'améliorer. Dans cette étape, nous allons ajouter des calques de réglage pour aider à mélanger les différents éléments. En plus de tout, ajoutez les calques de réglage suivants. Met le Gradient Mapmode de fusion pour Recouvrir 50% et d’utiliser un Masque d'écrêtage avec un pinceau noir doux sur le Balance de couleur de sorte que les feuilles du palmier restent vertes. Regroupez tout et nommez le groupe "Réglages".


Un autre moyen d'améliorer votre image finale consiste à ajouter un effet de vignette douce près des bordures. Pour ce faire, remplissez votre toile avec du noir sur un nouveau calque (Maj + F5). Avec le Outil de chapiteau rectangulaire (M), sélectionnez le centre de la toile et effacez-la. Ensuite, donnez à votre couche 40 px Flou gaussien et le mettre à Multiplier. Pour mieux intégrer l'ombre, j'ai coupé deux couches sur la vignette et peint les couleurs choisies dans le texte..


À ce stade, j'ai trouvé la mer un peu trop large à mon goût. J'ai donc sélectionné toutes les couches "Plage" et les ai réduites à 66%. Si vous le faites, n'oubliez pas de dissocier les calques de leur masque (en cliquant sur la petite icône de lien située entre les vignettes) afin que la transformation n'affecte pas le masque..


Étape 14

On a presque fini. Une autre technique que nous pouvons utiliser pour tout mélanger consiste à ajouter un peu de bruit. Pour ce faire, créez un nouveau calque et remplissez-le avec 50% de gris. (Édition> Remplir). Aller à Filtre> Bruit> Ajouter du bruit et fixez le montant à 2%. Enfin, nommez votre couche "Bruit" et réglez-la sur Lumière douce.


Enfin, affinons un peu notre image pour lui donner son aspect final. Sélectionnez toutes vos couches, faites un clic droit et sélectionnez Fusionner les calques en tenant Alt. Aller à Filtre> Netteté> Netteté intelligente, entrez les valeurs souhaitées et appuyez sur OK. Assurez-vous de sauvegarder votre document. Si vous le souhaitez, vous pouvez maintenant aplatir votre image (Calque> Aplatir l'image) et redimensionner à 50% pour se débarrasser de toutes les imperfections.


C'est ce que votre Couche le panneau devrait ressembler à.



Conclusion

Toutes nos félicitations! Vous avez maintenant terminé cet effet de texte. Au cours de ce processus, vous avez appris à créer du texte 3D dans Photoshop et à combiner du texte 3D avec de la photographie afin de créer une illustration inspirée de l'été qui puisse être utilisée à diverses fins..