une image raccord avec la couleur pour fond de site web

Posez vos questions dans cet espace réservé au graphisme :)
marcweb
Tutomaker Junior
Tutomaker Junior
 
Messages: 2
Enregistré le: Sam Sep 10, 2011 6:59 am

une image raccord avec la couleur pour fond de site web

Messagepar marcweb le Sam Sep 10, 2011 1:55 pm

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

Avatar de l’utilisateur
Ovi'
Tutomaker Avancé
Tutomaker Avancé
 
Messages: 207
Enregistré le: Dim Mai 18, 2008 5:52 pm
Localisation: Casablanca, Maroc

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

Messagepar Ovi' le Jeu Sep 15, 2011 2:20 pm

Non, tout simplement, tu mets dans ton css:

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

Image

marcweb
Tutomaker Junior
Tutomaker Junior
 
Messages: 2
Enregistré le: Sam Sep 10, 2011 6:59 am

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

Messagepar marcweb le Ven Sep 16, 2011 11:26 am

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

Avatar de l’utilisateur
Ovi'
Tutomaker Avancé
Tutomaker Avancé
 
Messages: 207
Enregistré le: Dim Mai 18, 2008 5:52 pm
Localisation: Casablanca, Maroc

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

Messagepar Ovi' le Lun Sep 26, 2011 10:08 pm

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é ;)
Image

Image



Retourner vers Graphisme / Photoshop & Co

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invités