Page 1 sur 4

Bouton translucide façon Vista [PF6]

Publié : 13 déc. 2006 12:21
par Tom
Pour faire enrager un peu plus l'ami nimitz, :lol:

un petit tutoriel vite fait pour la version PF6 freeware :

Image

J'affiche l'exemple de l'image et du masque associés :

. . . . . . . . . . . . . IMAGE . . . . . . . . . . . . . . . . . . . . . . . . MASQUE
Image

=> l'image :
- Avec le plugin Dégradé de p@f, composer le dégradé dans une sélection aux coins arrondis, sur fond d'image noire RVB 0,0,0,
comme dans la partie gauche de l'exemple.
- on peut augmenter un peu le niveau des blancs du haut et du bas, mais le noir médian doit être noir RVB 0,0,0, pour la transparence complète.
- contour et remplissage : un trait blanc de 1
- on contracte la sélection de 2, pour faire un trait blanc de 1
- on dilate la sélection de 1, pour faire un trait noir de 1

=> l'image et le masque associés :
- dupliquer l'image (de gauche)
- passer le duplicata en négatif
- copier le négatif
- sur l'image : Edition / Collage spécial / Assembler à droite

=> application :
- copier l'image et le masque associés
- sur le fond : Edition / Collage spécial / Image et masque associés
- avant de valider positionner et règler l'opacité des options de collage
- il est conseillé de répèter cette application pour renforcer éventuellement les blancs.

Quelques exemples de boutons PF6, façon Vista, avec éclairage au survol,
sur la page d'accueil de mon site : http://jptom.free.fr/

_autres mots clés : effet transparent verre relief TroisD

Publié : 13 déc. 2006 13:15
par Benthai
Bonjour...TOM..

Superbe....comme d'habitude...
Belle preuve de maîtrise de l'outils Photofiltre...
L'application sur le site est géniale...avec rétroéclairage orange sur passage de curseur... :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap:

(un merci perso...pour l'hébergement...)

BRAVO............

Benthai

Publié : 13 déc. 2006 14:26
par Corwin13
Chapeau bas, Tom! C'est extra! :clap: :clap: :clap:

Publié : 13 déc. 2006 17:32
par sylvey
:clap: merci, je suis justement en train de travailler sur des boutons aqua! :wink:

Publié : 13 déc. 2006 22:27
par isa32
:clap: :clap: très beau !

Publié : 14 déc. 2006 10:00
par Tom
Merci à vous, :)

Je crois que l'on ne remerciera jamais assez Antonio pour l'efficacité de PF6,
et p@f (Pascal Flocard) pour ses plugins et pour Dégradé , en particulier.

La technique de l'image et du masque associés est un peu rébarbative a priori,
mais on s'aperçoit vite qu'elle ouvre bien des portes pour gérer des effets de transparence progressive,
y compris pour la version Studio.

Publié : 14 déc. 2006 11:07
par Ciré_86
Avé :wink:

Je confirme, bravo à tous :D 8)

Publié : 17 déc. 2006 11:13
par Magally
Bonjour à tous

Merci Tom pour ce tuto, ça ma permis de refaire une beauté à ma page d'accueil à voir ici
:wink:

Publié : 17 déc. 2006 11:51
par Coraliecaramel
Superbe bouton Tom et merci pour le tuto :D
Jolie page Magally :D

Publié : 17 déc. 2006 12:04
par Benthai
Bonjour Magally....

c'est vraiment une mise en page de toute beauté..
BRAVO.................
Benthai

Publié : 17 déc. 2006 12:19
par Tom
Merci à vous, et bravo à Magally,

Très content que le tuto soit utilisé et dans une belle mise en page !!!

Publié : 27 déc. 2006 15:29
par MGR
Bonjour j'ai rien compris au tuto ;( serait-ce possible d'avoir des screen?

merci @+

Publié : 27 déc. 2006 15:39
par nimitz
MGR a écrit :Bonjour j'ai rien compris au tuto ;( serait-ce possible d'avoir des screen?

merci @+
Je ne pense pas qu'ils s'imposent.
Bien que "fastidieuse" la démarche reste claire (comme d'habitude avec Tom) et il suffit de suivre pas à pas les explications...

Publié : 27 déc. 2006 18:34
par MGR
je connait rien a photofiltre

j'ai presque reussit mais ca me donne ça:


http://img176.imageshack.us/img176/1551 ... dbsyg9.jpg


où j'ai merder?

[Tom] Merci de respecter la taille d'image définie dans les Annonces ou d'utiliser le lien d'affichage de la vignette [/Tom]

Publié : 28 déc. 2006 22:26
par PhilippeB
Heu quel est le rapport entre l'Aston Martin et le tuto de Tom ?