Dans ce tuto nous allons créer une très cool perspective avec un effet d’herbe spectaculaire en utilisant quelques textures, les outils de sélection et un peu de patience.

Créer un effet d’herbe spectaculaire sur texte

Pour commencer, téléchargez le pack suivant

Ce tutoriel se compose de trois étapes essentielles: la partie du fond d’écran, l’effet de texte et les effets de lumière

Nous allons commencer par ouvrir un nouveau document de 1900×1200 pixels, Résolution 72Dpi, couleur RVB puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > nouveau calque de remplissage > Dégradé

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Maintenant nous allons ajouter cinq textures grunge

Importez les textures celant l’ordre suivant, le mode de fusion et l’opacité

Nom de texture

Mode de fusion

Opacité

1

Incrustation

11%

2

Incrustation

43%

3

Incrustation

50%

4

Incrustation

33%

5

Lumière vive

31%

Créer un effet d’herbe spectaculaire sur texte

Pour obtenir ceci

Créer un effet d’herbe spectaculaire sur texte

Maintenant créez un nouveau calque, prenez l’outil pinceau (B) avec un diamètre de 200 pixels, une dureté de 0%, une opacité de 30% et ajoutez un peu de Noir sur les bords

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Ensuite tapez votre texte en utilisant la police d’écriture que j’ai fourni avec le pack en haut

Créer un effet d’herbe spectaculaire sur texte

Changez son mode de fusion en Superposition et réduisez son opacité à 50%

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Maintenant, importez la texture d’herbe en dessous du calque du texte comme ceci

Créer un effet d’herbe spectaculaire sur texte

Après, mettez-vous sur le calque de la texture d’herbe, puis sélectionnez le texte avec quelques brins d’herbe qui dépassent comme ceci

Créer un effet d’herbe spectaculaire sur texte

Intervertissez votre sélection en allant dans Menu > Sélection > Intervertir et appuyez sur le bouton « supprimer » de votre clavier pour couper l’herbe excédentaire.

Créer un effet d’herbe spectaculaire sur texte

Cliquez sur l’œil à coté de la vignette du calque de texte pour le masquer

Créer un effet d’herbe spectaculaire sur texte

Maintenant, revenez au calque de la texture d’herbe et appliquez dessus les options de fusion suivantes

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Allez dans Menu > Sélection > Récupéré la sélection pour obtenir la sélection du calque de la texture d’herbe

Créer un effet d’herbe spectaculaire sur texte

Ensuite, créez un nouveau calque (Ctrl+Shift+N) et mettez le en dessous du calque de la texture d’herbe prenez l’outil pot de peinture (G) et remplissez la sélection avec du Noir

Créer un effet d’herbe spectaculaire sur texte

Désélectionnez votre calque en appuyant sur (Ctrl+D) et allez dans Menu > Filtre > Atténuation > Flou directionnel

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Déplacez un peu le calque avec le flou directionnel en bas et à droite juste de quelques pixels pour obtenir un effet d’ombre (si vous n’avez pas compris la méthode voilà un autre tutoriel plus détaillé)

Créer un effet d’herbe spectaculaire sur texte

Créez un autre calque et dessinez un rond blanc comme ceci

Créer un effet d’herbe spectaculaire sur texte

allez dans Menu > Filtre > Atténuation > Flou directionnel

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Changez son mode de fusion en Incrustation et réduisez son opacité à 49%

Créer un effet d’herbe spectaculaire sur texte

Maintenant ouvrez les images de la coccinelle et du papillon sélectionnez les et importez les dans votre document

Créer un effet d’herbe spectaculaire sur texte

Créez un autre calque, prenez l’outil pinceau (B) avec un diamètre de 5 ou 3 pixels et une dureté de 0% et dessinez les ombres des deux insectes

Créer un effet d’herbe spectaculaire sur texte

 

Créer un effet d’herbe spectaculaire sur texte

Maintenant la touche final, créez un nouveau calque (Ctrl+Shift+N) et remplissez le avec du Noir puis allez dans Menu > Filtre > Rendu > Halo

Créer un effet d’herbe spectaculaire sur texte

Changez son mode de fusion en superposition et réduisez son opacité à 50%

Créer un effet d’herbe spectaculaire sur texte

Créer un effet d’herbe spectaculaire sur texte

Ensuite ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé avec un mode de fusion Obscurcir

