[Photoshop] la transparence

Aide : cette *$#|@?!£* de transparence...

Tout graphiste y passe, c'est inéluctable u_u
Seulement voilà: c'est un peu compliqué
Si tu as des soucis avec la transparence, ne t'en fais pas, Itsigo-sama est là pour toi

Tout d'abord:

Un peu de théorie

En fait c'est vachement compliqué, parce qu'on ne peut pas faire des image ronde ovale etc...
toutes les images doivent être rectangulaire, donc dans les endroits ou c'est transparent,
il doit de toute façon y avoir une "couleur"

Ici par exemple c'est gris foncé, manga-info "dit" à l'image que transparent = gris foncé
Et ça change encore quand c'est en spoiler, puisque ce n'est pas la même couleur (noir) xD


Version pro :

Bien évidemment, la transparence ne peut pas demeurer si l'on commence
sur un fond blanc ou noir parfaitement visible (c'est tout c*n, mais souvent
c'est ça le problème )

1*/ Tout graphiste digne de ce nom commence un document en faisant :
-fichier > nouveau

Là une fenêtre s’ouvre. Entrer ces données pour que la transparence fonctionne sur le net :
Le contenu de l'arrière-plan doit être impérativement transparent !
(pas noir ou blanc, comme beaucoup le font )

Spoiler:

Maintenant, comment savoir si c'est transparent ?
La transparence est en général symbolisée par un damier gris et blanc:

Spoiler:

2*/ Voilà, la création que vous avez faite est maintenant terminée.
Faites "fichier > enregistrer sous..."

Spoiler:

3*/ La fenêtre "enregistrer sous..." s'est ouverte. Important: mettez votre image au format .png
sinon: pas de transparence . renommez-là et enregistrez-la.

Spoiler:

4*/ C'est fait Il ne reste plus qu'à héberger votre image

Version "j'ai-pas-mis-la-résolution-de-72px/pouces"

1*/ Admettons que vous ayez commencé comme cela (pour une question de qualité par exemple) :
(+ la résolution est haute, plus la qualité (et le poids) de l'image est élevée et vice versa)

Spoiler:

Mon Dieu ! Catastrophe ! Que faire ?

Ne vous inquiétez pas, Adobe a pensé à tout

2*/ Une fois que vous avez terminé votre création, ne faites pas "fichier > enregistrer sous..." mais
"fichier > enregistrer pour le web et les périphériques"

Spoiler:

3*/ Cette fenêtre s'ouvre, mettez "png-24":

Spoiler:

Il ne reste plus qu'à enregistrer et à héberger votre image


Notes

1*/ tous les noms bizarres que vous voyez dans la liste ci-dessus (ex: "gif 128 non tramé" etc) sont des
formats avec des paramètres prédéfinis pour que l'image soit vue sur le web. "png 24" est parfait
pour des créations non-animées assez chargées en détails.

2*/ Personnellement, j'utilise toujours la version "j'ai-pas-mis-la-résolution-de-72px/pouces" car au
moins le risque de se tromper est de 0 sur 1'000'000'000 ^^

3*/ Pour l'hébergement, le plus connu est sans nul doute servimg.com, mais je vous conseille vivement
casimages.com : il y a vraiment beaucoup moins de risque que ça plante (pour la transparence justement )

4*/ Internet Explorer a encore un peu de peine avec le .png
Perso je vais toujours avec Mozilla Firefox, au moins je suis sûr que ça marche

VIVE FIREFOX



Voilà vous savez tous j'espère que cette astuce vous aura été d'une grande aide

Voici la preuve de ce que je viens de dire, voici.... la fameuse Sign Pourrie



N'hésitez pas à hurler si quelque chose manque dans ce tuto

xD la section graphique est morte
j'essaie tant bien que mal à la faire revivre un peu mais rien à faire lol

un petit "merci" ça vous dérange peut-être?

Merci, de ce tuto :p.

Ps: j'avais même pas remarquer le tuto lol.

Ps2 : pour les gif, il y a moyen d'enlever le blanc et de mettre la couleur du forum par exemple, mais, j'ai pas le temps de l'expliquer, je ferais un tuto plus tard.

merci pour le tuto est ce que tu pourrais faire un tuto pour savoir comment faire un fondu entre deux images merci^^