Rechercher sur le site

[photoshop] faire une boule transparente

Boule transparente



Avec un peu de patience on peu réaliser des effets de transparences en utilisant uniquement les styles de calque, içi nous allons appliquer la méthode à une boule pour en faire une boule transparente...

[outils]

Elliptical marquee / selection elliptique

Gradient / dégradé

Musique recommandée: [Jamiroquai][album: A funk odyssey]


Etape 1
Commencons par créer un nouveau document [Ctrl + n] de 400x400px par exple. Appliquer une couleur de fond et créer un nouveau calque [Ctrl + shift + n]. Nommez le boule (ou Bill... ;] ).

Réaliser une selection ronde avec l'outil selection ellipse [m] en pressant [shift] pour obtenir un cercle parfait [selection de l'exemple: 120px de diamètre].



Selectionner une couleur d'avant plan, j'ai utilisé le bleu de l'interface [#5A5A66], et une couleur d'arrière plan, la même mais plus fonçée [#43434D].
Bien s'assurer que la couleur la plus claire est en avant plan puis à l'aide de l'outil dégradé (avec dégradé radial sélectionné et reverse déselectionnée dans la palette options d'outils) réaliser un dégradé dans la selection:
En maintenant la touche [shift] enfoncé effectuer un tracé comme sur l'exemple ci-contre, la croix étant le point de départ et le bout de la flèche le point d'arrivée.

Annuler la selection [ctrl + d].



Etape 2
La base est prête, passons aux styles :
Double cliquer sur le calque boule dans la palette des calques pour faire apparaître la palette de styles du calque.

Effectuer les réglages suivants:

[l'angle global utilisé est de 120°]

# styles: bevel & amboss / contour
# structure:
# technique: smooth
# depth: 51%
# direction: up
# size: 174px
# soften: 0px
# shading:
# angle: 120°
# altitude: 79°
# gloss contour: ring - double
# anti-aliased: yes
# highlight mode: color dodge
# opacity: 60%
# shadow mode: multiply
# opacity: 0%

Cliquer sur ok, vous devriez obtenir quelque chose de ressemblant à l'exemple ci-contre.



Le problème qui se pose maintenant est de pouvoir appliquer d'autres styles du même type à notre calque boule, pour cela il faut ruser un petit peu:

Etape 2a
Récupérer la selection du calque boule en cliquant sur celui-ci dans la palette calques tout en maintenant la touche [ctrl].
Créer un nouveau calque [ctrl + shift + n] et remplir la selection avec n'importe quelle couleur, la couleur d'avant plan par exple c'est facile: [alt + backspace]. Faire glisser ce calque sous le calque boule et activer le calque boule en cliquant dessus. Presser [ctrl + e] pour fusionner les deux calques. Le nom boule à théoriquement disparu sur le calque mais ce n'est pas grave on peux le renommer. En tout cas le petit "f" a disparu sur le calque et cela indique que nous allons pouvoir lui appliquer de nouveaux styles...cool !



Etape 3
Double cliquer sur le calque boule dans la palette des calques pour faire apparaître la palette de styles du calque.

Effectuer les réglages suivants:

# styles: bevel & amboss
# structure:
# technique: smooth
# depth: 371%
# direction: up
# size: 18px
# soften: 0px
# shading:
# angle: 120°
# altitude: 79°
# gloss contour: ring
# anti-aliased: yes
# highlight mode: overlay
# opacity: 45%
# shadow mode: multiply
# opacity: 0%



Refaire la manip. décrite dans la section [Etape 2a] pour faire "disparaitre" le style du calque...ok ?




Etape 4
Double cliquer sur le calque boule dans la palette des calques pour faire apparaître la palette de styles du calque.

Effectuer les réglages suivants:

# styles: inner shadow
# structure:
# blend mode: overlay
# color: white
# opacity: 12%
# angle: 120°
# distance: 47px
# choke: 0%
# size: 0px
# quality:
# contour: cove - shallow
# anti-aliased: yes
# noise: 0%



Refaire la manip. décrite dans la section [Etape 2a] pour faire "disparaitre" le style du calque.



Etape 5
Double cliquer sur le calque boule dans la palette des calques pour faire apparaître la palette de styles du calque.

Effectuer les réglages suivants:

# styles: inner shadow
# structure:
# blend mode: multiply
# color: black
# opacity: 5%
# angle: -60° [attention: décocher use global light]
# distance: 47px
# choke: 0%
# size: 0px
# quality:
# contour: cove - shallow
# anti-aliased: yes
# noise: 0%



Refaire la manip. décrite dans la section [Etape 2a] pour faire "disparaitre" le style du calque.



Etape 6
Double cliquer sur le calque boule dans la palette des calques pour faire apparaître la palette de styles du calque.

Effectuer les réglages suivants:

# styles: bevel & amboss / contour
# structure:
# technique: smooth
# depth: 191%
# direction: down
# size: 35px
# soften: 0px
# shading:
# angle: 120°
# altitude: 79°
# gloss contour: linear
# anti-aliased: yes
# highlight mode: color dodge
# opacity: 75%
# shadow mode: multiply
# opacity: 0%



Refaire la manip. décrite dans la section [Etape 2a] pour faire "disparaitre" le style du calque.



Etape 7
La touche finale enfin:
Double cliquer sur le calque boule dans la palette des calques pour faire apparaître la palette de styles du calque.

Effectuer les réglages suivants:

# styles: bevel & amboss / contour
# structure:
# technique: smooth
# depth: 201%
# direction: down
# size: 35px
# soften: 0px
# shading:
# angle: 120°
# altitude: 79°
# gloss contour: rounded steps
# anti-aliased: yes
# highlight mode: screen
# opacity: 0%
# shadow mode: normal
# opacity: 45%



Et voilà c'est fini. Ensuite il suffit d'agrémenter avec un support par exemple ou d'ajouter un ombrage ou y incruster un texte...

Bien sur les réglages varient en fonction des couleurs de base et de la taille de la boule, rien n'est figé: e.x.p.e.r.i.m.e.n.t.e.z !

résultat:




Release911

Cours en relation :

Erreur de connexion :