Créer un effet d’herbe spectaculaire sur texte

et voilà le résultat final

Créer un effet d’herbe spectaculaire sur texte

cliquez ici pour voir l’image en grande format

Auteur du tuto original : Collis

Lien du tuto en anglai : psd.Tutsplus.com

Tutoriel écrit et refait de A à Z par : Grafolog

ARTICLES SIMILAIRESPLUS DE L'AUTEUR

97 COMMENTAIRES

  3. Vraiment original, j’adore le rendu final. 😉
    Et je tiens à te redire que ta grenouille sur la bannière est géniale et notamment celle qui fait du yoga !@+

  5. Graph, c’est toi qui a fait les grenouilles? 🙂 comme l’a dit Jérôme elles sont géniales 😉 si tu pouvais nous faire un petit tuto…
    Sinon pour ce tuto ci j’avais jamais pensé a faire ça je vais l’essayer demain ou quoi 🙂
    Bonne soirée

  6. Je ne sais pas si je fais une gaffe en disant ça mais :
    Les grenouilles viennent de Fotolia ^^. Il existe toute une panoplie d’image sur Fotolia avec différentes postures de cette même grenouille =).

  24. slt et merci bcpp pr ce superbe tuto mé comme je suis un débutant, j’ai eu bcp de problèmes …ma question c’est lorsque j’intervertis et j’appuis sur supprimer du clavier il me donne ce message “impossible d’effectuer cette opération car vous ne pouvez pas modifier diréctement l’objet dynamique “” prièère de me répondre ..je suis vraiment bloqué plzzz

  26. Je suis bloqué rien qu’au “Textures grunge” étant débutant je bloque un peu partout m’voyez .. j’ai recherché sur google un peu mais ça n’a abouti en rien, si quelqu’un pouvait m’expliquer ça, j’aimerai beaucoup avoir ce genre d’image avec mon pseudo ^-^. Merci d’avance ! :siffle:

  27. @Sunfull : Je vais t’expliquer 😉 Dans l’archive, tu as 5 textures portant chacune d’elles un numéro.
    Tu importes la “1”,tu la redimensionnes à la taille de la création, tu mets en mode de fusion ‘incrustation’ avec 11% d’opacité.
    Et ainsi de suite, tu importes la 2, puis la 3, puis la 4, puis la 5 😉

  28. Bonjours à tous et un grand merci à Grafolog pour cet excellent tuto.
    En fait,il y à longtemps, j’avais déjà essayé de reproduire la version anglaise mais j’avais abandonné car trop de lacunes avec l’anglais.
    Grace à toi le problème est résolu. Ci-dessous un lien pour visualiser mon résultat. J’ai sauté quelques étapes et en ai ajouté d’autres persos. Bonne continuation et encore merci pour ton site et pour le temps que tu nous consacre. http://img411.imageshack.us/i/helpb…

  29. Bonjour, excellent tuto!!
    J’ai un petit problème au moment ou on sélectionne les lettres, comment faire pour déborder et prendre ainsi quelques brin d’herbe?
    merci

  31. bonjour, j’ai un petit problème lorsqu’il faut intervertir les sélections, le problème est bien simple : il ne se passe absolument rien, et si j’appuie sur le bouton supprimer, sa me met le fond “grunge” de la sorte : http://yfrog.com/bfcapturervlmj
    j’espère que quelqu’un va pouvoir m’aider car je ne comprend vraiment pas pourquoi la fonction intervertir ne fonctionne pas.
    cordialement, Platypus

  33. Un grand Bravo à la réalisation du site et aux différents tutos proposés, même si il y a quelque évidence qui m’échappe encore… :siffle:
    Etant également encore amateur sur photoshop, je connais quelques problèmes notables.
    J’ai suivi les instructions à la lettre, mais lorsque je mets le textuel en superposition, il devient invisible et il faut alors que je l’enleve le fond “grunge” visible.

    Est ce normal ?

    Bonne continuation

  34. slt tt le monde, j c pas si je dois poser ma question ici ou ailleurs, mais bon, j’arrive pas a écrire sous photoshop cs5, je sélectionne le calque, je choisis T, je peut choisir une police moyenne (72 par ex), je peut ensuite choisir une zone de texte, et LA le curseur ne clignote pas et rien ne s’affiche … j’ai changé de couleurs de police tjrs rien plz help me car je peut plus rien faire sous photoshop ;-( merci d’avance

  38. Salut a tous, j’ai mis 10Minutes à le faire, je le dis pour les débutants, car je suis tout débutant, ceci était ma premiere réalisation, c’est pour dire a quel point c’est bien détaillés, par contre je ne sais pas comment séléctionner le texte avec quelques brins d’herbe.. donc j’ai utilisé la “Baguette Magique” et c’est tout donc cela ne fais pas vraiment effet herbe..

    Voici tout de même le résultat “Final” : (Justine car prénom d’une amie 😉 )
    http://img818.imageshack.us/img818/…

  39. Bonjour! J’ai un souci pour ce tuto… à partir du moment ou il est ecrit : “Maintenant nous allons ajoutez cinq textures grunge

    Importez les textures celant l’ordre suivant, le mode de fusion et l’opacité “

    je ne sais pas comment faire.. je suis débutante en Photoshop, et je ne comprend pas comment “importer les texture celant l’ordre suivant”… Si quelqu’un pouvai m’aider…

    Merci!

  42. Bonjour @picpom lis ce qui est écrit à la fin du tuto avant de poster des commentaires à l’aveuglette
    C’est une demande de traduction d’un tuto anglai du membre Evan Forget
    Merci et très bonne continuation

  43. Bonjour, pour ceux qui comme moi ont des soucis pour importer les textures en incrustation, je vais apporter une grosse précision au début de ce tuto :
    “Nous allons commencer par ouvrir un nouveau document de 1900×1200 pixels Résolution 72Dpi couleur RVB”
    je vais préciser RVB 8 bits, sinon incrustation ne sera pas dispo 😉

  44. excellent, merci bcp pour toutes tes efforts, je voudrais savoir comment peintre ou bien faire un portrait sur photoshop si c possible et encore merci

  45. Bonjour alors voilà j’arrive a faire ce montage mais je n’arrive pas a ” Séléctionner un peu de brindilles ” avec le texte.. a mon grand regrès..

  46. Bonjour à tous

    Je suis comme maxus, je n’arrive pas à selectionner, quel outil utilisez vous pour pourvoir selectionner librement sans passer par le rectangle de selection

    Merci pour vos réponses

  50. Salut !! Je suis debutant et j’ai un probleme 🙁 Alors comment on fait pour importé le fichier d’herbe sous le texte. Voila merci 🙂

  51. Bonjour,
    Tout d’abord, merci pour ce tuto 🙂
    Cependant, comme certains ici, je bloc a l’étape où il faut selectionner les lettres avec un peu d’herbe…Je n’arrive simplement pas à trouver l’outil pour faire ces selections!
    Merci d’avance pour votre aide 🙂

  52. salut, je tiens à vous remercier pour ce super tuto. Mais j’ai rencontré un petit problème au niveau de la selection du texte pour l’intervertir, quand je selectionne une lettre le curseur prend celle à coté, j’ai changé la taille de l’outil de selection mais toujours le même problème.

  55. merci Grafolog pour la réponse, je trouve que l’outil plume fonctionne à merveille sauf que quand je selectionne mon txt le petit tracé que je fais prend la couleur verte (celle que j’ai choisi pour mon background). alors ma question serait la suivante: comment je peux m’en servir de l’outil plume pour effectuer des selections mais pas pour du remplissage? un grand merci et bonne journée

  57. Salut,

    J’ai passé plusieurs heures à chercher comment faire pour que le vert “clair” dans le calque de remplissage dégradé radial au tout début ne soit pas centré mais légèrement en haut à gauche. Pouvez-vous m’aider svp? Je suppose que c’est tout simple mais je suis débutant et apparemment pas très doué LOL

  60. Salut
    j’ai un petit soucis en ce qui concerne :
    “Maintenant mettez vous sur le calque de la texture d’herbe puis sélectionnez le texte avec quelques brin d’herbe qui dépassent comme ceci “

    je peut pas selectionner 2 lettres au même temps :-/

  61. Hey merci pour le tuto mais comme d’ab y a un truc que je saisis pas…

    “Maintenant mettez vous sur le calque de la texture d’herbe puis sélectionnez le texte avec quelques brin d’herbe qui dépassent comme ceci “
    OK j’utilise le lasso ^^ c va être chiant mais il faut bien…
    oO je peux pas sélectionner plusieurs lettre a la fois…
    Bon ben je duplique je calque et je les fusionnerers après !
    Mais là je sais plus comment faire ca quand j’intervertis la sélection il ne se passe rien (peut être que c’est normal donc je laisse).
    J’appuie sur le bouton supprimer et là WTF ? Alors ca me dit un message du genre “Vous ne pouvez pas faire cela car vous ne pouvez pas changer directement en objet dynamique” .
    Bref sur ce coup là gros blanc ya un outil spécial a utiliser là…

  62. Merci. 😉

    @Chakal2
    Où est le problème exactement ? =D
    Tu prends le lasso, et tu fais les contours de chaque lettre.
    Attention le lasso doit bien sûr être en mode “Ajouter à la sélection” (et non pas “Nouvelle sélection”), dans la barre “Options” de Photoshop ; cela afin de pouvoir faire la sélection en plusieurs fois. =)
    http://img4.hostingpics.net/pics/82…

  63. Désolé du double post, ma page était pas à jour j’avais pas vu VEZ90… qui n’a plus qu’à lire ce que j’ai écris juste au dessus. 🙂

    Note à l’auteur du tuto : faudrait le rajouter plus haut, on dirait que certains sont bloqués à cette étape. :-/

  65. Oups dsl du double post mais maintenant que j’ai testé je me rend compte que ca ne change rien a mon problème !Je peux maintenant sélectionner tout mon texte mais quand j’intervertis la sélection et que je supprime il se passe la même chose qu’avant !

  70. Salut voilà je voudrais savoir comment je fai pour mettre les new ecriture care je narrive pas a la mettre svp !

    et comment faire le contour avec les brin d’herbes ? =P

    voilà merci

  74. Super tuto ! étant un débutant j’ai osé tenter le coup et même si je ne suis pas encore satisfait de mon résultat c’est superbement bien expliqué ! du super boulot !

  80. Très beau (bon) tuto ! Bravo !
    Je viens de le suivre et cela me fait une belle signature LOL ; je vais la poster dans le forum après m’y être présentée.

    Je n’ai pas utilisé vos images de papillon et coccinelle (fallait les détourer ! :-O )et j’ai rajouté un filtre éclairage(léger)+ du texte avec des styles “effets d’herbe”.
    Merci beaucoup !
    <a href=”http://www.casimages.com/img.php?i=…” title=”upload image” >Cliquez ici pour voir mon image</a>

  81. 🙂 Bonjour,

    J’ai un petit soucis au niveau du sélection de texte avec les brin d’herbe. 😉

    Quand j’ai finit de les sélectionner, je vais dans (Menu > Sélection > Intervertir et appuyez sur le bouton « supprimer ») et la j’ai un message d’erreur “Impossible d’effectuer cette opération car vous ne pouvez pas modifier directement l’objet dynamique”, comment faire SVP … 😐

    Merci LOL

  85. Bonjours j’ai un petit problème (tout bête je pense ) comment faites vous pour ” Créez un autre calque et dessinez un rond blanc comme ceci “

    cordialement

  86. Alors là merci BEAUCOUP!!!
    Super tutos, bien expliqué et puis les liens vers le “matériel” nécessaire, vraiment la classe!
    Chapeau bas!

  92. Bonjour, j’ai un problème au moment d’appliquer le flou directionnel: sur le modele le fond est un transparent tandis que le mien est noir, puisqu’on m’a fait remplir de noir le calque (sur le nouveau calque demandé le fond est noir et on voit les lettres ).Je ne peux donc pas continuer …quelqu’un peut-il m’aider ?

  93. Bonjour,
    Je me remet sur photoshop, ce tuto me plaisait bien, mais lorsque je télécharge les fichiers sources (le pack), cela me télécharge un fichier de 1Mo, je précise je suis sous mac et j’ai les logiciels pour décompresser, donc je pence que le problème vient du fichier car impossible de l’ouvrir. Si quelqu’un pourrait me donner un lien, ou autre avec les fichiers sources çà serait cool, merci d’avance.

  94. bonjour a tous et merci pour ce tuto qui et super mais j’ai un souci !!! quan j’arrive a la :Maintenant mettez vous sur le calque de la texture d’herbe puis sélectionnez le texte avec quelques brin d’herbe qui dépassent comme ceci!! je n’arrive pas a selectionner le texte quelqu’un pourrais m’aider svp merci !!

LAISSER UNE RÉPONSE