une image raccord avec la couleur pour fond de site web

[marcweb]

Hello,

Mon premier message sur le forum

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
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

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

Une bonne âme pour m'aider ?

Amitié
Marc

[Ovi']

Non, tout simplement, tu mets dans ton css:

Code: Tout sélectionner

body
{
 background-color: #000000;
 background-image: adresse de ton image;
} 

[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

[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é