Bordure blanche autour de mes exports en gif, HELP!!!

Bordure blanche autour de mes exports en gif, HELP!!! - Web design - Graphisme

Marsh Posté le 25-03-2007 à 23:50:05    

Voilà: je créé des boutons pour un site internet sur photoshop element 2.0: boutons rouges sur fond noir.
Le fichier PSD d'un bouton (200X60 px) ne se compose que d' un calque, et ne contient AUCUNE bordure blanche (même en grossissant).
Or, quand j'exporte l'image en BMP, GIF, TIFF ou n'importe quel format, transparence ou pas, il apparaît une vilaine bordure blanche de 1 px en bas et à droite autour du bouton. J' essaie sur la bécane d'un copain dans photoshop 7.0, pareil!
J' ai cherché sur differends forum, je ne suis pas le seul à avoir eu ce problème, et personne ne trouve de solution... Peut-être vous? Merci d'avance, je vous colle l'image en bas, enregistrez-là, grossissez et vous verrez de quoi je parle.
Olive
 
http://a387.ac-images.myspacecdn.com/images01/46/l_c83186799b7166a295360246b17330f2.gif

Reply

Marsh Posté le 25-03-2007 à 23:50:05   

Reply

Marsh Posté le 26-03-2007 à 04:36:07    

Encore mieux: si j'ouvre le bouton en PNG par exemple sous photoshop ou PictureIt!, le trait blanc n'y est pas. Quand je l'ouvre dans aperçu des images ou IE ou mozilla, il y est!!!  :pt1cable: :pt1cable: :pt1cable:  
HELP!!!


Message édité par Olive I Perry le 26-03-2007 à 04:39:31
Reply

Marsh Posté le 26-03-2007 à 13:23:32    

Essaie de trouver une option "Sans détourage" :/


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 26-03-2007 à 15:55:02    

Pendant l'export j'ai fait de toutes les manières possibles: png, gif, tiff, bmpetc.... avec sans détourage, transparence, pas transparence....etc...

Reply

Marsh Posté le 26-03-2007 à 16:25:14    


 
si tu fait enregistrer pour le web je croi effectivement qu'il ne detoure pas bien si tu fait enregistrer sous puis gif je croi que le detourage sur fond transparent est parfati

Reply

Marsh Posté le 26-03-2007 à 16:27:49    

OK merci, j'essaie et je te dis ça....

Reply

Marsh Posté le 26-03-2007 à 16:31:53    

négatif... toujours cette damnée bande blanche. Le bouton est sur un fond noir, c'est pas extremement gênant, mais ça se voit trop! En tout cas merci de chercher. Ca vous est déjà arrivé vous?

Reply

Marsh Posté le 26-03-2007 à 16:34:39    

Vu que ça ne le fait que sous apperçu des images, IE ou Mozilla, ça ne vous donne pas des pistes? Allez voir directement sur la page (en construction): http://www.metronomic-erection.com/menu/

Reply

Marsh Posté le 26-03-2007 à 17:14:03    

Ce que dit F6 est faux bien sur.
C'est l'inverse, la fonction "enregistrer pour le Web" est bien meilleur que enreg sous.
Donc si tu as essayé sans détourage et que ça ne fonctionne toujours pas (bizarre) des fois j'utilise une méthode un peu barbare :
Dans "enregitrer pour le web" tu choisis Gif, en mode Adaptatif par exemple, et en affichant la palette de couleur, tu vires le blanc (ou gris clair). Bref, les couleurs qui forment le détourage.
Ce qui tombent assez bien puisqu'elle ne sont présente que dans celui ci apparement.
Esssaie ça et si ça donne toujours rien, upload le PSD et je regarderais.


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 26-03-2007 à 17:25:15    

Même resultat en enregistrant sous. En fait, en exportant en n'importe quelle taille cette bande blanche est toujours présente, sauf qu'on la voit moins vu la taille!
Euh question bête pas si bête: comment on upload sur le site? Merci beaucoup zedlefou pour ton aide précieuse.


Message édité par Olive I Perry le 26-03-2007 à 17:31:28
Reply

Marsh Posté le 26-03-2007 à 17:25:15   

Reply

Marsh Posté le 26-03-2007 à 17:32:29    

via rapidshare.com par ex   :whistle:


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 26-03-2007 à 17:36:49    

OK:
http://rapidshare.com/files/22884997/Boutons_PSD.rar
Merci! Dis-moi si tu l'as bien reçu, je ne connais ps ce système.
Sinon je peux te l'envoyer par mail...


Message édité par Olive I Perry le 26-03-2007 à 17:46:54
Reply

Marsh Posté le 26-03-2007 à 17:54:58    

Peut-être que tu es en mode CMJN au lieu de RVB ?


---------------
Agence Web à Strasbourg - Création de site internet
Reply

Marsh Posté le 26-03-2007 à 17:56:45    

Non, je suis bien en RVB...

Reply

Marsh Posté le 26-03-2007 à 17:56:53    

