[prob] photoshop et les gifs !!!

Statut
N'est pas ouverte pour d'autres réponses.
1er
OP
duvelmoi9

duvelmoi9

Touriste
dites, moi ma question (celle qui a lancé le post) a po été répondue... alors je me demande tjs cette fameuse question, moi je crois po que la transparence des gif et png vont m'aranger qque chose, si ?
 
T

themis

ex membre
bon au niveau du débat format de fichier, le gif effectivement, pr les ombres, c pas top vu qu'avec 256 couleurs, faut y aller pr faire une ombre qui ressemble à une ombre :D (en tt cas si y a des dégradés).
le png, on en parle de plus en plus comme le format de l'avenir (surtt si l'utilisation du gif devient payante :? ) mais ACTUELLEMENT, ts les navigateurs ne le gèrent pas bien ... ça viendra :wink: Sinon, pr la transparence, c le best :wink: il gère PLUSIEURS niveaux de transparence (la claaaaaaasse :D )

alors sinon, Duvel, pour ce qui est de ton enregistrement avec transparence qui foire tu me montreras comment tu fais dimanche, ok? :wink: ce sera plus facile pour voir si tu fais une fausse maneuvre en enregistrant pr le web.

t'as du changer un truc pr que ça merde au niveau transparence, je regarderai :wink: . sinon, (je sais plus si t'en as parlé mais c tjs utile), n'oublie pas que tu peux changer la couleur par défaut du détourage de l'image (le blanc) par, par exemple, la couleur de ton fond afin que ça s'intègre mieux.
 
1er
OP
duvelmoi9

duvelmoi9

Touriste
ok bn on vera ca dimanche ;)
 
♥

♥♥♥

ex membre
Bon, vu qu'apparement, c'est un problème, j'vais vous donner un p'tit truc concerant les transparences pour le web et les ombres.

Si on crée une image à partir d'un fond transparent, qu'on lui mette une ombre et qu'on l'exporte en GIF transparente, ça n'ira pas fort. Sauf si on en fait un PNG, mais que pour Flash alors, le résultat donne assez bien dans la plupart des cas.

Mais comment faire alors pour que mon ombre soit bien intégré à ma couleur de fond de mon site ou de mon background?

Simple. Créer votre image sur la même couleur de fond que votre site. Si c'est un background en image, utilisé une couleur qui s'en rapproche au maximum au niveau où votre image sera posée.

Une fois fais, sélectionnez votre image entière (Rectangular Marquee Tool) de votre PSD et copiez-là (Shift+Ctrl+C) afin d'en créer une nouvelle image dans un autre fichier transparent (Ctrl+N).
Vous n'avez donc maintenant plus que votre image ombrée et votre fond sur un seul layer.

Prenez la baguette magique (Magic Wand Tool) et paramètrez-là comme ceci: Tolérance:10, décochez l'anti-aliasing et le contigous.

Maintenant, cliquez sur la couleur de votre fond de couleur de votre image et delete. Vous aurez logiquement votre forme et son ombre avec un contour de la couleur de votrez fond.

Maintenant, vous n'avez plus qu'à la placer dans votre page web et d'y mettre la couleur de fond.

Et voila!

Un p'tit exemple vite fait, sur la première image, cette technique, sur la deuxième, juste un export en gif transparent à partir d'un fond transparent.

:arrow: http://test.fablebarge.com/
 
hehe

hehe

PANCAKE !
Fab, c'est pas plus facile de travailler sur la couleur de fond que l'on veut puis de masquer le calque de fond et de faire un 'save for web' avec la bonne couleur pour le 'matte'?
 
♥

♥♥♥

ex membre
hehe a dit:
Fab, c'est pas plus facile de travailler sur la couleur de fond que l'on veut puis de masquer le calque de fond et de faire un 'save for web' avec la bonne couleur pour le 'matte'?
Cliquez pour agrandir...
Très juste, c'est une technique comme une autre, mais pour certaines formes, et plus particulièrement sur une typo, il arrive que ce ne soit pas suffisant.
 
titloup

titloup

Elite
Quelle mert ce PNG, sous DreamWeaver j'ai la bonne couleur (#000000), et une fois sous IE il m'affiche la transparence en bleu clair :shock:
 
♥

♥♥♥

ex membre
1vo - Wolf a dit:
Quelle mert ce PNG, sous DreamWeaver j'ai la bonne couleur (#000000), et une fois sous IE il m'affiche la transparence en bleu clair :shock:
Cliquez pour agrandir...
N'utilise jamais de PNG transparente dans une page web.
Dans du Flash oui, mais pas dans une page web, au grand jamais! :p
 
Noir

Noir

Never forget who i am !
Pour le web -> Gif ou couleur indexé. Il n'y a pas 34 format destiné pour ça. (je parle bien pour le web, lisez bien :roll: ).
 
djib

djib

Elite
1vo - Wolf a dit:
Quelle mert ce PNG, sous DreamWeaver j'ai la bonne couleur (#000000), et une fois sous IE il m'affiche la transparence en bleu clair :shock:
Cliquez pour agrandir...
C pas le .png qui merdes c'est ie. Le png ça cartonne comme format mais bon ... pê que microsft décidra de le gérer correctement dans ça version 27 de ie. D'ici là -> gif.
 
R

RedCross

