utilisation de filtre pour tuile sans raccord

Utiliser certains filtres pour faire une tuile (papier) sans jointure

Filtres :
mura pro - seemless
20/20
Fm Tile Tool

Outils

Préambule
Deux mots anglais doivent être traduits, le premier est seamless qui veut dire
sans couture, Le deuxième tile qui veut dire tuile. Pourquoi ces précisions,
parce que en faisant le tri des plugins que l'on possède on en trouvera qui ont
dans leur noms Seamless ou tile. Malgré ce nom certains ne se prêtent pas
à ce que l'on veut faire ici ainsi Mura Seamless fait des effets spéciaux et non
ce que l'on cherche à obtenir.
Pour ma part j'ai deux plugins permettant ce travail :
- FM Tile Tools -> Seamless tile
- Mura pro -> seamless
ainsi qu'un programme connexe à PSP :
- 2020
disponible à :
http://www.geocities.com/SiliconValley/Mouse/7709/mmplugins.html

Avant de démarrer
Ce n'est pas une obligation, mais un conseil pour faciliter l'exécution.
- Ouvrir un dossier, dans par ex. Mes Documents, j'ai appelé le mien Seamless.
- Ouvrir le Bloc-Notes de Windows et écrire :
<body background="essai1.jpg" bgcolor="#ffffff">
- Dans le menu de Bloc-Notes aller à Fichiers -> Enregistrer.
dans la fenêtre qui s'ouvre, dans l'encadré Nom du Fichier remplacer
*.txt par essai1.html. Puis cliquer sur enregistrer et sauver ce fichier dans le
dossier que vous venez de créer.
- Toujours dans Bloc-Notes remplacer le 1 de essai1.jpg par 2 :
<body background="essai2.jpg" bgcolor="#ffffff">
puis Fichiers -> Enregistrer sous
nommer le fichier essai2.html et sauvegarder le avec le premier.
- Toujours dans Bloc-Notes remplacer le 2 par 3 :
<body background="essai3.jpg" bgcolor="#ffffff">
même chose que pour essai2.html, cette fois vous appellerez
le fichier essai3.html.
On est maintenant prêt à démarrer, on ferme le Bloc-notes et on ouvre PSP.
On ouvre l'image à traiter, on la duplique avec maj+D. Puis on ferme l'original.

Deux cas sont à envisager pour le traitement de raccords :
- il s'agit d'une image qui ne fera pas la totalité de la page web ou email, elle
sera donc "tuilée"
- On a un bandeau (tel un papier à lettres) qui fait la largeur de l'écran courant,
en général 1020 pixels.

1er cas - image "tuilée"