Déjà tu peux mettre en 72dpi.
Quand c'est fait, si tu choisis "Mode Plein Ecran Sans Menu" (touche F), ça te met un fond noir et tu vois des bordures à ton bouton.
Donc tu remplis un nouveau calque avec du noir, tu le mets en dessous et tu applatis l'image.
De là, tu fais enregistrer pour le Web. En gif sans détourage et c'est bon.


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 26-03-2007 à 18:09:03    

OK ça marche qd je laisse en taille normal sur le gif, mais dès que je passe en 200X60 px, 72dpi ça recommence. Sniff!
J'ai un peu honte d'abuser de ta gentillesse, mais voilà 3 jours que je suis là-dessus: si tu as réussi avec mes PSD, est-ce que je peux te demander de me les envoyer en GIF ou PNG 200X60 px? Please!

Message cité 1 fois
Message édité par darth21 le 30-03-2007 à 00:20:36
Reply

Marsh Posté le 26-03-2007 à 18:21:46    

Je dois bouger... réunion... en retard... je reviens demain. Merci à tous.

Reply

Marsh Posté le 26-03-2007 à 18:23:17    

Non, dsl je fais pas le boulot à ta place ...
Essaie toutes les bidouilles que je t'ai donné, tu finiras par y arriver ...


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 26-03-2007 à 18:53:15    

Olive I Perry a écrit :

OK ça marche qd je laisse en taille normal sur le gif, mais dès que je passe en 200X60 px, 72dpi ça recommence. Sniff!


Il faut que t'es images exportées aient la même taille en pixels que sur tes pages Web, sinon la déformation crée un effet de moirage ou de pixelisation.


---------------
Agence Web à Strasbourg - Création de site internet
Reply

Marsh Posté le 27-03-2007 à 00:53:59    

Dsl zedlefou, ma requête était déplacée... Je suis aller voir ton site perso: YES, respect!!! Merci à tous en tout cas, je tazonne tout ça et ça devrait marcher à force...(?)

Reply

Marsh Posté le 27-03-2007 à 15:14:24    

Zedlefou a écrit :

Ce que dit F6 est faux bien sur.
C'est l'inverse, la fonction "enregistrer pour le Web" est bien meilleur que enreg sous.
Donc si tu as essayé sans détourage et que ça ne fonctionne toujours pas (bizarre) des fois j'utilise une méthode un peu barbare :
Dans "enregitrer pour le web" tu choisis Gif, en mode Adaptatif par exemple, et en affichant la palette de couleur, tu vires le blanc (ou gris clair). Bref, les couleurs qui forment le détourage.
Ce qui tombent assez bien puisqu'elle ne sont présente que dans celui ci apparement.
Esssaie ça et si ça donne toujours rien, upload le PSD et je regarderais.


 
 
 
a ba oui je me suis trompé  [:airforceone]

Reply

Marsh Posté le 27-03-2007 à 16:59:24    

