Vous voyez le fond de cette page ? Il s'agit d'une image 150×150 px qui se répète. Voici juste un petit tuto pour faire facilement des images raccordables.

Je vous montrerais ici comment faire une mosaïque de rochers, comme celui est là en ce moment.

Créer une nouvelle image

Ouvrez GIMP, et faites Fichier > nouvelle image. Donnez lui une faible dimension carrée entre 100 et 200 px de coté.

Un dégradé

Ensuite, appliqués un dégradé : cliquez sur l'outils de dégradés
degradé gimp

Ensuite, dans les préselections de dégradés, choisissez Flar Rays Size 1 :

dégradé argenté gimp

Juste en dessous, mettez aussi "bilinéaire en face de Forme et Onde Triangulaire en face de Répétition.

Appliquez ensuite le dégradé en mettant cliquant sur l'image, et en faisant glisser le curseur puis en relâchant. Plus vous glissez le pointeur longtemps, plus le dégradé sera large (et mieux ce sera ici).

On obtient ceci :dégradé argenté gimp

L'aspect « rochers de pierre » et le rendre raccordable.

Poursuivons, on va appliquer une première fois le filtre pour le rendre raccordable (c'est pas obligé, mais ça ajoutera un petit effet aléatoire sur la couleur).

Faites filtres > Mappage > Rendre raccordable. Déjà là, l'image est parfaite pour un fond de page : les bordures sont invisibles.

Ensuite, faites Filtres > Distorsion > Mozaïque.

Personnellement, je met des hexagones, avec la taille des carreaux assez grands et de décoche surtout la case Autorise le découpage des carreaux :mozaïque gimp Validez, puis refaites le filtres > Mappage > Rendre raccordable. Voilà ! L'image est terminée :dégradé argenté gimp

Variantes.

Sur l'exemple « effet rocher » je vous ai fournit le principe de base.
Bien-sûr, en changeant la couleur du dégradé au début, vous pouvez faire ce que vous voulez. N'hésitez pas non plus à changer la forme : à la place Billinéaire, essayez tout ce que vous voulez, comme Conique. En ajoutant l'effet de raccord, ça rend assez bien.

Voici quelques autres pavages que j'ai fait comme ça. Vous pouvez les reprendre si l'envie vous prend :

pavage gimp pavage gimp pavage gimp pavage gimp

13 commentaires

gravatar
Xandre a dit :

Je crois que finalement, je vais me mettre sous photoshop, parce que il parait que il y a plus d'options en tout genre...

gravatar
Alz a dit :

"Vous voyez le fond de cette page ?"
Justement, je voulais en parler..
Malheureusement.
C'est à mon goût le fond de page le plus laid de l'histoire du web. (désolé ^^)

Xandre : j'espère que ce n'est qu'un gros troll velu ! XD

gravatar
Anonyme a dit :

Pas mal, je conseil aussi Photofiltre qui est un outil extrêmement puissant, qui peut faire ce même styles de choses.

gravatar
Identitools a dit :

"L'aspect « rochers de pierre » et le rendre raccordable."

Ah c'était des rochers ? J'aurais juré que tu avais essayé d'imiter une peau de serpent ^^'

gravatar
Jom a dit :

Puissante option, j'ai chercher et ça ne se trouve pas sous Photoshop sauf une petite option mais moins puissante (Filtre -> Placage de motif).
Ça à l'air rapide et bien efficace sous Gimp.

Merci pour le tuto =)

gravatar
Xandre a dit :

Alz: Nan, c'est pas juste un gros troll... ;)

Faycal: C'est quoi la différence entre photoshop et photofiltre?

Identitools: moi aussi je croyait que c'était une peau de serpent...

gravatar
Identitools a dit :

Xandre : Photoshop c'est un truc payant mais qui vaut beaucoup mieux que Gimp, et Photofiltre c'est un truc gratuit mais qui vaut beaucoup moins que Gimp (une version payante 'photofiltre studio' existe.. lulz)

</troll>

gravatar
Le Hollandais Volant a dit :

@Sebsauvage : texturize semble construire le motif autour de l'image d'origine non ? Il m'a l'air intéressant, parce que celui intégré dans gimp modifie l'image d'origine, ce qui parfois la déforme complètement.
Merci :)

@Xandre, Identitools et Alz : merci pour les compliments de mon zoli fond :)

@Jom : derien ;-)

gravatar
sebsauvage a dit :

@Le Hollandais Volant: oui. Il repère les lignes de l'image et tente de créer un masque suivant ces lignes. Ce n'est pas toujours parfait, mais ça marche généralement assez bien.
L'avantage est qu'on peut prendre pratiquement n'importe quelle texture pour la rendre raccordable.

gravatar
Xandre a dit :

@identitools: merci.

Finalement, je crois que je vais rester sur gimp... J'ai tyrouvé des tutos en pdf, des manuels...

gravatar
Kevin a dit :

>> C'est à mon goût le fond de page le plus laid de l'histoire du web. (désolé ^^)

>> Sinon, enjoy le nouveau thème graphique :P


ouuu, ça sent le mec qui s'est vexé ça !!! :)

gravatar
Le Hollandais Volant a dit :

Heu… Mais non^^

D'ailleurs le thème gris sombre était là depuis des mois, à l'adresse /index-t.php. C'est juste que comme ce thème 2.0 beta était trop carré à mon goût :-

Et comme j'avais pas envie de refaire une image de fond pour l'autre thème…

^^"

Les commentaires sont fermés pour cet article