ex membre
Il se peut que si tu le fait via Photoshop, ça merde aussi, Photoshop il fait du mauvais PNG (me demande pas pourquoi, c'est une constatation).
Si tu utilises du PNG, tu dois l'exporter via Fireworks. ;)
 
♥

♥♥♥

ex membre
RedCross a dit:
Il se peut que si tu le fait via Photoshop, ça merde aussi, Photoshop il fait du mauvais PNG (me demande pas pourquoi, c'est une constatation).
Si tu utilises du PNG, tu dois l'exporter via Fireworks. ;)
Cliquez pour agrandir...
Saloperie de Fireworks ouais! :mrgreen:
 
titloup

titloup

Elite
egraB el baF a dit:
1vo - Wolf a dit:
Quelle mert ce PNG, sous DreamWeaver j'ai la bonne couleur (#000000), et une fois sous IE il m'affiche la transparence en bleu clair :shock:
Cliquez pour agrandir...
N'utilise jamais de PNG transparente dans une page web.
Dans du Flash oui, mais pas dans une page web, au grand jamais! :p
Cliquez pour agrandir...
kk ^^

C'est pour mettre dans du flash, mais je voulais juste voir ce que ça donnait mon aperçu photoshop :D



egraB el baF a dit:
RedCross a dit:
Il se peut que si tu le fait via Photoshop, ça merde aussi, Photoshop il fait du mauvais PNG (me demande pas pourquoi, c'est une constatation).
Si tu utilises du PNG, tu dois l'exporter via Fireworks. ;)
Cliquez pour agrandir...
Saloperie de Fireworks ouais! :mrgreen:
Cliquez pour agrandir...
J'aime bien FireWorks :]
 
hehe

hehe

PANCAKE !
RedCross a dit:
Il se peut que si tu le fait via Photoshop, ça merde aussi, Photoshop il fait du mauvais PNG (me demande pas pourquoi, c'est une constatation).
Cliquez pour agrandir...
T'as déjà essayé le plugin superPNG pour voir?
Je l'ai mais je ne suis pas expert en PNG donc je n'ai pas pu faire de test.
 
♥

♥♥♥

ex membre
1vo - Wolf a dit:
egraB el baF a dit:
RedCross a dit:
Il se peut que si tu le fait via Photoshop, ça merde aussi, Photoshop il fait du mauvais PNG (me demande pas pourquoi, c'est une constatation).
Si tu utilises du PNG, tu dois l'exporter via Fireworks. ;)
Cliquez pour agrandir...
Saloperie de Fireworks ouais! :mrgreen:
Cliquez pour agrandir...
J'aime bien FireWorks :]
Cliquez pour agrandir...
En fait, Fireworks et Photoshop, c'est un peu le même combat que le PCistes et les Mac Users! :D

Mais j'avoue que Fireworks a des qualités que Photoshop n'a pas, et ça va bien sûr dans l'autre sens aussi...
 
R

RedCross

ex membre
Perso, je trouve pas qu'il y ait moyen de faire les mêmes choses sur l'un que sur l'autre, enfin, en même temps, je connais à fond Toshop et qu'à moitié Fireworks, mais je me sens de plus en plus l'envie de le tester à fond. Par contre, la grosse grosse merde avec les produits Macromedia, c'est le syndrome Microchiotte, c-à-d que ça pompe de plus en plus de ressources. Essayez de faire tourner un FIreworksMX2004 avec un FlashMX2004 et DreamweaverMX2004 en même temps, c'est la joie ! Alors que justement l'intérêt est pour moi de jongler entre ces divers softs.

T'as déjà essayé le plugin superPNG pour voir?
Cliquez pour agrandir...
Nop, what is it ?
 
titloup

titloup

Elite
egraB el baF a dit:
1vo - Wolf a dit:
egraB el baF a dit:
RedCross a dit:
Il se peut que si tu le fait via Photoshop, ça merde aussi, Photoshop il fait du mauvais PNG (me demande pas pourquoi, c'est une constatation).
Si tu utilises du PNG, tu dois l'exporter via Fireworks. ;)
Cliquez pour agrandir...
Saloperie de Fireworks ouais! :mrgreen:
Cliquez pour agrandir...
J'aime bien FireWorks :]
Cliquez pour agrandir...
En fait, Fireworks et Photoshop, c'est un peu le même combat que le PCistes et les Mac Users! :D

Mais j'avoue que Fireworks a des qualités que Photoshop n'a pas, et ça va bien sûr dans l'autre sens aussi...
Cliquez pour agrandir...
A chaque fois que je lance Photoshop je suis perdu, je trouve l'interface dépuillée d'informations pour un débutant comme moi, tandis que sur Fireworks je retrouve directement ce que je veux faire... mais faut l'avouer que Photoshop et plus professionel et puissant... :wink:


RedCross a dit:
Perso, je trouve pas qu'il y ait moyen de faire les mêmes choses sur l'un que sur l'autre, enfin, en même temps, je connais à fond Toshop et qu'à moitié Fireworks, mais je me sens de plus en plus l'envie de le tester à fond. Par contre, la grosse grosse merde avec les produits Macromedia, c'est le syndrome Microchiotte, c-à-d que ça pompe de plus en plus de ressources. Essayez de faire tourner un FIreworksMX2004 avec un FlashMX2004 et DreamweaverMX2004 en même temps, c'est la joie ! Alors que justement l'intérêt est pour moi de jongler entre ces divers softs.
Cliquez pour agrandir...
Erf, moi c'est l'inverse... j'ai pourtant 1024DDR et je peux lancer autant de logiciels Macromedia sans problémes, ça pompe c'est vrai, mais ça ralentit pas... par contre Photoshop ça prends un teeeeeeeeeeeemps fou à charger à chaque fois :-(

...et tout ça pour chaque logiciel Adobe (Acrobat, Illustrator et compagnie) :shock:
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut