Programming and Webmasters forum
HomeSearchRecent PostsLoginRegisterContact Us

Username  
Password

Pages: [1]   Go Down
 
  Email this topic  |  Print
0 Members and 1 Guest are viewing this topic.

How to create a glass icon

 
webmaster forum
Neoadam  Offline
 
Regular Coder
Location: UK
Gender: Male
Posts: 83
Topics: 14
February 29, 2008, 03:09:09 PM

I did not create this tutorial - I take no credit.   


Step 1
Create a new layer, and select the polygonal lasso tool. Draw a triangle as shown on the left. When you have the selection, smooth it by 6.


   
Step 2
Set the foreground color to #FFEB90 and the background to #FF7131. Select the gradient tool, then choose the radious mode. Click and drag from the top to bottom inside the selection, using the gradient tool. You should see something similar to mine on the left.



   
Step 3
Open up the layer styles box for layer 1. Add an inner shadow with these settings... Blend Mode: Overlay Color: Black Angle: -90 Distance: 2 size: 1 Leave the rest of the settings as default.


   
Step 4
Add an outer glow with these settings... blend mode: normal opacity: 33% size: 9px Spread: 0 Add an exclamation mark using the text tool. Set the color to black, the to size to 48, and set the font to Times New Roman. That will give us a nice thick character. Open the layer styles box for the text layer and add outer glow with these settings... Blend mode: normal opacity: 13% spread: 25 size: 8


   
Step 5
Create a new layer. Select the rectangular marquee tool and set it to subtract. Cut the previous selection in half, leaving the top half. Contract the selection by 2 then smooth it by 4. Fill it with #ffffff (white) and set the opacity of the layer to 54%.


   
Step 6
Deselect the selection by pressing ctrl+d. Create a new layer. Hold down your ctrl button and click the first layer we made, in the layer palette. This should create a selection around our triangle. Make sure your still on the top layer, which we just created. Set the foreground color to black and stroke the selection, this will create our border. Congratulations! Your finished!
« Last Edit: February 29, 2008, 03:46:22 PM by Technical Team »

How to create an LCD screen in photoshop!
How to create a wet road in photoshop!
How to create a glass icon in photoshop!
How to create a modern website design!
 
webmaster forum
Trulyana  Offline
 
New Coder
Posts: 45
Topics: 5
March 01, 2008, 05:28:59 AM

Yet, again what a fine tutorial.

This becomes really handy, when you design your own icons.

You get the immediate feel and structure for it, and begin to understand how to create them.

Thanks for posting this.  Grin
 
webmaster forum
 
New Coder
Posts: 10
Topics: 0
May 31, 2008, 02:06:05 PM

Nice tutorial but I would say increase the opacity at the end to make it better. But very nice technique Smiley
 
  Email this topic  |  Print
Pages: [1]   Go Up
 
Jump to:  



Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC


Google visited last this page September 10, 2010, 05:08:12 AM