Thursday, April 27, 2006

Windows XP Progress Bar

Learn how to make a Windows XP Progress Bar
using adobe Photoshop.



Let's start.

>>open new document or press "Ctrl+n", we'll use 300x100x.

1)
Choose white
color and pick the
Rounded Rectangle Tool(U) and set these settings:
Color=white , Radius=5px
Click on your document and draw a rounded rectangle.



Click on "Rasterize Layer" shown on blow picture.




2)Making XP Progress Bar style
We're going to give it some inner stroke and shodow. Go to Layer >> Layer style >> Blending options and choose the following
settings



result:


3)Make Progress Bar Content
Make a new layer (CTRL +SHIFT+ N)
Create a rectangle selection like picture:




Pick Gradient tool(G) and follow this steps:











Now press (Ctrl+D)
Result:



4)Complating The Progress Bar

Hold down Alt key and drag Rectangle for more
copy or go to "Layer->Duplicate Layer... ",



Finish Result :




Please send your feed back.We are all ears!

17 comments:

Anonymous said...

nice! I was wondering if i should make a tut on this progress bar, but, hey:) you did it!

Anonymous said...

insanely, nice, im gonna make some nice gifs outta this =]

Anonymous said...

I made a animation of it... check it: http://img510.imageshack.us/img510/284/proggessbar7oy.gif

Just click on the link: http://img510.imageshack.us/img510/284/proggessbar7oy.gif

Post a comment and tell me if you like it...

Xander

Anonymous said...

hey, cud u post flash tuts 2? i workd with php but now i also go 4 flash, so pls.

PhotoshopX said...

Dear Xander!
I checked out that.
Very nice gif animation but if you add some highlights by brush to it, it will seem more beautiful.

Anonymous said...

Do you go round posting that at loads of blogs??

Nice tute btw

Anonymous said...

articlebeat is crap! go away

Anonymous said...

good one, keep going

Anonymous said...

Articlebeat sucks! Stop posting! Or are you a bot?...

Anonymous said...

I think it's a bot.

mahir ahmed said...

NOT WORKING WHITH photoshop cs2

Anonymous said...

not working whith cs2

Anonymous said...

KbSGvh You have a talant! Write more!

Anonymous said...

AOnePa The best blog you have!

Anonymous said...

GmIOBL write more, thanks.

Anonymous said...

All those people saying it doesn't work with CS2. I just made one with CS2. Its cool, I'm going to make one for my friend, the text being Failure in progress. Hehe.

Anonymous said...

How do you get the double opacity midpoints!?