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!

Read More...

Friday, April 21, 2006

Professional Menu or Content Box




Learn how to make a professional content or menu box using adobe Photoshop.

Let's start.

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

1) Choose white color and pick the Rectangle Tool(B). Click on your document and
draw a rectangle.



Click on "Rasterize Layer" shown on blow picture.







2)Making menu box style

We're going to give it some drop shodow,inner shodow and stroke.

Go to Layer >> Layer style >> Blending options and choose the following
settings:









result:





3)Make inset orb

Make a new layer (CTRL +SHIFT+ N) and pick the Elliptical Marquee tool (M).





Create a circle selection like picture:





Pick Gradient tool(G) and follow this steps:















Now press Ctrl+I in order to Invert the gradient color. Your result should be
like this.







Press Ctrl+l to open "Level window" and set these settings.







Add inset effect,
we used a black to white gradient for inset effect.

Right-click on selection and make a new layer and drag it's layer under orb
layer.







Pick Gradient tool(G) and follow this steps.











less opacity of new layer, your result should be like this picture.







4)Choose white color and pick the Rectangle Tool (B). Click on your document and
draw a rectangle.





Now we are going to make it's style, follow these steps.













okay, the result





You can add text and some details!we used "Julius" font.





Please send your feedback about this tutorial.



 

Read More...

Wednesday, April 19, 2006

Bubbles

Learning How to make lovely blue bubbles.
tutorials-photoshop.com
Bubbles

Read More...

Tuesday, April 18, 2006

Windows Vista Alarm Icon


In this Adobe Photoshop tutorial, we will try and make an Alarm icon included in the upcoming Windows Vista OS.
justcrime.com
Windows Vista Alarm Icon

Read More...

Sunday, April 16, 2006

Grunge Interface



Make a grunge interface in some easy steps and learn how to make this group of interfaces.
thedesignworld.com
Grunge Interface

Read More...

Saturday, April 15, 2006

Zipper

By reading this tutorial you can make zip of your clothes!
take necessary tools now! (ofcourse photoshop!)

readandforget.com
Create Zipper

Read More...

Glass effect


You can make every glass pieces with this photoshop tutorial.
For example:glasses,water glass,window,pieces of glass,glass text,...
readandforget.com
Glass effect

Read More...

Wednesday, April 12, 2006

Professional navigation menu


In this photoshop tutorial you will learn how to make a professional photoshop menu.
13dots.com
Make Professional navigation menu

Read More...

Navigation

learn how to make a stylish horizontal navgation bar in some easy steps .
gfxdot.com
Create Navigation

Read More...

Navigation Buttons



In this tutorial we will show you how to make some clean navigation buttons with Adobe Photoshop
countersurf.com
Navigation Buttons

Read More...

Tuesday, April 11, 2006

Full Website Header



Design a full website header, with logo, menu and banner.
Usually designing every template have 3 parts :
1.Header
2.Body
3.Footer
We are going to introduce a tutorial about designing a header of a website .
askphotoshop.com
Full Website Header

Read More...