Comment réaliser rapidement des boutons en volume un peu dans le style pixelart...

Commentaires: 0
hits: 31209
Musique recommandée:
[Ja Rule][album: Pain is love]

Commencons par créer un nouveau document [Ctrl + n] de 400x400px. Appliquer une couleur de fond et créer un nouveau calque [Ctrl + shift + n].
Utiliser l'outil de selection [m] pour réaliser une selection rectangulaire [90x14px dans l'exemple].
Choisir une couleur d'avant plan assez claire puis une couleur d'arrière plan un peu plus sombre [foreground:#637076 / background:#414A4E dans l'exemple].

Remplir la selection avec un dégradé [g] linéaire en appliquant celui-ci en partant du haut de la selection jusqu'en bas tout en pressant [shift] pour obtenir un dégradé parfaitement droit...
Sans deselectionner retablir les couleurs d'avant et d'arrière plan par défaut [d], normalement la couleur d'avant plan est maintenant noire.
Aller dans le menu: [Edit / stroke | Edition / contour] et appliquer un contour avec les paramètres suivants dans la palette contours:

contour / stroke:
  epaisseur / width: 1px
  couleur / color: #000000 [noir, correspond à la couleur d'avant plan]

position(?) / location: interne / inside

En mode normal et vérifier que l'option préserver transparence / preserve transparency n'est PAS cochée.

Notre bouton est maintenant bien délimité.
La partie fun: les volumes.

Pour ceux qui ont peur de ne pas être assez précis ou qui tremblent de la souris(?) contracter la selection de 1 pixel avec le menu [selection / modifier / contracter | select / modify / contract]. Cela va nous permettre d'effectuer le tracé des volumes sans déborder.

Utiliser l'outil trait [u] pour tracer les volumes; Normalement la couleur d'avant plan est tjrs le noir, si ce n'est pas le cas retablir les couleurs d'avant et d'arrière plan par défaut [d]. Zoomer pour être plus précis.
Paramétrer l'outil trait comme ceci dans la palette options d'outils: Epaisseur / weight: 1px mode: normal opacité / opacity: 100% anti-aliased décoché.
Créer un nouveau calque juste au dessus du calque du bouton [Ctrl + Shift + n] et tracer un trait de 1px à l'interieur de la selection sur les cotés droit et bas.
[x] pour passer le blanc en avant plan et tracer cette fois-ci sur les cotés gauche et haut.

Déselectionner [Ctrl + d]. Ci-contre: zoom sur les extrémités du bouton.
Passer le calque volume en mode [overlay] et régler son opacité à 35%.
Fusionner les calques bouton et volume: volume étant le calque actif et le calque bouton étant juste dessous...[Ctrl + e].
Et voilà, il ne reste qu'à y ajouter du texte...

Les réglages du calque volume varient en fonction des couleurs de base choisies pour le corps du bouton.