[TUTO] Bouton reflet

Voir le sujet précédent Voir le sujet suivant Aller en bas

[TUTO] Bouton reflet

Message par mikaela le Sam 29 Oct - 12:20

Prenez l'outil rectangle arrondi.
Choisissez le mode "tracés" et mettez un angle arrondi à 7 pixels.





Tracez ensuite votre rectangle arrondi au milieu de votre document.
Utilisez les repères si besoin est.




Faites ensuite un clic droit sur le tracé (toujours avec l'outil rectangle arrondi), puis cliquez sur définir une sélection.




Créez maintenant un nouveau calque (ctrl + maj + N).
Remplissez alors la sélection d'une couleur quelconque.
Puis déselectionnez (ctrl + D)




Passe l'opacité de fond à 0% du dernier calque.




Ouvrez les options de fusions de ce dernier calque, et commencez par ajouter une ombre portée.
Réduisez la distance de l'ombre à 0 pixels.
Diminuez également l'opacité jusqu'à 52%.




Ajoutez maintenant une lueur externe.
Changez la couleur jaune en blanche.




Appliquez maintenant une lueur interne, changez encore une fois la couleur en blanc.
Puis diminuez l'opacité à 55% ainsi que la taille à 1 pixel.





Ajoutez maintenant une incrustation en dégradé de gris (#dcdcdc) à gris clair (#f7f7f7).




Voici ce que vous devriez alors obtenir :




Maintenez la touche ctrl enfoncé, et cliquez une fois sur le calque avec le rectangle arrondi. Cette manipulation vous permet de récupérer la sélection du rectangle arrondi.
Puis prenez l'outil ellipse de sélection en mode soustraction.





Tracez alors une grosse ellipse avec un centre centré horizontalement, mais plus bas sur la verticale.




Créez un nouveau calque, et remplissez avec le pot de peinture en blanc.




Diminuez l'opacité de fond à 0%.
Ajoutez ensuite une incrustation de dégradé.
Mettez deux ancres de couleurs blanches en bas. Puis placez la premiere ancre d'opacité en position 30% et réglez son opacité à 59%.
Mettez la deuxième ancre en position 65% d'opacité 0%.





Voici alors ce que vous obtenez.





Si vous le désirez, remplissez votre cadre comme bon vous semble selon l'utilisation que vous souhaitez.
Voici un exemple. J'ai simplement rajouté quelques traits avec une ombre portée de distance 0 pixels, et un petit texte (police verdana, taille 9 pixels)

avatar
mikaela
Administrateur
Administrateur

Nombre de messages : 3922
Age : 21
Date d'inscription : 16/07/2004

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Voir le sujet précédent Voir le sujet suivant Aller en bas Message [Page 1 sur 1]

- Sujets similaires

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