Comment supprimer fond de photo pour site

Résolu/Fermé
FRANCELISSA Messages postés 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 - 13 mai 2010 à 19:59
 Utilisateur anonyme - 17 mai 2010 à 09:12
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
15 mai 2010 à 21:38
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 dimanche 16 mai 2010 Statut Membre Dernière intervention 16 mai 2010 1
16 mai 2010 à 09:34
done moi ton code css et je le tenleverai
1
Utilisateur anonyme
16 mai 2010 à 09:56
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 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
16 mai 2010 à 11:02
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
16 mai 2010 à 12:06
+1 peterjan ;)
0
FRANCELISSA Messages postés 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
15 mai 2010 à 18:28
Bonjour,

Il n'y a personne qui peut m'aider?
0
freezer25 Messages postés 34 Date d'inscription dimanche 11 avril 2010 Statut Membre Dernière intervention 22 juillet 2010 1
15 mai 2010 à 18:50
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 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
15 mai 2010 à 19:01
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 dimanche 11 avril 2010 Statut Membre Dernière intervention 22 juillet 2010 1
15 mai 2010 à 19:06
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 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
15 mai 2010 à 19:22
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 dimanche 11 avril 2010 Statut Membre Dernière intervention 22 juillet 2010 1
15 mai 2010 à 20:10
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 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
15 mai 2010 à 20:39
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 dimanche 11 avril 2010 Statut Membre Dernière intervention 22 juillet 2010 1
15 mai 2010 à 21:08
en faite faut détourer ton image soit avec la baguette ou avec la plume
0
lmaria Messages postés 47 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 16 mai 2010 150
15 mai 2010 à 21:10
tu peux utiliser la proriété background du <body> de ta page HTML directement
0
FRANCELISSA Messages postés 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
Modifié par FRANCELISSA le 15/05/2010 à 21:13
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 mercredi 1 juin 2005 Statut Membre Dernière intervention 16 mai 2010 150
15 mai 2010 à 21:12
peux tu me donner le code HTML de ta page actuelle pour t'aider
0
FRANCELISSA Messages postés 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
15 mai 2010 à 21:19
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 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
15 mai 2010 à 22:19
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 16/05/2010 à 12:18
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
16 mai 2010 à 08:12
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
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
16 mai 2010 à 11:38
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
16 mai 2010 à 12:05
?? quel rapport avec la transparence ?
0
FRANCELISSA Messages postés 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
16 mai 2010 à 12:26
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 16/05/2010 à 12:30
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 dimanche 11 avril 2010 Statut Membre Dernière intervention 22 juillet 2010 1
16 mai 2010 à 12:53
Bonjour,

Personnellement j'utilise l'outil plume pour le détourage je trouve sa plus précis
0
FRANCELISSA Messages postés 163 Date d'inscription mercredi 6 février 2008 Statut Membre Dernière intervention 11 novembre 2016 1
16 mai 2010 à 13:24
OK. Merci à vous. Bon eh bien maintenant, j'ai compris comment faire et je vais intégrer la variante "patience".

Bon dimanche à vous!
0