- Avec Seamless tile de FM Tile Tools :
Par défaut il est proposé :
- 0.250 pour Border width (largeur de la bordure) et Strech Control (contrôle
de l'élargissement)
- case vertical non coché.
En cliquant sur le + sous l'aperçu de l'image (ech. 1) et en la déplacant pour voir les bords
traités on peut voir le résultat obtenu en déplacant les curseurs. Il faut obtenir le
meilleur résultat possible en fonction de la photo ou de l'image à traiter, c'est votre
oeil qui appréciera.
On a vu que par défaut la case vertical n'est pas cochée cela veut dire que
seuls les bords verticaux de l'image seront traités.
On a déterminé ce que l'on croit le mieux avec les curseurs on clique OK,
l'image est alors traitée sur ces deux côtés verticaux.
Sur cette image on rappelle à nouveau Seamless Tile, cette fois on coche la
case vertical et on fait des essais avec les curseurs qui vont agir sur
les seuls bords horizontaux de l'image, même procédure que pour les bords
verticaux. On Clique OK quand c'est bon.
A l'issue de ces deux opérations l'image a été traitée sur ses quatre côtés,
reste à voir le résultat.

Dans le menu Fichiers de PSP on va à Enregistrer sous... ou F12.
On appelle l'image essai1 et on la sauvegarde en JPG dans le dossier créé au
début du topo.
Reste à voir le résultat, dans le dossier créé on double clique sur essai1.html,
et... on admire.
On revient dans PSP et on est
1- satisfait du résultat, on enregistre alors l'image traitée dans le dossier ou
le fond sera utilisé pour sa page web ou son email
2- pas satisfait du résultat, on annule deux fois pour retrouver l'image d'origine
on refait une expérimentation et on enregistre sous... avec le même nom que
précédemment (essai1.jpg), PSP va demander si vous voulez écraser la 1ère,
on répond oui et on lance à nouveau essai1.html. On refait cette manip
jusqu'à obtention d'un résultat satisfaisant, puis on fait la procédure décrite
en 1 ci-dessus.

- Avec Seamless de Mura Pro
Il y a beaucoup plus de paramètres que dans le plugin précédent.
Comme on a fait avec Seamless tile on met l'aperçu à l'échelle 1 afin de voir les
résultats quand on bouge un paramètre.
A propos des paramètres ce qu'il faut savoir :
- Select Box permet de déterminer la forme des recouvrements qui
sont :
- Normal recouvrement droit
- Wave recouvrement en vague
- Zigzag
- Fractal (donne de bons résultats)
- x agit sur les côtés horizontaux
- y agit sur les côtés verticaux
- Overlap est le recouvrement s'il est à zéro les bords ne sont pas traités.
- Fade pastellisation du recouvrement
- Thru BG agit sur les couleurs du fond
- freq fréquence des ondulations du recouvrement
- Phase phase des ondulations du recouvrement
- Case Fit ajuste l'image traitée aux mêmes dimensions que l'original
- Case OpaqueOut opacifie les parties extérieures de l'image traités si Fit
n'est pas coché
- Case Repeat répète l'image traitée si Fit n'est pas coché
- Cust.Color couleur des parties extérieures de l'image traitée. On choisit
en principe une couleur dominante en cliquant dans la case de couleur
- Si Fit et Repeat ne sont pas cochés vous devrez découper les bords de l'image
traitée après application du filtre pour obtenir la tuile de fond.
- Si Fit n'est pas coché et que Repeat est coché l'image traité n'aura pas de joints
tuilés.
- Si vous sélectionnez Wave ou Zigzag réduisez Fade pour éclaircir les recouvrements.
Comme vous voyez il y a de quoi faire, dans un premier temps utilisez les valeurs
par défaut pour voir.
Ici les 4 côtés sont traités dans la même opération. Quand vous êtes satisfait(tes)
Même procédure que pour Seamless Tile, mais cette fois dans le nom du fichier
à Enregistrer sous... mettez essai2 sauvegarder toujours dans le même dossier
et lancer essai2.html pour voir le résultat.
Pour recommencer avec le même plugin faites annuler 1 fois pour retrouver l'original
et faire un nouvel essai.
Quand vous jugez votre résultat bon sauvegarder votre image traitée.

- Avec 2020
Dans PSP on fait une copie de l'image à traiter avec Ctrl+C
On appelle ce programme conjointement avec PSP.
Dans la barrette des menus de 2020 on va au menu Edit -> Paste as New image
L'image copiée dans PSP s'affiche sous la barrette des menus.
Le traitement est très simple puisque sans paramètre.
On va au menu Image -> Seamless Tile. quand on clique l'image est traitée.
Toujours dans 2020 a va au menu File -> Save as... et on sauvegarde l'image
traitée dans le dossier de travail toujours en JPG avec le nom essai3.
Pour la voir lancer essai3.html.
Les résultats sont extraordinaires mais un bémol quand il s'agit de photo ou d'images
le programme 2020 n'en prend qu'une partie, cela pose parfois des problèmes et dans
ce cas mieux vaut utiliser un des deux premiers plugins.
Si l'essai est concluant aller au menu de 2020 File -> Save et sauvegardez en JPG
votre image traitée dans le dossier adéquat.

2ème cas - bandeau

Un bandeau de papier à lettre se compose généralement d'un fond de 1020 pixels
et d'une hauteur variant entre 200 et 300. Sur ce fond on met une image à gauche
du fond.
Pour ne pas abîmer l'image rapportée sur le fond, un règle simple on traite le fond
avant d'insérer l'image.

- Avec Seamless tile de FM Tile Tools :
Ici le bandeau n'est pas reproduit horizontalement, donc on ne traitera qu'une fois
dans les même conditions que l'image "tuilée" avec la case vertical cochée pour
ne traiter que les bords horizontaux.
Même procédure qu'au 1er cas

- Avec Seamless de Mura Pro
Comme seuls les bords horizontaux sont à traiter, toutes le valeurs de y doivent
être à zéro.
Même procédure qu'au 1er cas

- Avec 2020
Aucune différence avec l'image 'tuilée, donc même procédure.

Voila après ça vous n'aurez plus d'excuses pour les mauvais raccords :-)))

Bises et amitiés à toutes et à tous

Guy Beaujon

Vers l'index des tuts