Web Content $0.006/word Register Domain
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Buttons / Web Graphics / Banners

Buttons / Web Graphics / Banners Learn how to create Buttons / Web Graphics / Banners

 Image

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-18-2006, 11:17 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,220
Blog Entries: 2
admin has disabled reputation
39 Create Vista Icons

Hello

This is the Tutorial number 39 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

I will show you how to create a simple icon.

Open a new document with a grey background. ( 400 x 400 pixels )

Create a new layer ( press CTRL+SHIFT+ALT+N )

With Rectangle Tool Create a small rectangle:



Then please apply the following layer style:









Select Polygon Tool.
Set sides to 3



And create a small triangle:



With the Move Tool change the vertical scale



Duplicate this triangle and place it like me:



After that duplicate one more time and go to Edit > Transform Path > Flip Vertical



With your arrow keys place it like in the following image.



On the following image you will see a arrow. We will drag this layer before the rectangle



Drag the trinagle above the rectangle ( in my case SHAPE 1 )



And for this last triangle change the layer style:





With the pen tool create a simple shape like in the following image ( i have changed the color to red so you can see better what i am doing )



Now please change the color for this last shape to white and change the opacity for this layer to 40 %



Duplicate this layer and place it on the bottom of the brief.



Now you can leave the icon in this way or you can give it a perspective look
If you want to achive the next perspective look select all the layers ( except background layer ) and go to Edit > Transform > Distort and move the corners until you are happy of the effect.



I hope you find this tutorial usefull

Attached Files
File Type: zip vista-icon.zip (38.0 KB, 480 views)

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 11-19-2006, 12:52 AM
Member
 
Join Date: Oct 2006
Posts: 36
Ember is on a distinguished road
really nice outcome admin, i will try this out on the weekday when i'm free.
Reply With Quote
  #3 (permalink)  
Old 11-29-2006, 07:46 PM
P i X e L's Avatar
Junior Member
 
Join Date: Nov 2006
Posts: 27
P i X e L is on a distinguished road
great tut .
that's mine :
Reply With Quote
  #4 (permalink)  
Old 11-30-2006, 12:10 AM
Junior Member
 
Join Date: Nov 2006
Location: I live in New Zealand
Posts: 17
sharzy is on a distinguished road
Send a message via MSN to sharzy
Thumbs up wow

you are the only site that i know of that has such detail graphics. do you do any other icons
Reply With Quote
  #5 (permalink)  
Old 12-01-2006, 08:35 AM
Junior Member
 
Join Date: Dec 2006
Posts: 6
alshamsi is on a distinguished road
really nice goooo up
Reply With Quote
  #6 (permalink)  
Old 12-01-2006, 10:35 PM
Lukeintosh's Avatar
Senior Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 197
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Kool you do it again!

Great one anthor tu by admin well done
Reply With Quote
  #7 (permalink)  
Old 12-04-2006, 07:43 AM
Junior Member
 
Join Date: Dec 2006
Posts: 10
pooja_11 is on a distinguished road
nice im going to try to make this
Reply With Quote
  #8 (permalink)  
Old 12-04-2006, 10:22 AM
Junior Member
 
Join Date: Nov 2006
Posts: 10
Trap is on a distinguished road
Once again, Another excellent tutorial
Reply With Quote
  #9 (permalink)  
Old 12-04-2006, 11:52 AM
Junior Member
 
Join Date: Dec 2006
Posts: 10
Dracoz is on a distinguished road
Great, i will use this for a txt based game to thank users for busting me out
Reply With Quote
  #10 (permalink)  
Old 12-07-2006, 11:02 PM
Junior Member
 
Join Date: Dec 2006
Posts: 9
fercap is on a distinguished road
nice tut..thanks

Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 07:40 PM.



Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com