Répéter une image pour site web avec belle transition

Répéter une image pour site web avec belle transition - Infographie 2D - Graphisme

Marsh Posté le 06-04-2006 à 14:26:22    

Salut tout le monde :)
 
Je suis en train de faire le design pour mon site web, et j'aimerai faire un fond d'une image qui se répèterait.
 
Par exemple, sur ce blog, il y a 3 parties pour le fond : le haut une fois, le milieu répété, et le bas en une fois.
 
J'aimerais faire pareil   [:huit]  
 
J'avais vu un jour sur la toile un tuto qui montrait comment faire une belle transition avec la même imge pour la répéter, on arrivait au final avec un fond tres joli (enfin les gouts et les couleurs hein ...), et on ne voyait pas tout de suite que c'était répété.
 
Le truc que j'aimerais éviter c'est ce genre de chose-là si possible.
 
Merci d'avance pour votre aide ;)
 
 
EDIT : je précise que mon image, contrairement au blog donné en exemple, n'est pas régulière, elle donne ceci (c'est juste une idée de ce que ca sera) :
 
http://img112.imageshack.us/img112/1628/sanstitre10dc1.th.jpg


Message édité par darkeagle10 le 06-04-2006 à 14:37:01

---------------
Gates gave you the windows. GNU gave us the whole house.
Reply

Marsh Posté le 06-04-2006 à 14:26:22   

Reply

Marsh Posté le 06-04-2006 à 14:39:28    

si tu découpes ton image en carré, et que tu fais filtre, translation , en mettant en pour les valeurs  verticales et horizontales la moitié de la hauteur et de la largeur de ton carré, ( pour pixels tu coches : reboucler ) ça va te permettre d'avoir " les coutures " au milieu de l'image.  
 
les parties extérieures vont donc parfaitement se rejoindre sans laisser de coutures quand tu mettras ton image en arrière plan.
 
une fois que tu as fait cette opération avec le filtre translation, tu n'as plus qu'a modifier le centre de ton image pour qu'on y voie plus les coutures. ( en redessinant, gommant, tamponnant ou déformant, comme tu veux ).  
 
et hop, tu as un arrière plan ou on ne voit plus aucune couture lorsqu'il se répète :)


Message édité par krysalia le 06-04-2006 à 14:40:27

---------------
Tuto ~ ►Nano Miams◄ ~ Books ♥
Reply

Marsh Posté le 06-04-2006 à 15:16:19    

merci, mais je ne trouve pas de translation dans toshop  :??:  
 
Mais j'y arrive sans cet outil heureusement, dans mon cas ce n'est que pour la verticale que je devrais répéter, car la taille en largeur est ok pour le site.
 
Le plus gros problème, c'est de gommer, "lifter" la transition, car ce sont des carrés, et c'est pas évident à faire, mais bon je vais essayer plusieurs choses, je verrai bien le résultat :)
 
merci encore ;)


---------------
Gates gave you the windows. GNU gave us the whole house.
Reply

Marsh Posté le 06-04-2006 à 15:20:55    

dans toshop 7, c'est filtre> autres> translation :)  
 
tu ne peux pas te tromper, c'est le tout dernier dans chaque menu et sous menus :)
 


---------------
Tuto ~ ►Nano Miams◄ ~ Books ♥
Reply

Marsh Posté le 06-04-2006 à 15:21:57    

en prenant un carré comme base d'image, l'interêt c'est que ton arrière plan sera plus leger, et donc ton affichage plus rapide.  
 
après, il faut voir si tu tiens au grand motif . forcément des carrés ça reprendra une succession de plus petites courbes :)


---------------
Tuto ~ ►Nano Miams◄ ~ Books ♥
Reply

Marsh Posté le 06-04-2006 à 15:51:35    

Merci, pour le moment je n'y arrive pas, ca m'énerve trop (le motif à répéter est trop difficile), mais tout à l heure j y regarderai de plus pres ;)


---------------
Gates gave you the windows. GNU gave us the whole house.
Reply

Marsh Posté le 06-04-2006 à 16:14:12    

bon courage ! :)


---------------
Tuto ~ ►Nano Miams◄ ~ Books ♥
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed