jan 21
8

Photoshop Tips#1 : Créer une texture de grain

Photoshop Tips#1 : Créer une texture de grain

Programme : Photoshop

Difficulté : Débutant

Temps estimé : 5 minutes

RayFranco (aka François) entre en scène pour nous expliquer brièvement sa petite astuce pour réaliser un fond bruité !

On voit de plus en plus sur la toile, des webdesigners utiliser des textures de grain pour le design de leurs interfaces. Cet effet peut donner un aspect plus  « travaillé  » à  l`interface, surtout couplé à  un subtil dégradé. Il faut croire que la mode du  « glossy  » a fait son temps ! Dans ce quick tip, je vous donne une méthode rapide pour appliquer cette texture à  tous vos dégradés, ainsi qu’à  d’autres surfaces.

Voici d`abord, quelques exemples où l`on peut apercevoir ces textures :

Art in my coffee


Atebits


Dribbble


Une méthode très simple

Pour réaliser ces textures, il suffit de créer un calque que l`on nommera  « texture grain  » et que l`on positionnera au dessus de notre dégradé (réalisé au préalable). Remplissez ce calque de blanc (MAJ+F5). Ensuite, ajoutez du bruit (Filtre > Bruit > Ajout de bruit). Mettez 25% de bruit réparti uniformément :

Ensuite, on réduira à  -100 la saturation, afin d`éliminer toute la couleur de notre texture (Image > Réglages > Teinte/Saturation ou Ctrl+U. Ou bien même, désaturation direct en faisant CTRL+MAJ+U)

Vous pouvez maintenant tester différents types de fondus sur votre calque de texture, en fonction de la couleur du calque sur lequel vous appliquez votre nouvelle texture. Nous choisirons dans notre cas, un fondu  « Produit  » à  100%.

Et ensuite, à  vous d`être créatif pour l`utiliser à  bon escient !


Différentes façons de travailler

Comme vous avez surement du le constater, j’ai choisi d’utiliser la fonction « teinte/saturation » pour cet exemple, ce qui m’a permis de désaturer l’image. En effet, j’aurais tout à  fait pu utiliser ce bruit dans un autre contexte, sans réaliser une désaturation sur ce dernier. Pour gagner du temps, j’aurais pu cocher la case « monochromatique » lorsque j’ai ajouté mon bruit uniformément sur mon calque ce qui m’aurait permit d’avoir un bruit désaturé dès le départ.

Aussi, il peut être bon de connaître les filtres dynamiques, et de savoir les maîtriser. Ici, une fois le bruit appliqué, impossible de le supprimer ou de le réduire sans utiliser la fonction « revenir en arrière » ; hors cette « fonctionnalité » pourrait s’avérer très utile dans le cas où nous voulons pouvoir modifier la valeur du bruit sur le calque sans avoir à  remonter dans l’historique.

Reprenons le cas de cet exemple. Nous avons un dégradé en arrière-plan, jusque là  rien ne change.
Hors cette fois ci, nous allons créer un calque rempli de blanc, et le convertir pour les filtres dynamiques. (Filtres > convertir pour les filtres dynamiques)

Photoshop vous signal que le calque va être converti en objet dynamique, jusque là , tout va bien !
Vous pouvez continuer maintenant aller dans filtre, faire un ajout de bruit comme précédemment, cocher (ou non) la case monochromatique, et finir en passant le calque en mode « produit ». Vous devriez maintenant obtenir cela :

Vous pouvez maintenant, grâce à  cette méthode, modifier la valeur du bruit en double cliquant sur « ajout de bruit » lié à  votre calque. Pour ceux qui ne connaissent pas les calques dynamiques, il suffit de double cliquer sur votre calque pour pouvoir le modifier.

Il ne reste alors plus qu’à  customiser l’ensemble et vous voila avec un bel objet bruité !

J’espère que ces petites astuces vous seront utiles et je reste bien sur à  disposition si vous avez des questions :)

8 Comments to “Photoshop Tips#1 : Créer une texture de grain”

  • Cela peut paraître bête mais je n’avais jamais trouvé un moyen de réaliser un effet vraiment sympathique, je te remercie pour ce tuto qui me sera sûrement bien utile ! ;)

  • On sait jamais, ça peut être utile ! Merci beaucoup, je met dans mes favoris ressource. :-)

  • En effet, cette texture est beaucoup vu mais reste très sympa!
    Merci pour l’astuce!

  • Je cherchais ça partout, super !

  • Ça a l’air bête, mais j’aimerais bien avoir les réglages du dégradé de base :)
    Merci ;)

  • C’est un simple dégradé radial de deux gris différents de par leur luminosité. Tu peux ajouter un dégradé dans les styles de calque > incrustation de dégradé.

  • Merci, j’ai compris un truc grace a toi !
    Comme quoi les bases des fois ^^

  • Et il n y a aucun moyen de le faire directement via illustrator ?

Laisser un commentaire