[Photoshop] la transparence
2 participants
Forum One Piece, Fairy Tail, Dragon Ball, Nanatsu no Tazai, Naruto... :: Général :: Discussions générales :: Tutoriels
Page 1 sur 1
[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 )
Maintenant, comment savoir si c'est transparent ?
La transparence est en général symbolisée par un damier gris et blanc:
2*/ Voilà, la création que vous avez faite est maintenant terminée.
Faites "fichier > enregistrer sous..."
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.
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)
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"
3*/ Cette fenêtre s'ouvre, mettez "png-24":
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
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:
Ne vous inquiétez pas, Adobe a pensé à tout
2*/ Une fois que vous avez terminé votre création, ne faites pas "
"fichier > enregistrer pour le web et les périphériques"
- Spoiler:
3*/ Cette fenêtre s'ouvre, mettez "png-24":
- Spoiler:
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
Itsigo- Shichibukai
-
Nombre de messages : 479
Age : 33
Groupe :
Date d'inscription : 21/05/2007
Re: [Photoshop] la transparence
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?
j'essaie tant bien que mal à la faire revivre un peu mais rien à faire lol
un petit "merci" ça vous dérange peut-être?
Itsigo- Shichibukai
-
Nombre de messages : 479
Age : 33
Groupe :
Date d'inscription : 21/05/2007
Re: [Photoshop] la transparence
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.
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.
Shiryuyoga- Vastolorde
-
Nombre de messages : 2280
Age : 43
Groupe :
Date d'inscription : 23/04/2007
Re: [Photoshop] la transparence
merci pour le tuto est ce que tu pourrais faire un tuto pour savoir comment faire un fondu entre deux images merci^^
Invité- Invité
Sujets similaires
» [Photoshop] Apprenez photoshop en Video
» [Photoshop] C'est beau les lumières !
» Photoshop tuto spaceship
» [Photoshop] Manier les brushes
» [Photoshop] Tutoriel de colorisation.
» [Photoshop] C'est beau les lumières !
» Photoshop tuto spaceship
» [Photoshop] Manier les brushes
» [Photoshop] Tutoriel de colorisation.
Forum One Piece, Fairy Tail, Dragon Ball, Nanatsu no Tazai, Naruto... :: Général :: Discussions générales :: Tutoriels
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum