|
|
|
Ces boutons sont très souvents utilisés. Ce n'est d'ailleurs pas une coïncidence car ils sont simples à faire, utilisables une multitude de fois sur une grande variétés de styles. Comme souvent, ils peuvent être beaucoup beaux visuellement grâce à la magie de Photoshop. Ce tutoriel va vous permettre de recreer ces boutons en utilisant seulement les effets du calques et pour les plus puristes, j'ai quand même détaillé précisément les différents effets et leur action sur le rendu...
 |
Étape 1: Créez un nouveau document de 200*200px avec un fond blanc pour commencer. Créez ensuite un nouveau calque et séléctionnez le. Ensuite, soit en utilisant les outils de sélection soit les formes prédéfinies, créez une forme à peu près identique à la mienne (un rectangle et 2 demi-cercles à chaque extrémités) que vous remplirez de noir. |
 |
Étape 2: Toujours sur ce calque, passez maintenant dans les options de style du calque : Calque > Style du calque > Ombre portée et reproduisez les paramètres ci-contre. Vous pouvez bien entendu utilisez des paramètres différents à votre mais ne quittez pas la fenêtre des styles du calque avant d'être à l'étape 7. |
 |
Étape 3: Passez maintenant dans la sous-section Lueur Interne et repoduisez une fois encore ces paramètres. On va ainsi créer un sorte d'ombre sur le bouton. |
 |
Étape 4: On arrive à l'instant ou tout prend réellement vie! Passez dans la sous-section Biseautage & Estampage. Une fois de plus, reproduisez les paramètres. Le "contour brillant" appliqué par défaut par Photoshop ne rend pas très bien, cliquez sur la courbe et reproduisez une courbe similaire à celle sur l'image. Ne reproduisez pas non plus au mm près, une approximation suffira.
Optional: Si vous voulez changer le look de votre métal, c'est ici que tout se passe. En variant les différents paramètres, et en jouant un peu sur les différentes courbes et effets du biseautage, vous pouvez réussir à avoir un meilleur résultat. |
 |
Étape 5: Passez dans la sous-section Contour et modifiez une fois de plus la courbe afin qu'elle ressemble à celle-ci. Ne modifiez pas le reste des paramètres, ceux par défaut semblent être les meilleurs. |
 |
Étape 6: Pour notre avant-dernière étape, passez dans la section Satin puis reproduisez ces paramètres. On va ainsi donner un effet de reflet au dessus de notre bouton. Ne faites pas cette étape et le reflet ne sera pas réaliste. Le contour est cette fois inclus dans les paramètres par défaut de Photoshop. |
 |
Étape 7: Enfin, passez dans la sous-section Incrustation couleur, mettez ces paramètre puis cliquez sur ok pour valider tous les changements de style et admirez votre travail ! |
 |
Étape 8: Et Voila! Un bouton metallique à disposition. Vous pouvez aussi ajouter un peu de texture sur votre bouton pour un peu plus de réalisme...je vous laisse faire ;) |
 |
Variantes: Prenez un peu de temps à jouer sur les différents paramètres. Au niveau de l'étape 7 par exemple, votre rendu pourra aussi bien donner un aspect de Bronze ou d'Or à votre bouton selon la couleur que l'on met...je vous laisse y jeter un oeil. ;) |
- Tutorial written by Man1c M0g
- Translation by Bana
|

|
|
 |
Live Trace resolution Author: jttuck Posted: May 14th, 6:02pm Activity: 1 replies, 65 views
|  | Hello all, just found this site Author: skatz Posted: May 12th, 7:29pm Activity: 4 replies, 99 views
|  | FontStruct Author: Jacorre Posted: May 12th, 3:34pm Activity: 0 replies, 119 views
|  | Hey everyone Author: whelpton Posted: May 11th, 6:20pm Activity: 2 replies, 84 views
|  | Member Tutorial: Taking it further. Author: Trueskool Posted: May 11th, 1:30pm Activity: 1 replies, 140 views
|  | Orb - flash version Author: unleash Posted: May 11th, 11:38am Activity: 1 replies, 146 views
|  | Hi, first question Author: Findrikku Posted: May 11th, 8:43am Activity: 1 replies, 30 views
|  | Hi, first question Author: Findrikku Posted: May 11th, 2:14am Activity: 1 replies, 134 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 402 |
| Linkbase Links: | 255 |
 |
|
 |
 |
|