Skin Created By: Scott Walker


 

 Glass Orb:, Photoshop Tutorial
Scott Walker
Posted: May 26 2006, 03:10 PM


Forum Administrator
Group Icon

Group: Administrators
Posts: 749
Member No.: 1
Joined: 5-April 06




Glass Orb:

First Off, Make a New Document. I used “150x150 Pixels”

Now, Using the Elliptical Marquee Tool, make a circular selection, and fill it with the color “#7D98A1”

user posted image

Now, Duplicate that layer (Ctrl+J) and Ctrl+Click the new layer, and fill it with “5B95A7” and set the Blending mode to “Overlay”

Now, Select the Bottom layer, and use the following Layer Stlyes:

Inner Shadow:
user posted image

Inner Glow:
user posted image

Gradient Overlay:
user posted image

Stroke:
user posted image


Should look something like this now:

user posted image

Now select your top layer, and use the following Layer Styles:

Inner Shadow:
user posted image

Outer Glow:
user posted image

Inner Glow:
user posted image

Stroke:
user posted image

Should look like this now:
user posted image

Now its time to give it a glossy feel. Make a New Layer, and using the elliptical Marquee tool, make a circular selection around the top of the orb. Then grab the Gradient Tool, with these settings:

user posted image

And drag the gradient tool from the top of the selection, to the bottom of the selection, should look something like this:

user posted image

Now, Duplicate that layer, Press “Ctrl+T” and make the gloss bigger about this size:

user posted image

Then drop the opacity down to “35%”

You’re final orb should look something like this:

user posted image

If You Enjoyed This Tutorial. Please Register on the forums, When you register, you are able to access all of the Downloads that we have to offer!

-Scott


--------------------

user posted image
Top
Dragon_Lotus
Posted: May 26 2006, 03:44 PM


Watashi wa baka des.
Group Icon

Group: Members
Posts: 63
Member No.: 164
Joined: 24-May 06



Glossy blink%5B1%5D.gif


--------------------
*shifty eyes* Is there a limit in this?
Top
hammy
Posted: May 26 2006, 05:51 PM


Pwnerer of chickens
Group Icon

Group: Designers
Posts: 367
Member No.: 12
Joined: 10-April 06



I <<<< 3333 THAT SHADE OF BLUE!


--------------------
user posted image
Top
Scott Walker
Posted: May 27 2006, 11:09 AM


Forum Administrator
Group Icon

Group: Administrators
Posts: 749
Member No.: 1
Joined: 5-April 06



lol, yes glossy indeed. And i love that blue to hammz tongue%5B1%5D.gif


--------------------

user posted image
Top
Darkice
Posted: May 29 2006, 11:46 AM


Graphic Artist
Group Icon

Group: Advertisers
Posts: 154
Member No.: 179
Joined: 29-May 06



very nice as always!


--------------------
user posted image
Top
Scott Walker
Posted: May 30 2006, 07:18 PM


Forum Administrator
Group Icon

Group: Administrators
Posts: 749
Member No.: 1
Joined: 5-April 06



Tutorial Accepted By: Good-Tutorials.com


--------------------

user posted image
Top
Darkice
Posted: May 31 2006, 05:17 PM


Graphic Artist
Group Icon

Group: Advertisers
Posts: 154
Member No.: 179
Joined: 29-May 06



really sweet congrats to you friend! Dance.gif


--------------------
user posted image
Top
brainxtc
Posted: Jul 3 2006, 08:46 AM


No0bi3
Group Icon

Group: Members
Posts: 1
Member No.: 244
Joined: 3-July 06



Great tutorial, just a few questions, (by no means criticisms)

Can you help me out on where you get the gradient on the inner section, I follow along but the results I have before I make it "glossy" are not similar. I am sure I am missing something here unsure.gif

I was also wondering if you could make it a little bit clearer as to how the colors come into play, as I would like to do a similar button but would like it in green. I was kinda hoping you could help out with something along the lines of
First color : standard
second color darker
third color lighter than first,

geez hope that makes sense.....

Oh yeah is there any way that you could show me what the seperate layers look like ?
Kinda like a pic of button with just layer 1 visable, and then maybe a pic of layer 2 only visable ?

Just helps out us noobs :-)

But again, GREAT tutorial and thanks
Top
MindFreak
Posted: Jul 24 2006, 01:06 AM


No0bi3
Group Icon

Group: Members
Posts: 3
Member No.: 268
Joined: 24-July 06



Definately good tutorial! happy%5B1%5D.gif
Keep up the good work!


--------------------
-*Newest*-
user posted image
-*Current*-
user posted image

www.tagservers.com
^^^^
If your looking for a great gaming community, especially for Counter Strike Source, go here!
Top
vaga69
Posted: Jul 25 2006, 07:19 AM


No0bi3


Group: Validating
Posts: 13
Member No.: 270
Joined: 24-July 06



Mod Edit: Offensive behavior will not be tolerated.


--------------------
user posted image
user posted image
user posted image
Top


Topic Options



Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.3547 seconds | Archive