PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Mon Feb 24, 2020 10:41 pm

All times are UTC - 5 hours




Post new topic Reply to topic  [ 11 posts ] 
Author Message
 Post subject: Need tutorial
PostPosted: Fri Jun 23, 2006 10:59 pm 
Offline
DevNet Evangelist

Joined: Tue Dec 21, 2004 6:00 pm
Posts: 6267
Location: Winnipeg


Top
 Profile  
 
 Post subject:
PostPosted: Fri Jun 23, 2006 11:18 pm 
Offline
Neighborhood Spidermoddy
User avatar

Joined: Mon Mar 29, 2004 4:24 pm
Posts: 31559
Location: Bothell, Washington, USA


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 12:20 am 
Offline
Site Administrator
User avatar

Joined: Tue Sep 09, 2003 6:04 pm
Posts: 14293
Location: Fremont, CA, USA
Google 'glass buttons' or 'plastic buttons'. I ran across a few in photoshop. Usually you draw a shape, fill it, then select an inverse portion of the shape (like the upper circular gradient), the gradient that with a white to transparent with the opacity lowered to 40% - 50%. There is a little bit of trial and error involved, but the results are usually worth it.


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 12:33 am 
Offline
Forum Contributor
User avatar

Joined: Mon Jul 11, 2005 9:14 pm
Posts: 158
Location: Norfolk, VA
Caught me bored, give me a couple minutes...


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 1:34 am 
Offline
Forum Contributor
User avatar

Joined: Mon Jul 11, 2005 9:14 pm
Posts: 158
Location: Norfolk, VA


Got about 800KB of screenshots, didn't figure it'd be quite that much but hope it's worth the load...

Heh, I just realized the text and little graphic I used on the button makes it look like PHP DAN and not DN, but what can you do...


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 10:02 am 
Offline
Site Administrator
User avatar

Joined: Tue Sep 09, 2003 6:04 pm
Posts: 14293
Location: Fremont, CA, USA


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 11:19 am 
Offline
DevNet Evangelist

Joined: Tue Dec 21, 2004 6:00 pm
Posts: 6267
Location: Winnipeg


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 11:22 am 
Offline
DevNet Evangelist

Joined: Tue Dec 21, 2004 6:00 pm
Posts: 6267
Location: Winnipeg


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 5:38 pm 
Offline
Neighborhood Spidermoddy
User avatar

Joined: Mon Mar 29, 2004 4:24 pm
Posts: 31559
Location: Bothell, Washington, USA


Top
 Profile  
 
 Post subject:
PostPosted: Sat Jun 24, 2006 7:19 pm 
Offline
DevNet Evangelist

Joined: Tue Dec 21, 2004 6:00 pm
Posts: 6267
Location: Winnipeg


Top
 Profile  
 
 Post subject:
PostPosted: Wed Jul 19, 2006 10:58 pm 
Offline
DevNet Resident
User avatar

Joined: Tue Feb 14, 2006 8:18 pm
Posts: 1361
Location: San Diego, CA
Oh how I love making Glassy!
Image
Easy 4 Step: Glassy-sphere Tut!

As you can see my new avatar resembles my statement above. I love glassy! I use gimp to let you know and the tutorial goes as follows.

Step 1:

Create a new image(100x100) for the tut. First take your round select tool and make an nice selection fitting within the boundaries of your image.
Image
Note: Make sure you remember to know how to make this selection as you need to later in step 4.
Now Fill the selection with your desired color.
Image


Step 2:

Now, with gimp we have a "Intersect with current selection" option on the round select tool which basically makes a selection only within the current selection. Find a similar tool with your image editor and make a selection using the bottom part of the round tool selection. It's a little hard explain.
Image
But basically this is just part of a new circle.
Once you get it, turn fill the selection with a lighter color like so.
Image
Once you get the color right, move on to step 3.


Step 3:

Now dis-select everything(ctrl+shift+A in gimp).

Make a new round selection centered at the top of the button/sphere.
Image
Now take the gradient tool. Grade from top to bottom of the new selection, repeat, of the new selection, not the whole image. Like so.
Image
Good. Moving along.


Step 4:

Now remember in step one how I said to remember how to make the first selection? Well do this now to select the button/sphere.
Image
Now take the gradients tool once again. Bring down the opacity to let say 40.0 or whatever works best. Grade from bottom too top.
Image
And WAHLAH!(or how ever you say that.)

Surface:

As you get familiar with your editing software, you grow better and better. And as you study other's work, play around while bored and get creative, this skill comes as well. So practice this tut some and you'll get the hang of it. Experiment some.

BTW with my avatar it's just step 1 and step 3. And I'd say it looks pretty impressive. lol.

Have a good one. :D


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group