Page 1 sur 1

une image raccord avec la couleur pour fond de site web

MessagePosté: Sam Sep 10, 2011 1:55 pm
par marcweb
Hello,

Mon premier message sur le forum :P

J'ai un ami qui a fait un fond marbré gris et blanc pour un site internet (1280 sur 1024 px) qui fonctionne sur un site web statique.

Vous savez comme moi que les sites dynamiques s'allongent avec le contenu et avec les définitions d'écrans à l'heure actuelle certains s'élargissent un max :o
Il est donc plus difficile de caler ce fond.
Je voudrais que cette image se termine sur les bords par du noir, afin de déclarer un background noir dans la css.

Il faut pour se faire, je pense, travailler avec un fondu sur photoshop et un masque de fusion ... mais je m'y perds un peu :wink:

J'avais pensé comme procédure :
image en fond
Copie de calque du fond
nouveau calque => mettre une forme rectangulaire remplie de noir
masque de fusion
.... et là je cale ou bien les essais que j'ai fais sont pas concluants :cry:

Une bonne âme pour m'aider ?

Amitié
Marc

Re: une image raccord avec la couleur pour fond de site web

MessagePosté: Jeu Sep 15, 2011 2:20 pm
par Ovi'
Non, tout simplement, tu mets dans ton css:

Code: Tout sélectionner
body
{
 
background-color#000000;
 
background-imageadresse de ton image;

Re: une image raccord avec la couleur pour fond de site web

MessagePosté: Ven Sep 16, 2011 11:26 am
par marcweb
Lol c'est bien ce que je veux faire mais pour cela je dois transformer mon image dans photoshop si les 4 côtés n'ont pas la même couleurs...

Amitié
Marc

Re: une image raccord avec la couleur pour fond de site web

MessagePosté: Lun Sep 26, 2011 10:08 pm
par Ovi'
Arf, j'ai mal lu :)

Donc oui, tu dois modifier simplement en suivant les étapes suivantes:

1. Ouvres ton image
2. Ajoute un masque de fusion
3. Mets un dégradé tout en haut
4. Clic droit sur le masque
5. Appliquer le masque de fusion
6. Répète l'opération pour chacun des différents côtés :)

Voilà, en espérant t'avoir aidé ;)