|
|
|
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
|

|
|
 |
High Quality Web Templates for low cost Author: JhonSmithi Posted: Dec 01st, 11:49am Activity: 0 replies, 18 views
|  | Metropolix washere .... Author: metropolix Posted: Nov 30th, 4:53am Activity: 0 replies, 50 views
|  | import vector art into paintshop pro? Author: agentxi Posted: Nov 29th, 12:27am Activity: 1 replies, 61 views
|  | Video Ranking Author: Nitewalker Posted: Nov 28th, 4:34pm Activity: 2 replies, 70 views
|  | Free Clipart and Illustrator Symbols Site Author: southoc Posted: Nov 28th, 4:29am Activity: 1 replies, 87 views
|  | i am looking for good quality of market place Author: ashuthosh Posted: Nov 27th, 6:19am Activity: 1 replies, 80 views
|  | Current Project: space station Author: Boo.j2 Posted: Nov 26th, 12:32pm Activity: 4 replies, 123 views
|  | Any tips for a precision? Author: dutchMasta Posted: Nov 26th, 9:51am Activity: 10 replies, 212 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 413 |
| Linkbase Links: | 243 |
 |
|
 |
 |
|