Aller au contenu

comment creer un fond transparent


rikaix

Sujets conseillés

Bonjour,

mon niveau en design = 0

les logiciels en ma possession : Gimp et fireworks

Question : J'ai scanné plusieurs images pour mon site et toutes se trouvent sur un fond blanc à l'intérieur d'un rectangle : exemple d'image

psplittitre.gif

pconsole02b.GIF

j'aurais souhaité récupérer uniquement la photo pour pouvoir la positionner à ma guise sur différents fonds de couleur différentes, le probléme que j'ai actuellement c'est que je suis obligé d'utiliser des pages blanches pour que les images se fondent "dans le décor", si je change la couleur du fond je me retrouve avec des rectangles blancs autour de l'image. (pas trés heureux et même laid)

Jai essayé de remplir le fond blanc avec d'autres couleurs mais dans ce cas le tour de l'image n'est plus net et même pixélisé.

J'imagine qu'il existe un moyen de pouvoir détourer proprement une image et c'est la que je sollicite votre aide parceque je ne sais vraiment pas comment faire,

pouvez vous m'aider ?

Merci

Eric

Modifié par rikaix
Lien vers le commentaire
Partager sur d’autres sites

Détourer une image dans Gimp ou Photoshop est relativement simple, mais c'est vrai que c'est minutieux, chiant, et qu'il faut une petite base.

Quand j'ai la flemme, l'astuce c'est la bordure grise avec margin de 2px :D çà donne l'effet "c'est voulu, c'est design" et le pire c'est que souvent ... c'est vraiment design.

Ca dépend des cas de figures bien sûr.

Tu peux essayer avec un petit <img src="/path/image.png" alt="ton alt (requis)" title="ton titre (facultatif)" "style="margin:2px;border:1px outset #a1a3a5;" />

Sinon si tu tiens vraiment à détourer et que tu n'y arrives vraiment pas, tu files le bébé à un petit étudiant fauché, il te fera çà pour pas grand-chose en 5 minutes.

A noter qu'une image en format JPG n'aura jamais de transparence, ce format ne gère pas la transparence. Ce n'est pas le cas ici, mais çà peut servir de le savoir.

Modifié par Dudu
Lien vers le commentaire
Partager sur d’autres sites

bonsoir,

si tu as paintshoppro tu peux

dans le menu : Image,

choisir Palette et Réglage de la transparence en choisissant dans ton cas de donner la transparence à la couleur blanche.

puis Afficher la transparence, Sauver

et le tour est joué.

Lien vers le commentaire
Partager sur d’autres sites

merci de vos réponses et début de pistes,

2 conseils trés interessant, que je vais tester de suite,

je pense qu'avec gimp je devrais avoir les mêmes fonctions que sur paintshop pro ?

Détourer une image dans Gimp ou Photoshop est relativement simple, mais c'est vrai que c'est minutieux, chiant, et qu'il faut une petite base.

est il possible d'en savoir plus car je ne connais pas d'étudiant fauché ici, c'est une ville de "bourges" ... :lol:

[edit] bon je n'ai pas ces choix sous gimp, par contre il y a un choix transparence sous outils, mais apparemment il faut passer par la manipulation de calques, et là Glouglouglou adieu monde cruel :huh: sauriez vous ou je pourrais trouver un tuto sur cet aspect qui a l'air si important pour la manip d'images (donc : les calques) et en meme temps sur l'utilisation de la fonction "transparence" sous Gimp" [edit]

je sais j'en demande beaucoup mais promis la prochaine fois que je reviens c'est pour montrer le résultat que j'aurais obtenu aprés lecture de ces tutoriaux ... :rolleyes:

merci de votre aide

Eric

Modifié par rikaix
Lien vers le commentaire
Partager sur d’autres sites

Comme pour PaintShop Pro, Fireworks et son export wizard permet de créer une transparence d'index ou une transparence alpha. Vu la structure de ton image, même une transparence d'index devrait marcher.

Tu prend la pipette + pour ajouter le blanc comme couleur transparente et ça devrait marcher. Sinon, affiner avec une transparence alpha (256 niveaux).

Modifié par davidm
Lien vers le commentaire
Partager sur d’autres sites

Merci Davidm,

excellent la fonction export sous fireworks c'était tellement évident que je ne l'avais pas vu pourtant j'au du exporter des images en gif plus d'une centaine de fois sans remarquer la petite case à cocher "transparence" ou du moins ne sachant pas l'utiliser , merci donc à toi, hyper rapide et pratique.

Je remercie aussi dans le même temps Dudu et Tictact, maintenant je sais détourer une image avec l'outil bezier, tracer chemin etc grâce à leur réponse, et en recherchant des tutoriaux sur "détourer photo gimp" sur Google.

Comme promis, 3 exemples d'images que j'ai détourée dans mon header en haut à droite, et 5 photos au centre (avec le petit trait gris autour ;) ) dans mon site en signature, bon c'est pas encore parfait mais normalement je devrais m'améliorer ;)

Amicalement

Eric

PS : si vous avez le temps, pouvez vous m'expliquer la différence entre une transparence d'index et une transparence alpha ?

Modifié par rikaix
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...