Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Photoshop : Raccourci Enregister sous : ctrl Shift S




Les tutoriaux: Index » Photoshop » Interface » Boutons transparents

Introduction

  • Tutoriel posté par Banazob
  • 5357 lectures
  • Mis en ligne le
  • Dernière mise à jour le
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Un effet simple dont le secret réside dans les options de fusion. Suivez le guide franco-anglais qui peut aussi vous donner cette version en original sur le site de biorust.

Les outils


Méthodologie
... Créez un nouveau document de 200*100px avec un fond blanc pour commencer. Créez ensuite un nouveau calque et sélectionnez-le. Créez ensuite (à l'aide des outils que vous préferez) une forme arrondie ressemblant à celle sur votre gauche puis remplissez la de noir. Après cela, modifiez le fond : 0%.
... Votre forme devrait disparaitre, mais pas pour longtemps. Toujours sur le même calque, passez dans les options de fusion de votre calque : Calque → Style de calque → Ombre portée. Reproduisez les paramètres ci-contre.

Ne quittez pas la fenetre de Style de calque avant l'étape 6 !.
Passez maintenant à la sous-section Lueur Interne. On va de ce fait "solidifier" un peu votre bouton. Reproduisez encore une fois les paramètres sur votre gauche.
Voici l'étape ou la magie opère! Allez dans la sous-section Biseautage et Estampage. Le contour brillant n'existe pas par défaut et il va donc falloir le creer. Cliquez sur la courbe située en bas puis donnez lui une allure ressemblant à la mienne (clic me if you can). Pas la peine de la recreer au pixel près non plus :)

Remarque: Si vous voulez changer l'allure générale de votre bouton, c'est ici que ca se passe. En modifiant la profondeur par exemple, vous pouvez rendre votre bouton plus ou moins lisse. En jouant sur les différents paramètre, vous pourrez donner un effet plus beau à votre bouton mais faites attention car si certains paramètres sont trop modifiés, vous obtiendrez un résultat quasi-catastrophique !

Ne modifiez les paramètres qu'une fois après avoir mis en place l'allure générale, comme ca vous pourrez toujours revenir en arrière.


Passez maintenant dans la sous-section Contour du Biseautage et Estampage. Modifiez l'allure de votre courbe une fois de plus.
... Pour l'étape finale, passez dans la section Satin. Recopiez une fois de plus ces paramètres. On va ainsi créer un effet de réverberation de la lumière ce qui permet d'avoir un effet beaucoup plus réaliste.
... Vous pouvez maintenant quitter la fenêtre des Styles et admirer votre travail :) Vous pouvez aussi ajouter une petite teinte à votre bouton à l'aide de l'Incrustation Couleur ainsi que d'autres petits effets sympas, mais je vous laisse experimenter tout ca :)
Notes

  Evaluez le tutorial (66 Votes)

40
14
12

Comme vous pouvez le voir, le bouton est transparent. Pour garder un effet réaliste, il serait bien que vous appliquiez un petit flou gaussien à chaque partie de calque située sous votre bouton (donc en séléctionnant votre forme, CTRL + Clic sur votre calque puis en appliquant le flou gaussien à chaque calque séparément).

...

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Photoshop] Boutons transparents

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com