10 unknown users

 Word :   Username :  
 
Bottom
Author
 Thread :

[Photoshop Tutorial] Vector Glass Orb

 
n°1403
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 06-07-2007 at 01:04:16 AM  
 

First of all, this tutorial should not be confused with the "Make an aqua orb" tutorial, or "Glass Ball Tutorial Link" tutorial. So, let's get started!

 

1. Make a new 256x256 Document in photoshop (remeber this tutorial makes a vector ball. For those who don't know what a vector drawing is, it's just an image that's infinitly scaleable)

 

2. Using the circle tool, make  circle (holding down "Shift" will make a perfect circle) with the color of your choice (#0000c6 was used in this case) Screenshot:
 http://i8.tinypic.com/6fkkgpd.png

 

3. Using the circle tool, make an ellipse like in the screenshot (any color can be used). Screenshot:
http://i8.tinypic.com/5ytasfl.png

 

4. In the blending options of your ellipse (not your circle), set the fill opactiy to 0. Then, select a Gradient Overlay with these settings:
http://i13.tinypic.com/6ewrgqt.png

 

5. Open your circle's blending options. Select Inner Shadow with these settings:
http://i16.tinypic.com/5z58lr8.png

 

6. On a new layer, make an elliptical selection and fill it with black like this:
http://i19.tinypic.com/5xddfrn.png

 

7. Do a 15 pixel gaussian blur on your layer. Then set the opactiy to 40-60%, depending on what you like.

 

8. Step back and admire your work!

 

My final result with some tweaks: http://i14.tinypic.com/4ml8hut.png
The PSD (rasterized, but still with layers) and variants are avaliable here

 

But wait! There's more! You'll now learn how to add it into a fake interface (like mac os x gell buttons)! Just follow the tutorial here.

 

Tutorial updated

answer
mood
GoogleAds
profil
Posted on 06-07-2007 at 01:04:16 AM  
 

answer
n°1404
Azzurra
Profil: Penguin Pro
Avatar
profil
Posted on 06-07-2007 at 01:18:57 AM  
 

Not bad for beginners, but the shadow looks weird. :^^:

answer
n°1405
Nagaya
Profil: Penguin Pro
Avatar
profil
Posted on 06-07-2007 at 01:24:45 AM  
 

nice tutorial simonXP. thanks for making it for us. :great:

 

here is my version of orb, based on your tutorial + some tweaks.  :happy2:

 

http://i170.photobucket.com/albums/u248/nagayanobu/orb-simon-tut.png

 

edit: yes as azurra suggested the shadow in your orb can be corrected a bit. may be -90 degrees. and less of opacity and less of distance and spread.

 

you can judge better as this orb is done by you.  :meuh:

answer
n°1406
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 06-07-2007 at 01:37:31 AM  
 

Azzurra wrote :

Not bad for beginners, but the shadow looks weird. :^^:

 

Thanks for your advice! But are you talking about the drop shadow or inner shadow?

 

EDIT: inner shadow assumed, tutorial updated :wink:

answer
n°1408
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 06-07-2007 at 05:29:48 AM  
 

Good work SimonXP :great:
I think Azzura was talking about the Drop shadow.

answer
n°1409
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 06-07-2007 at 06:01:13 AM  
 

Quote :

Good work SimonXP :great:
I think Azzura was talking about the Drop shadow.

 

Thank you ASHAR, tutorial updated.

answer
n°1410
Nagaya
Profil: Penguin Pro
Avatar
profil
Posted on 06-07-2007 at 06:19:51 AM  
 

may be you can also edit your final result.

 
Quote :

http://i12.tinypic.com/67earn4.png

 

(this time with less of drop shadow)

answer
n°1411
Didas
le soleil se lève avant moi, je me couche après lu
Profil: God of Penguins
Avatar
profil
Posted on 06-07-2007 at 08:53:17 AM  
 

you should try not to use the "Drop shadow" Effect :ar: it always makes the pic looks flat.

 

try to make a shadow as the one Overlord explained in the "Tux G2" tutorial : a circle filled with a color, unselect the circle and add a gaussian blur effect :wink:

answer
n°1425
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 06-07-2007 at 09:32:17 PM  
 

Thank you, ASHAR and Didas. The tutorial has been updated (majorly. I even took it down while I worked on it :lol:)

answer
n°1426
Azzurra
Profil: Penguin Pro
Avatar
profil
Posted on 06-07-2007 at 09:42:12 PM  
 

It's much better with this shadow. :smile:

answer
n°1427
Nagaya
Profil: Penguin Pro
Avatar
profil
Posted on 06-07-2007 at 10:52:24 PM  
 

Quote :

http://i14.tinypic.com/4ml8hut.png

 

very good shadow this time simonXP. Very good.  :great:

answer
n°1428
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 06-07-2007 at 11:55:21 PM  
 

Thanks! :oups: I will update my icon pack to include shadows like the ones in the tutorial.

answer
n°1429
Brightknight
www.designsbybk.com
Profil: Penguin
Avatar
profil
Posted on 06-08-2007 at 02:14:13 AM  
 

congratulations simonxp. nice work and tuto. :biggrin:

answer
n°3733
KhainDesign
Profil: New Penguin
Avatar
profil
Posted on 01-28-2009 at 03:09:26 AM  
 

hmm nice... i'll give it a try soon :)

answer
n°3779
iraqia
Profil: New Penguin
Avatar
profil
Posted on 02-19-2009 at 03:00:38 PM  
 

nice & easy Tutorial =)) Many Thanx ..:D

answer
n°3780
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 02-19-2009 at 03:25:40 PM  
 

Wanna share your result? ;)


---------------
Glomping the internet populace.
http://fc02.deviantart.com/fs48/f/2009/196/0/f/0f93b76ffd0ce94dcd8f1041c69e8b42.gif
One forum at a time.

answer
n°3801
thetmyster
Life is a maze, Love is a riddle
Profil: Penguin Pro
Avatar
profil
Posted on 03-06-2009 at 01:30:31 PM  
 

Well Here is my try. I made it in fireworks instead of P.s (im at school) :oui:  
 
http://www.crystalxp.net/forum/mesimages/298907/logo.png
 
variation ( Gradient background to orb instead of solid and 'football' stripes too!)
 
http://www.crystalxp.net/forum/mesimages/298907/logo.png1..png
 
Edit(2) :lol:
 
http://www.crystalxp.net/forum/mesimages/298907/logo2.png
 
http://www.crystalxp.net/forum/mesimages/298907/logo3.png


Message edited by thetmyster on 03-06-2009 at 01:40:33 PM

---------------
http://www.crystalxp.net/forum/mesimages/298907/Sig%20No%20bars%20%20%20copy.png
Glomping the internet populace.http://fc02.deviantart.com/fs48/f/2009/196/0/f/0f93b76ffd0ce94dcd8f1041c69e8b42.gifOne forum at a time.
answer
n°4633
mostafiz
Profil: New Penguin
Avatar
profil
Posted on 05-02-2011 at 02:28:51 PM  
 

Whats the software nam?????????????????????

answer

Go to:
Add a reply