Forum     

Go Back   Digit Technology Discussion Forum > Community > Tutorials
Register FAQ Calendar Mark Forums Read

Tutorials This section offers tutorials and How to's on just about anything related to computers and IT. Note: All tutorials are courtesy the posters and not verified by Digit


Closed Thread
 
LinkBack Thread Tools Display Modes
Old 28-03-2005, 08:27 PM   #1 (permalink)
gxsaurav
Guest
 
Posts: n/a
Default Creating a Aero Style background


Since Longhorn Aero Glass style is all the rage these days, I decided to modify my icons a bit to the aero style, and I m also releasing a tutorial to create such background of your, which is transparent & see through, adapts itself to any color background. This tutorial consists of Photoshop CS & Icon workshop, however for more complex shapes; U will need other software like Illustrator

1) Open Photoshop & File -> New. Give the dimension as 256X256 Pixels & transparent background, with 72 Pixels/inch resolution

2) Click on the shape tool, & select any shape U want, I selected a rectangle & gave the radius 40 pixels, With the shift key pressed make a shape, drag the cursor to make one, this way, U will be making shape with a perfect regularity & aspect ratio, make sure it is filled with black color


3) Now right click on the layer in layer properties & select “ Rastarize Layer�, double click on it to open the layer style window

4) At the topmost area, U will find “Blending Option :default�, click on it If it is not already selected, & change the “Fill opacity to 5% in the “Advanced Blending� section, at this point your created shape will look like almost invisible

5) Now click on Drop shadow, In the “Structure� section change the opacity to 100%, Distance & size to 5, & angle to 90 degrees, in the “Quality� section, change the counter to Gaussian & click on Anti-Aliased, select noise level 0 & check the box saying “layer knock out drop shadow�

6) Now add to it an Interior shadow, In the Structure section set the Blend Mode to Color Burn, the Size to 10 pixels, angle 90 degree & opacity to 100%, this gives the shape a dark edge which is still visible when making & viewing icons on white background.



7) Now click on the Inner Glow option, set the blend mode to overlay, & opacity to 50%, & the color of glow to black, leave the rest of the options to default



8 ) Now add bevel & emboss, set the depth to 30, & size & soften value to 10, & technique to smooth, & other things as shows in the image, the shadow mode to color dodge & color of shadow to white.



9) If U want to save this as a style & use it on any other shape later, then simply click on new style, & save it

Your aero like glass shape is ready, now U can make anything out of it, as an example I m giving a file type icon of QuickTime File, it was made with Icon Workshop



---------------------------------------
Thanks to ImageShack for Free Image Hosting
 
Advertisements. Register and be a member of the community to get rid of them.
Advertisement

Old 28-03-2005, 08:42 PM   #2 (permalink)
gxsaurav
Guest
 
Posts: n/a
Default

yo , guys, anyone, plz leave a reply, as no one gives me any valuable comments on my tutorials
 
Old 28-03-2005, 10:56 PM   #3 (permalink)
Web Entrepreneur
 
ShekharPalash's Avatar
 
Join Date: Aug 2004
Location: Bangalore
Posts: 584
Default

nice ico tut GX...
hey... one thing... du know how to make those sharp corners smooth/elliptical in PS/ICS ??
__________________
Live Chat with Doctors 24x7 on my site http://healthcaremagic.com
ShekharPalash is offline  
Old 28-03-2005, 11:28 PM   #4 (permalink)
gxsaurav
Guest
 
Posts: n/a
Default

well, for first to create really smooth edges U must use Illustrator, it gives U more control over shapes,

In photoshop select the shape tool & give the radius 40 or 60, I made a new icon with round edges, 40 pixels, tell me how is it, the image is updated above
 
Old 29-03-2005, 11:11 PM   #5 (permalink)
Alpha Geek
 
NikhilVerma's Avatar
 
Join Date: May 2004
Location: India
Posts: 930
Default

Really smooth effect!

Would help a lot when making buttons for websites...

Congtatulations...!!
NikhilVerma is offline  
Old 29-03-2005, 11:30 PM   #6 (permalink)
da' Ťurntable ruleth
 
techno_funky's Avatar
 
Join Date: Dec 2003
Location: Mumbai
Posts: 847
Default

whoa!!! nice man GX
really well made
hope to see you as one of those great icon makers
thanks for the tutorial will implement on that
__________________
| Dell Studio 15 | iPod Touch 16GB (Stolen) | iPod Video 5.5G 30GB | Sony Ericsson W910i |
| Sennheiser PX 100 | Sennheiser HD 202 |Creative EP630 | Altec Lansing ATP 3 |
techno_funky is offline  
Old 29-03-2005, 11:46 PM   #7 (permalink)
gxsaurav
Guest
 
Posts: n/a
Default

Quote:
Originally Posted by techno_funky
whoa!!! nice man GX
really well made
hope to see you as one of those great icon makers
thanks for the tutorial will implement on that
techno tere muhn me refined oil & suger free

(ghi & shakkar, costs a lot)

My life long dream is to become a UI designer in MS or Apple, & my speciality in Icons, well U already know that
 
Old 31-03-2005, 12:30 AM   #8 (permalink)
In The Zone
 
Join Date: Sep 2004
Location: Kolkata
Posts: 324
Default

cccccccccccccccccccccooooooooooooooooooooooooooool lllllllllllllllllllllllllllllll
__________________
Happy Computing :lol:
krishnathelord is offline  
Old 31-03-2005, 10:16 PM   #9 (permalink)
gxsaurav
Guest
 
Posts: n/a
Default

I m making my own winamp skin, based on Aero Looks, go here to read the thread

http://www.thinkdigit.com/forum/view...=159626#159626
 
Closed Thread

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


 
Latest Threads
- by Who
- by Krow
- by clmlbx
- by Tech&ME
- by icebags

Advertisement




All times are GMT +5.5. The time now is 09:11 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.

Search Engine Optimization by vBSEO 3.3.2