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

|
|
 |
Notification of Obsolete Data Purge - IMPORTANT! Author: Man1c M0g Posted: Jan 05th, 11:44pm Activity: 0 replies, 21 views
|  | Multiples Prevention Author: Man1c M0g Posted: Jan 05th, 9:40pm Activity: 0 replies, 9 views
|  | Yeshua crucified on the Cross - pencil art painted Author: horseman Posted: Jan 04th, 2:38am Activity: 6 replies, 87 views
|  | Make a Shape from a JPG Author: dgonzales Posted: Jan 03rd, 10:38pm Activity: 2 replies, 95 views
|  | Premium Subscribers System Author: Man1c M0g Posted: Jan 03rd, 6:00pm Activity: 12 replies, 97 views
|  | Imitating Pencil Shading Author: Chamenas Posted: Jan 03rd, 3:32pm Activity: 0 replies, 59 views
|  | help : How to draw A screw in Rhino 3d Author: Raphy Posted: Jan 01st, 9:39pm Activity: 1 replies, 93 views
|  | bored Author: c-fish819 Posted: Dec 31st, 9:35pm Activity: 1 replies, 96 views
|  | Need A/C in your auto? Author: synthetic Posted: Dec 31st, 3:17pm Activity: 2 replies, 90 views
|  | Brilliant Photochop Collection Author: synthetic Posted: Dec 31st, 2:47am Activity: 2 replies, 135 views
|  | My websites Author: Josh Davidson Posted: Dec 29th, 11:30pm Activity: 3 replies, 108 views
|  | Introduction Author: Josh Davidson Posted: Dec 29th, 11:27pm Activity: 0 replies, 70 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 413 |
| Linkbase Links: | 243 |
 |
|
 |
 |
|