Sondage du mois

Sondage du mois
 

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




 
  Astuce Adobe Flash : Raccourci Quitter : Ctrl Q




Les tutoriaux: Index » Photoshop » Interface » Micro boutons

Introduction

  • Tutoriel posté par Banazob
  • 3189 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

Une nouvelle adaptation d'un tutoriel de biorust.

Les outils :


Méthodologie
Commencez par un nouveau document en 200*200px et rempli de blanc.
Creéz ensuite un nouveau calque transparent au-dessus.

Avec l'outil de selection rectangulaire, faites un rectangle de 60px de coté et 11px de haut. Ensuite dans le menu faites : Edition → Remplir... avec un gris léger (ici : #F2F2F2).
Passez ensuite par le menu : Calque → Style de calque → Ombre portée et rentrez les paramètres comme ci-contre. Ne faites pas OK avant la fin de l'étape 5.

NB: Tous les paramètres qui ne sont pas affichés sont à laisser par défaut.
Allez ensuite dans la sous-section Ombre interne et mettez ces paramètres.
Continuons avec Biseautage et estampage et mettez ces paramètres.
Vous pouvez remarquer que votre bouton semble quasiment terminé. Il ne reste plus qu'une étape.
Sous-section Contour. Préférez une couleur du style gris foncé pour le contour plutôt que du noir car ce dernier est trop fort.
Mettez une largeur de 1px (ici :#616161).

Enfin, vous pouvez cliquer sur OK et admirer votre superbe travail.
... Voila vos merveilleux boutons.
En rajoutant quelque motifs ou une texture ils seront parfaits pour une interface.
Notes

  Evaluez le tutorial (53 Votes)

25
7
21

Rien d'exceptionnel pour ce tutoriel, mais toujours utile selon l'atmosphère que l'on souhaite donner à un site :)

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

Réagir sur ce tutoriel - [Photoshop] Micro boutons

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com