SIMULER UN TIRAGE ARGENTIQUE
SIMULER UN TIRAGE ARGENTIQUE
Techniques SPIP

Vous trouverez ici des trucs et astuces destinés aux développeurs de sites sous SPIP.

La majorité de ces trucs est consacrée aux filtres graphiques introduits dans SPIP 1.9. Il y a là en effet un vaste champ d’expérimentation pour les webmestres et les graphistes.

Chaque truc est suivi d’un forum auquel nous vous invitons à participer.

N.B. La présence de ces trucs et astuces sur notre site professionnel est destinée à faire connaître notre activité de création de sites sous SPIP. Vous pouvez librement utiliser les morceaux de code fournis ici dans vos propres squelettes. Vous pouvez reprendre ces exemples sur votre site ou dans les forums d’un autre site ; dans ce cas, nous vous demandons simplement d’avoir la courtoisie de référencer la page d’où est tiré le code repris.

XML

[SPIP 1.9 et GD2] Dans la plupart des effets présentés précédemment, j’ai mis en avant la possibilité d’utiliser les filtres pour modifier assez fortement les images, dans le but de donner un aspect graphique très marqué à l’interface de notre site. En effet, il est beaucoup plus délicat de vouloir réaliser des effets plus subtiles d’amélioration des images, puisqu’on ne connaît justement a priori pas la qualité des images installées par les rédacteurs.

Nous allons ici tenter la réalisation d’un effet relativement subtil.

Notre idée est que les images installées sur notre site seront issues d’appareils photographiques numériques. Nous trouvons que ces images ont un aspect trop « propre », et nous voulons simuler des tirages argentiques.

La principale étape va consister à donner une certaine texture à notre image, à la « bruiter ». Pour cela, nous réalisons dans Photoshop ou the Gimp une grande image créée ainsi :
— de dimensions supérieures à nos images finales,
— nous emplissons cette image d’un aplat en gris à 50%,
— enfin nous appliquons un filtre de bruit, dont nous réglons les valeurs en fonction de nos besoins (de préférence monochrome, le bruit en couleur est plus difficile à maîtriser).

Nous obtenons un fichier tel que celui-ci :

PNG - 420 ko
Le fichier de « grain »
Cliquez sur la vignette pour obtenir le fichier d’origine

Appliquons ce « bruit » au moyen du filtre image_masque :

  1. [(#FICHIER|reduire_image{400}
  2.         |image_masque{grain.png})]

À partir de l’image suivante :

nous obtenons l’image bruitée :

Retravaillons ensuite l’image grâce à notre filtre de traitement des courbes :

  1. [(#FICHIER|reduire_image{400}
  2.         |image_masque{grain.png}
  3.         |image_courbe{rvb,41=23,66=51,171=186}
  4.         |image_courbe{v, 127=122})]

L’image est plus constratée et un peu plus « chaude » :

D’après mes propres essais sur une collection de photographies numériques, ces réglages donnent d’excellents résultats et peuvent être utilisés pour, par exemple, mettre en valeur un portfolio.

Mais on peut encore vouloir forcer l’effet :

  1. [(#FICHIER|reduire_image{400}
  2.         |image_masque{grain.png}
  3.         |image_courbe{rvb, 48=46, 122=130, 194=232}
  4.         |image_courbe{r, 135=120}
  5.         |image_courbe{v, 133=87}
  6.         |image_courbe{b, 133=76})]

ce qui donne :

Les différents réglages s’obtiennent après de nombreux essais : le but étant d’obtenir un effet plutôt subtil, évidemment il faut faire de très nombreuses tentatives pour approcher le résultat souhaité.

Si vous êtes amateurs de Lomo, voici quatre successions de filtres qui simulent ces tirages si caractéristiques :

  1. [(#FICHIER
  2.         |image_reduire{400}
  3.         |image_aplatir{png}
  4.         |image_courbe{b, 74=171}
  5.         |image_courbe{v, 138=204}
  6.         |image_courbe{r, 140=133}
  7.         |image_courbe{rvb, 66=13, 189=155}
  8.         |image_masque{grain.png}
  9.         |image_aplatir{jpg}
  10.         )]
  11.        
  12. [(#FICHIER
  13.         |image_reduire{400}
  14.         |image_aplatir{png}
  15.         |image_courbe{v, 137=171}
  16.         |image_courbe{b, 66=31, 127=127}
  17.         |image_courbe{rvb, 59=15, 125=107, 217=227}
  18.         |image_saturer{1.2}
  19.         |image_masque{grain.png}
  20.         |image_aplatir{jpg}
  21.         )]
  22.  
  23. [(#FICHIER
  24.         |image_reduire{400}
  25.         |image_aplatir{png}
  26.         |image_courbe{rvb, 59=15, 125=107, 217=227}
  27.         |image_saturer{1.3}
  28.         |image_aplatir{jpg}
  29.         )]
  30.  
  31. [(#FICHIER
  32.         |image_reduire{400}
  33.         |image_aplatir{png}
  34.         |image_courbe{rvb, 127=127, 199=224}
  35.         |image_courbe{r, 120=168}
  36.         |image_courbe{v, 79=189}
  37.         |image_saturer{1.5}
  38.         |image_masque{grain.png}
  39.         |image_aplatir{jpg}
  40.         )]

Notez que, pour saturer les couleurs, j’utilise le filtre image_saturer présenté dans un article précédent.

JPEG - 93 ko
Cliquez sur la vignette pour obtenir l’image agrandie.
JPEG - 106.3 ko

Poursuivons dans le rendu argentique, cette fois en noir et blanc, avec des valeurs assez extrêmes...

PNG - 561.7 ko
Le fichier « grain-nb »
Gros grains et fort contraste
  1. [(#FICHIER|reduire_image{400}
  2.         |image_masque{grain-nb.png}
  3.         |image_nb
  4.         |image_courbe{rvb, 41=13, 71=48, 130=148, 189=214})]

Juillet 2006
Simuler un tirage argentique

Génial.

Merci pour ces outils.

Franz

PS : Une petite faute de syntaxe s’est glissée dans le texte :

beaucoup plus difficile à maîtrisée

Et puis aussi, « subtil » ne prend pas de « e ».

Juillet 2006
Simuler un tirage argentique
ARNO* (arno chez rezo.net)

faute de syntaxe

Merci ! Grâce à vous, le secrétaire de rédaction a reçu 10 coups de fouets.

Votre message :
Un message, un commentaire ?

(Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)