Bon. Une chose est sûre: le problême ne vient pas d'un eventuel bord transparent de mon image d'origine. J'ai coupé celle-ci en deux, en plein milieu dans la longueur et dans la hauteur, puis export gif ou png 200x60, bref même opération dans toutes situation: format, X dpi, tes bidouilles zedlefou etc...  Résultat: exactement la même bordure blanche en bas et à droite. Mieux: sur d'autres images: exactement la même!!!  :??:  
J'ai essayé sous plusieurs logiciels: toshop CS2, toshop elements 2.0 et 5.0, illustrator CS: la bande blanche est tj là, mais pas au même endroit selon le logiciel.
3ème point: j'insiste sur le fait que cette maudite bordure n' est PAS dans l' image finale!!! Puisque si je l'ouvre (le GIF, ou PNG etc... en 200X60) dans toshop CS2, toshop elements 2.0 et 5.0, illustrator CS: elle n'y est pas! Seulement en l'ouvrant dans apperçu des images ou IE ou mozilla!!!!!!!! J'ai essayé sur d'autres bécanes (l'export et la visualisation): pareil!!!
Donc: le problème serai un problème de compatibilité couleurs entre logiciels ou qqchose comme ça??? Allez voir sur le site: ça n'est jamais arrivé à personne? http://www.metronomic-erection.com/menu/
Merci à tous pour votre attention.

Reply

Marsh Posté le 27-03-2007 à 17:54:32    

Déjà ton image, c'est une image pour le web, il n'y a aucune raison qu'au niveau du PSD elle fasse 700px de large.
Réduit ton ensemble (meme si c'est du vectoriel) à du 200x60.
C'est du web pas du print poulette.
 
Ensuite avec toshop bah tout con.  
Moi quand j'ai une image qui n'aura pas de transparence alpha (de toute manière actuellement avec IE, les PNG avec alpha c'est semi DTC).
Je fais CTRL+SHIFT+C pour faire un copier/coller fusionné.
CTRL+N pour une nouvelle image, CTRL+V pour coller
puir CTRL+SHIFT+ALT+S pour enregistrer pour le web, je choisis mon format et basta.
 
Bien sur je pars d'une image correctement dimensionnée avant.
 
Tu as du merder mais bien. PS l'image que tu as posté est clean

Reply

Marsh Posté le 27-03-2007 à 18:29:56    

Donc, Gatsu35:
-Je redimensionne mon PSD 200X60px ("C'est du web pas du print poulette" lol)
-Je fais CTRL+SHIFT+C pour faire un copier/coller fusionné.
-CTRL+N pour une nouvelle image,
-CTRL+V pour coller,
-CTRL+SHIFT+ALT+S pour enregistrer pour le web, je choisis PNG.
Résultat: bande blanche!

Citation :

PS l'image que tu as posté est clean


Regarde d'abord avec toshop (clean) puis avec apperçu des images (pas clean). Grossis-là avec apperçu des images et tu verras en bas et à droite une bande de 1px. Euh... tu es allé voir sur la page en question? Parce que c'est la même et y'a bien une bande blanche autour de chaque bouton!
Si j'ai merdé ce coup-là, dis moi où!

Reply

Marsh Posté le 27-03-2007 à 18:52:40    

[Edit] Rien, trompé... [FinEdit]


Message édité par Pyksel le 27-03-2007 à 19:07:19

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 18:55:37    

Je parle de tes images enregistrées... Pas tes psd...


Message édité par Pyksel le 27-03-2007 à 18:56:14

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:01:34    

Je passe le gif en mode RVB sous toshop: effectivement il y a une faible bande grisatre. Je la selectionne, la peint en noir, j'exporte: bande blanche dans apperçu des images. Je sens que t'es sur une piste Pyksel...


Message édité par Olive I Perry le 27-03-2007 à 19:02:10
Reply

Marsh Posté le 27-03-2007 à 19:05:42    

Quand tu réechantillone, Image>taille de l'image, quand tu passe à 72DPI, mets le réechantillonage sur "au plus proche"


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:06:51    

Testé et approuvé pour les couleurs indexées je me suis trompé, j'ai vu tes psd, ils sont ok, t'est juste pas dans la bonne résolution... Donc modifie la taille de tes images... Comme cité ci-dessus...
 
Fais ça sur tes psd...
 
Converti donc tes fichiers 300DPI en 72DPI, mais surtout réechantillone bien ;)
 
Je viens de retester (j'edite donc ce topic) et ça marche... J'avais pas compris comment tu exportais en fait...
 


Message édité par Pyksel le 27-03-2007 à 19:10:15

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:11:10    

Je pars du PSD: je rééchantillone en 200X60 72dpi réglé sur "au plus proche". J'exporte en PNG 24 (transparence): bande blanche...

Reply

Marsh Posté le 27-03-2007 à 19:12:29    

Citation :

Converti donc tes fichiers 300DPI en 72DPI, mais surtout réechantillone bien ;)
 


"réechantillone bien" c'est à dire?

Reply

Marsh Posté le 27-03-2007 à 19:15:07    

Bon, ben enregistrer pour le web -> Gif, jpg, png ce que tu veux... tu clique sur detourage et tu choisis noir... (si besoin decocher transparence)


Message édité par Pyksel le 27-03-2007 à 19:15:33

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:16:33    

J'ai fait ce que tu dis... bande blanche... Snif

Reply

Marsh Posté le 27-03-2007 à 19:19:07    

Peut-être que dans Photoshop la configuration des profils colorimétriques est mal réglée ?


---------------
Agence Web à Strasbourg - Création de site internet
Reply

Marsh Posté le 27-03-2007 à 19:21:16    

Je viens d'enregistrer une de tes images dans les conditions que je t'ai cité plus haut et j'obtiens ça...
 
http://pyksel.info/DIVERS/ConcertsClic.png


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:22:55    

Merci de ta patience! Mais qd j'ouvre ton image dans apperçu, je grossis et j'ai une bande blanche!! ça fait pareil chez toi?

Message cité 1 fois
Message édité par Olive I Perry le 27-03-2007 à 19:23:34
Reply

Marsh Posté le 27-03-2007 à 19:24:49    

Et j'ai pas de bande blanche...

 

J'ai fais comme suit :  
 
Images>Taille de l'image  
 
Dans pixel/puce j'ai mis 72
 
Effectivement on voit une bande dans le psd...
 
Fichier>Enregistrer pour le web
 
Png24 j'ai decoché transparence, jai cliqué sur détourage et j'ai choisi le noir...
 
----------------------------
 
Quelle idée aussi de faire un design pour le web en 300 PPP...
 
Sinon autre chose, agrandi la zone de travaill, rempli de noir autour, réduit ton image à 72 PPP, pus image de la zone de travail 190x57 -> Rogner = oui puis enregistrer pour le web...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:25:30    

Olive I Perry a écrit :

Merci de ta patience! Mais qd j'ouvre ton image dans apperçu, je grossis et j'ai une bande blanche!! ça fait pareil chez toi?


 
T'as un serieux probléme sur ton pc alors... Ca vient pas de l'image...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:28:26    

http://pyksel.info/DIVERS/test.png
 
Regarde j'ai mis comme arrière plan mon image enregistrer et ce depuis le forum... Pas de bande blanche... Donc ton pc deconne...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-03-2007 à 19:33:30    

Dsl, j' essaie tout ça mais ça marche pas... Sur l'image que tu m' as envoyé je vois aussi la bande blanche dans aperçu...

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed