Formations web et création graphique - Écrire comme sur une vitre

Fermer



Connexion

Écrire comme sur une vitre

Voici comment simuler l'écriture embuée ou mieux sur une vitre givrée avec Photoshop en quelques étapes simples.

écriture embuée sur vitre avec Photoshop

 

Préparer la vitre

Choisissez une belle photo. Au besoin renforcez la chaleur des tons.

écriture sur vitre avec photoshop

Ajoutez un nouveau calque et remplissez-le avec du blanc.(Alt + Backspace sur Mac ou Ctrl + Backspace sur PC marche très bien). Pour certains la vitre doit plutôt être assombrie : dans ce cas remplissez avec du noir.

Dans les deux cas jouez ensuite sur l'opacité du calque.

écriture sur vitre avec photoshop

Couvrir de neige

Ajoutez un calque blanc et choisissez Filtres > Bruit > Ajout de bruit. Choisissez Gaussien, monochrome.

écriture sur vitre avec photoshop

Zoomez un max et sélectionnez avec la baguette magique (tolérence 1) le blanc. Attention à bien décocher PIxels contigus.

écriture sur vitre avec photoshop

Intervertissez la sélection (donc pour prendre le noir et gris) supprimez  (Backspace).

écriture sur vitre avec photoshop

Les flocons seront maintenant sur la vitre.

écriture sur vitre avec photoshop

Choisissez Filtres - Atténuation - Flou Gaussien

écriture sur vitre avec photoshop

Ajouter le texte

Saisissez le texte avec une police scripte. Ici du ChildsPlay. Vous pouvez en trouver à votre goût sur Dafont.com.

Cliquez avec Alt (Mac) ou Ctrl (PC) sur la vignette du calque de texte pour récupérer la sélection et faire un masque pour les calques de vitre et flocons.

écriture sur vitre avec photoshop

Activez le calque 1 ou 2 (pas comme sur la capture ci-dessous, mais j'ai la flemme de la refaire). Puis cliquez sur la création de masque (la c'est bien comme sur la capture!)

écriture sur vitre avec photoshop

Vous devez obtenir l'effet ci dessous. Si vous avez inversé la sélection, faites la même manip en cliquant sur Alt (Mac) ou Ctrl (PC)

écriture sur vitre avec photoshop

Dégrader la vitre

Par définition une vitre engendre des reflets. Pour casser l'aspect trop régulier nous allons ajouter un dégradé.

Cllquez sur l'outil Dégradé puis dans le panneau des options sur l'icône du dégradé. Au besoin créez votre dégradé perso.

écriture sur vitre avec photoshop

Validez et jouez sur l'angle, puis cliquez sur OK.

écriture sur vitre avec photoshop

Vous pouvez masquer aussi le dégradé à l'inverse, c'est à dire l'appliquer sur toute l'image mais pas le texte.

Deux astuces sur les masques :

  • Vous les désactivez/activez en cliquant sur leur vignette avec la touche Maj enfoncée.
  • Vous les éditez comme ci-après en cliquant sur la vignette avec la touche Alt  enfoncée..

écriture sur vitre avec photoshop

Ce dégradé doit enfin être désopacifié et avec un mode de fusion de votre choix en fonction de l'effet voulu. Ici 24% et Superposition.

écriture sur vitre avec photoshop

Autre exemple avec un dégradé bleuté.

écriture sur vitre avec photoshop

Voilà c'est tout pour la neige, vivement le printemps.

écriture sur vitre avec photoshop

Bises.