Création d'un bouton Sci-Fi Aqua Orange

(J'ai vu un bouton similaire sur un wallpaper. J'ai eu envie de m'inspirer de l'effet pour vous le faire partager !)

Etape 1 : La forme ronde de base.

Créez un nouveau calque,
Faites une sélection circulaire.
(Astuce, maintenez la touche CTRL enfoncée pendant la selection ! Vous aurez un cercle parfait !)

Remplissez de dégradé :

gris moyen vers noir...

NB : Dans la fenêtre info : notez la taille de votre selection !

Vous avez la possibiliter d'appliquer un leger filtre de biseautage. (facultatif !)

Essayez d'autres valeurs, mais gardez des transitions douces !!

Etape 2 : le filet interieur

Définissez un nouveau calque sur lequel vous appliquez une nouvelle selection circulaire, plus petite celle-ci !

Remplissez du même dégradé, mais dans le sens opposé !

(Notez la taille de votre selection !)

Puis créons un cercle noir plus petit (pour cela tenez compte de la taille affichée dans la zone info pour vous ajuster le plus rapidement la taille de votre cercle !)

Remplissez de noir. Vous avez votre enveloppe de bouton poussoir en simili 3D !

Comment aligner ? Très simple avec Photoshop CS.

NB : Vous pouvez aligner les calques automatiquement avec photoshop CS.
Liez les calques à aligner. (la chaîne dans la palette des claques !)


Appellez l'outil de déplacement (touche V), et dans le menu utilisez les outils d'alignement des centres.

Etape 3 : La sphère Orange...

Très similaire au bouton AQUA, (vous pouvez augmenter les effets en vous référant qu tutorial AQUA !!)

Remplissez votre cercle noir d'un beau ORANGE.
Choisissez le noir en couleur de premier plan.
Créez un nouveau calque et appliquez un dégradé 1er Plan>Transparent.

Il se crée alors cet effet d'ombre.

Etape 4 : Le reflet !!!

Faites une selection inférieure au diamètre de votre boule orange.
Choisissez le blanc en couleur de premier plan.
Créez un nouveau calque et appliquez un dégradé 1er Plan>Transparent.

Vous pouvez découper le bas du reflet pour simuler la ligne d'horizon, ou un paysage.

Baissez l'opacité de votre reflet... Le tour est joué !

Ajoutez une grille blanche et transparente.
Créez un nouveau fichier 2pixels de haut sur un pixel de large.
Faites un pixel rouge foncé et un transparent.
Selectionnez : définissez comme motif
(édition > définir comme motif)

Créez un nouveau calque, utilisez le pot de peinture avec l'option "motif" activé.
Chosissez votre motif rouge/transparent.
Faites CTRL+CLIC sur le calque ORANGE.
Et appuyez sur la valise avec le rond en bas de la palette des calques pour définir un masque.

Les rainures n'affectent alors plus que le rond Orange.
(ou alors si la methode vous semble hardue, Faites
Edition > remplir
Motif personnalisé.
Opacité de 13%

Etape 5 : Les décorations !

Très simple à obtenir, les décorations vont apporter les petits détails réalistes de votre création !

Les VIS !
Ici de petites vis ! (4 pixels sur 4 !) (notez les 4 pixels transparents aux coins).
Disposez les à des endroits judicieux !


Les insert "plastiques".
Mats et de couleur sombre, les inserts plastiques vont donner un côté irrémédiablement désign à vos créations !
Attention, cela est plus dur qu'il n'y paraît de créer des formes "réalistes" et agréables !!

Choisissez une couleur gris foncée en 1er plan.
Avec l'outil plume, dessinez votre forme !
(NB ! LE MOINS DE POINTS POSSIBLES !)
Femez la forme, qui se remplit de gris foncé.

Le biseautage "Estampage oreiller" qui va donner un aspect réaliste d'insertion dans le métal !

Taille 1 pixel & baissez les opacités des reflets & ombres.

Les rainures !
Les rainures sont très faciles à obtenir, et vont là encore, augmenter le réalisme, et le côté "travaillé" de votre matière.

Dans un nouveau fichier de 4 pixels de hauteur, travaillez sur un fond transparent.

Créez une ligne noire, et une ligne grise en dessous . Les deux autres restent transparentes...
Selectionnez le tout.

Edition > Utiliser comme motif.

Donnez lui un nom "rainure".

Dans votre fichier, créez un nouveau calque au dessus de votre piece plastique grise par exemple.
Prenez l'outil remplissage (le pot de peinture).

Et choisissez un motif au lieu des couleurs. Prenez Rainure !
Votre calque se remplit entièrement de ces rainures !

Pour limiter les rainures à votre pièce de platique, faites CTRL+CLIC GAUCHE sur le calque de la forme plastique.
Une selection correspondant à la forme de votre plastique vient de se créer.

Vous êtes toujours sur le calque rainuré avec la selection de la forme activé.
Créez un masque en cliquant sur l'icone en bas de la palette des calques.

Un masque va limiter la zone d'affichage des rainures à votre pièce de plastique.

Vous pouvez enlever des parties !

Les ouies, donnent l'impression d'ouvertures dans le plastique.

De simples traits noirs auquel on applique un léger filtre de biseautage.

Ou travaillez les couleurs à la main (il n'y a que 4 couleurs et deux lignes !!!)

Ici les vis et les ouies.

Etape 6 : Pour le texte !!!

Glissez votre texte sous le reflet blanc ! L'effet ne sera que plus réel !

Appliquez un dégradé Gris Clair > Foncé dans le sens de votre éclairage du départ !

Libre à vous de rajouter des ouvertures et insérer des cables electriques, des ecrans LCD, des circuits imprimés...

Vous pouvez "salir" aussi vos textures !!! 'textures de "bruit" en incrustation, ou lumière vive... A expérimenter !!!