Forum One Piece, Fairy Tail, Dragon Ball, Nanatsu no Tazai, Naruto...
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

[Photoshop] la transparence

2 participants

Aller en bas

[Photoshop] la transparence Empty [Photoshop] la transparence

Message par Itsigo Mer 26 Mar - 0:01

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

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

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 Wink)

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 Rolling Eyes)
Spoiler:

Maintenant, comment savoir si c'est transparent ? scratch
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 Twisted Evil. renommez-là et enregistrez-la.
Spoiler:

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

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 ? affraid

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

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 Wink


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 Wink)

4*/ Internet Explorer a encore un peu de peine avec le .png Mad
Perso je vais toujours avec Mozilla Firefox, au moins je suis sûr que ça marche [Photoshop] la transparence 2804
[Photoshop] la transparence Firefox-est-ton-ami [Photoshop] la transparence Coupe-firefox [Photoshop] la transparence Firefox25 [Photoshop] la transparence Firefox30 [Photoshop] la transparence Firefox16 [Photoshop] la transparence Firefox-ange
VIVE FIREFOX cheers



Voilà Very Happy vous savez tous [Photoshop] la transparence 2804 j'espère que cette astuce vous aura été d'une grande aide Razz

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

[Photoshop] la transparence 080322024403127021855449


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

Masculin
Nombre de messages : 479
Age : 33
Groupe : Membre
Date d'inscription : 21/05/2007

Revenir en haut Aller en bas

[Photoshop] la transparence Empty Re: [Photoshop] la transparence

Message par Itsigo Jeu 27 Mar - 2:06

xD la section graphique est morte Sad
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
Itsigo
Shichibukai
Shichibukai

Masculin
Nombre de messages : 479
Age : 33
Groupe : Membre
Date d'inscription : 21/05/2007

Revenir en haut Aller en bas

[Photoshop] la transparence Empty Re: [Photoshop] la transparence

Message par Shiryuyoga Jeu 27 Mar - 13:55

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.
Shiryuyoga
Shiryuyoga
Vastolorde
Vastolorde

Masculin
Nombre de messages : 2280
Age : 43
Groupe : Membre
Date d'inscription : 23/04/2007

Revenir en haut Aller en bas

[Photoshop] la transparence Empty Re: [Photoshop] la transparence

Message par Invité Jeu 27 Mar - 14:38

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


Revenir en haut Aller en bas

[Photoshop] la transparence Empty Re: [Photoshop] la transparence

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum