Articles

Réalisation d'une sphere aqua inspirée de l'interface de Mac OS X.

Effet Aqua

Couleur

Préparez la zone de travail. Créez un fichier de 200px sur 200px avec un fond blanc.

Etape 1

Créez un nouveau calque Calque et nommez le Couleur.

Avec l'outil Ellipse de sélection Ellipse de sélection, sélectionnez la zone. Pour obtenir un cercle, pressez la touche Shift pendant que vous effectuez la sélection.

Etape 2

Sélectionnez deux couleurs Couleurs et utilisez l'outil Dégradé radial Dégradé radial pour remplir la sélection.

Reflet

Etape 3

Créez un nouveau calque et nommez le Reflet.

A l'aide l'outil Dégradé linéaire Dégradé lineaire, appliquez un dégradé du blanc au transparent Dégradé transparent dans la selection. Si vous avez perdu la sélection vous pouvez la récupérer à l'aide d'un clic droit (ou pomme + clic) sur le calque Couleur.

Etape 4

Dans le menu Edition > Transformation, sélectionnez l'outil Torsion. Déformez la sélection. Il est préférable d'étirer la fenêtre pour cette étape. Ainsi les coins de la forme déformation pourront déborder de la zone dessin.

Lueur

Etape 5

Dupliquez le calque Reflet en le fesant glisser sur l'icône calque Calque. Renommez ce calque Lueur. Allez dans le menu Edition > Transformation et appliquez une Rotation 180°.

A l'aide l'outil Déplacement Déplacement, positionnez ce calque à l'endroit voulu.

Etape 6

Dans le menu Filtre > Atténuation sélectionnez l'outil Flou gaussien. Choisissez le rayon en fonction de la taille de la zone de travail, ici 5 pixels.

Ajustements

Etape 7

Jouez avec l'opacité des calques Reflet et Lueur pour addoucir le rendu. Ici 90% et 50%.

Etape 8

Double cliquez sur le calque couleur. Ajouttez l'effet Lueur interne avec une opacité de l'ordre de 50%, un maigri de 4%, une taille de 40px, une étendue de 50% et une variation nulle.

Ombre portée

Etape 9

Créez un nouveau calque et nommez le Ombre portée. Placez le sous le calque Couleur.

Sélectionnez une elipse à la base de la sphère.

Etape 10

Remplissez cette éllipse d'un gris neutre 50% en effectuant un clic droit > Remplir avec l'outil de sélection toujours actif.

Etape 11

Sélectionnez Filtre > Atténuation > Flou directionnel et appliquez un flou horizontal (0°) de 25px environ.

Résultat

Résultat

Vous pouvez maintenant adaptez ces instructions pour créer toutes sortes de sphères, ellipses ou carrés aux coins arrondis en style aqua pour vos icones et boutons. Voici le fichier photoshop obtenu en appliquant les étapes du tutorial.

littlesam photoshop 23 janvier 2005 19:39