Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3106 connectés 

  FORUM HardWare.fr
  Graphisme
  Infographie 2D

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°805667
darkeagle1​0
Je choisis l'option offensive
Posté le 06-04-2006 à 14:26:22  profilanswer
 

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.
mood
Publicité
Posté le 06-04-2006 à 14:26:22  profilanswer
 

n°805671
krysalia
Remember that all is vanity
Posté le 06-04-2006 à 14:39:28  profilanswer
 

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 ♥
n°805698
darkeagle1​0
Je choisis l'option offensive
Posté le 06-04-2006 à 15:16:19  profilanswer
 

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.
n°805708
krysalia
Remember that all is vanity
Posté le 06-04-2006 à 15:20:55  profilanswer
 

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 ♥
n°805711
krysalia
Remember that all is vanity
Posté le 06-04-2006 à 15:21:57  profilanswer
 

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 ♥
n°805743
darkeagle1​0
Je choisis l'option offensive
Posté le 06-04-2006 à 15:51:35  profilanswer
 

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.
n°805756
krysalia
Remember that all is vanity
Posté le 06-04-2006 à 16:14:12  profilanswer
 

bon courage ! :)


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Infographie 2D

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

 

Sujets relatifs
Un site de Formule 1 à testerDes critiques sur ce site, merci!!! ( site etab )
realiser effet neige avec photoshop et image ready[devis]site web
votre avis sur le design de mon site ainsi que sur le codageLogiciel de traitement d'image en masse ?
1er site : avoir une zone texte "collée" à un cadre en jpeg(1er site en flash) pouvez vous me donner votre avis?(MAJ 1)
Que pensez-vous du design de mon site?Avis sur mon ptit site perso
Plus de sujets relatifs à : Répéter une image pour site web avec belle transition


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)