Comment supprimer fond de photo pour site

Résolu
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
Bonjour,

Je souhaiterais faire une image comme celle de ce site http://www.mecafilter.com/?page=10 . J'ai fireworks comme logiciel pour retoucher les photos. Pouvez vous me dire comment je peux faire?

Merci d'avance
A voir également:

18 réponses

notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Si le fond de l'image est uni, il suffit de déclarer la couleur de ce fond en couleur transparente et de l'enregistrer en png.

http://help.adobe.com/fr_FR/Fireworks/9.0/help.html?content=frw_other_apps_oa_34.html
http://www.media-pixel.net/articles.php?id=30

@lmaria : ce n'est pas de déclarer l'image en background qui va la rendre transparente...
1
soft-rock Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   1
 
done moi ton code css et je le tenleverai
1
Utilisateur anonyme
 
notobe et moi avons indiqué la méthode pour créer un fond transparent dans une image.
Cela ne se fait pas dans le fichier CSS.
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,

J'ai photoshop mais depuis peu. Peux-tu m'indiquer comment rendre le fond de la photo transparent? Merci d'avance.
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
+1 peterjan ;)
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,

Il n'y a personne qui peut m'aider?
0
freezer25 Messages postés 34 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,

J'ai pas compris la question .
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,

Merci pour ta réponse. Est-ce que tu as regardé la page donnée en lien? Il y a une image au centre. Je suppose qu'initialement, il y avait un fond et maintenant la photo est intégrée dans le site. On ne voit que les produits et pas d'arrière plan. Donc je voulais savoir comment pouvait-on faire pour avoir ce résultat?

J'espère avoir un peu mieux expliquer?

Merci.
0
freezer25 Messages postés 34 Date d'inscription   Statut Membre Dernière intervention   1
 
Enfaite si j'ai bien compris tu souhaite enlever le fond de ta photo pour mettre celui de la page. Pour cela, il faut enlever l'arriere plan de ta photo l'enregistrer en png et l'integrer dans ta page. Je ne sais pas si c'est bien claire mais pas de soucis si tu veux que je t'accompagne dans cette réalisation.
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Oui mais comment enlever le fond d'écran???Je travaille avec Fireworks et je n'arrive pas à trouver comment faire!!!??? Si tu peux m'aider?
0
freezer25 Messages postés 34 Date d'inscription   Statut Membre Dernière intervention   1
 
Est ce qu'il est possible de voir l'image pour te dire comment procéder avec fireworks et si cela ne me prends pas trop de temps je veux bien te la détourer ton image.
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci. Mais je préfère que tu me dises comment faire comme cela j'apprends aussi à faire cela, surtout pour l'avenir, si j'en ai d'autres.
0
freezer25 Messages postés 34 Date d'inscription   Statut Membre Dernière intervention   1
 
en faite faut détourer ton image soit avec la baguette ou avec la plume
0
lmaria Messages postés 47 Date d'inscription   Statut Membre Dernière intervention   150
 
tu peux utiliser la proriété background du <body> de ta page HTML directement
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Pour Freezer 25,
C'est ce que j'ai fait. J'ai utilisé la baguette magique mais aprés comment faire pour enlever le tour qui est blanc? En plus, avec la baguette, cela n'est pas nickel!!!

Pour Imaria,
Peux tu être plus clair s'il te plait? Merci.
0
lmaria Messages postés 47 Date d'inscription   Statut Membre Dernière intervention   150
 
peux tu me donner le code HTML de ta page actuelle pour t'aider
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
je travaille sur un site qui n'est pas encore en ligne!!!! Comment faire sinon? sinon voici un autre site www.sz-traduction.com tu prends n'importe quelle image et aprés j'appliquerai sur l'autre photo.
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci Notobe. J'ai suivi ta méthode mais quand j'utilise la pipette, cela m'enlève des couleurs de la photo, pas uniquement du contour!! :( Comment faire donc? Est-ce que cela marche sur toutes les photos ou cela dépend?
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Si certaines zones de l'image sont de la même couleur que celle du fond déclarée transparente, c'est normal. Le logiciel ne fait pas de détails !

Alors, ou ce n'est pas gênant une fois que l'image sera déclarée dans le code html ou CSS, ou alors il faut retravailler l'image avec le logiciel de retouche d'image avec soin et patience.
0
Utilisateur anonyme
 
Bonjour,
Pour modifier la couleur (fond) d'une page, il faut intervenir dans le fichier CSS du template.
Pour supprimer le fond d'une image (transparence) il faut utiliser un logiciel tel que Photoshop, enregistrer l'image avec fond transparent (format PNG) et l'importer dans le site
0
Utilisateur anonyme
 
Petit tutoriel pour réaliser une transparence avec Photoshop :

1 - Ouvrir l'image à détourer dans Photoshop : voir image
2 - Menu Sélection > Intervertir
3 - Menu Calque > Nouveau > Calque d'arrière plan > calque 0 > OK
4 - Menu Edition > Couper
5 - Menu Fichier > Enregistrer sous > format PNG > OK
6 - Importer la photo dans le site
0
Truc Bidule
 
As tu regardés le code source de la page ?
Le code de la grande image et de la petite qui est surposée dessus pour environ 1/4 de sa surface :
<div id="center">

<img class="pagestat" src="./images_sup/bg_10.jpg" style="padding-bottom:30px;"><div style="position:absolute;top:510px;left:150px;background:url(./images_sup/bg_0.jpg) no-repeat top left;width:181px; height:157px;"></div> </div>

</div>
Je pense que la class pagestat est là pour dire de mettre l'image en background (Ce qui est con car ca aurait pu etre indiqué dans a la suite de style=. L'image bg_0.jpg est positionnée sur la page ainsi que déclarée en background en css...

Bye.
-1
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
?? quel rapport avec la transparence ?
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
Je viens de regarder les codes html de la page susmentionnée mais cela ne m'aide pas à faire ce que je veux. J'ai enlevé le fond d'écran avec la baguette magique!! Ca marche mais le contour n'est pas lisse!!! On voit que la photo a été retouchée!! Comment faire pour la rendre naturelle comme sur la page indiquée ci-dessus.
Merci d'avance.
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Je viens de regarder les codes html de la page susmentionnée mais cela ne m'aide pas à faire ce que je veux.

Mais bien sûr ! Ça n'a strictement rien à voir.
Quant à améliorer l'image, voir mon commentaire ci-dessus : soin et patience... il n'y a pas de méthode miracle.
0
freezer25 Messages postés 34 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,

Personnellement j'utilise l'outil plume pour le détourage je trouve sa plus précis
0
FRANCELISSA Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   1
 
OK. Merci à vous. Bon eh bien maintenant, j'ai compris comment faire et je vais intégrer la variante "patience".

Bon dimanche à vous!
0