ALBORZ.VICTOR
Member
1.New Document
Make a new document, anysize doesn't matter. I used 600x150. Start out with a white background.
2.Marque Tool
First off we want to make new layer now make selection with the rectangular marque tool like below:
3.Paint Bucket Tool
Fill it in with your paint bucket tool. Now use the Line Tool to make 4 lines, top near the top of the rectangle and 2 at the bottom like below:
4.Add a Soft Drop Shadow
Find the graphic you want to use in the header. I used a greyscale graphic of a building. I thought it best suited the layout. Add a soft drop shadow to the header aswell:
5.Rectangular Marque Tool
Make a new layer. Make a selection below using the rectangular marque tool:
6.Insert Color
There are the colors we will be using with the selections we make:
Ok back to using the select tool and paint bucket tool.
Make a new layer:
(You may add a drop shadow to this layer if you wish too, I used one).
Make a new layer just above the background layer:
7.Buttons
Now we got pretty much the whole header done, whats missing? Oh yes buttons. Use the Rounded Rectangular Tool and set the radius to 15. Make a new layer. Draw a shape like below.
Use the rectangular select tool to remove the access part of the button:
Press DELETE!
8.Edit Button
8) Ok lets make the buttons have some character. Make a little selection like below and fill it in with grey (note this is on the same button layer, dont need to make a new layer):
Add a soft drop shadow and your button is done!
9.Resize and Overlay
9) Now its up to you, I taught you the basics now use the skills to add more simple characteristics to the header. For example look at my finished header:
-------------------------------------------------------
Round Corner Grey Scale Buttons
-------------------------------------------------------
1.New Document
Make a new document, anysize doesn't matter. I used 400width by 100height. Press CNTRL+D to reset your pallete colors. Start off with any color of background, I used a dark grey.
2.Shape tOOL
Select the Rounded Shape Tool:
Ok first off we want to select the Fill Pixels and change the radius down to 5%:
By having fill pixels selected this will save us from having to Rasterize the layer
.
3.Make a New Layer
Make a New Layer and then make a nice rounded square like below:
4.Blending Options
Right click the layer and go to blending options. Apply all these styles:
-
-
-
Now you should have something like this:
5.nsert Icon
Find a nice site that provides free icons, their are lots of sites around that do! I used icons I made from a few months ago, this is my final effect with the buttons:
If curious about what font I used. Here it is:
Tahoma Style: Bold Size: 12pt.
برای استفاده از آیکون در این آموزش می توانید آیکون دلخواه را از اینجا دانلود کنید
منبع : TheDesignWorldMake a new document, anysize doesn't matter. I used 600x150. Start out with a white background.
2.Marque Tool
First off we want to make new layer now make selection with the rectangular marque tool like below:

3.Paint Bucket Tool
Fill it in with your paint bucket tool. Now use the Line Tool to make 4 lines, top near the top of the rectangle and 2 at the bottom like below:

4.Add a Soft Drop Shadow
Find the graphic you want to use in the header. I used a greyscale graphic of a building. I thought it best suited the layout. Add a soft drop shadow to the header aswell:

5.Rectangular Marque Tool
Make a new layer. Make a selection below using the rectangular marque tool:

6.Insert Color
There are the colors we will be using with the selections we make:

Ok back to using the select tool and paint bucket tool.
Make a new layer:

(You may add a drop shadow to this layer if you wish too, I used one).
Make a new layer just above the background layer:

7.Buttons
Now we got pretty much the whole header done, whats missing? Oh yes buttons. Use the Rounded Rectangular Tool and set the radius to 15. Make a new layer. Draw a shape like below.

Use the rectangular select tool to remove the access part of the button:

Press DELETE!
8.Edit Button
8) Ok lets make the buttons have some character. Make a little selection like below and fill it in with grey (note this is on the same button layer, dont need to make a new layer):

Add a soft drop shadow and your button is done!
9.Resize and Overlay
9) Now its up to you, I taught you the basics now use the skills to add more simple characteristics to the header. For example look at my finished header:

-------------------------------------------------------
Round Corner Grey Scale Buttons
-------------------------------------------------------
1.New Document
Make a new document, anysize doesn't matter. I used 400width by 100height. Press CNTRL+D to reset your pallete colors. Start off with any color of background, I used a dark grey.
2.Shape tOOL
Select the Rounded Shape Tool:

Ok first off we want to select the Fill Pixels and change the radius down to 5%:

By having fill pixels selected this will save us from having to Rasterize the layer
3.Make a New Layer
Make a New Layer and then make a nice rounded square like below:

4.Blending Options
Right click the layer and go to blending options. Apply all these styles:

-

-

-

Now you should have something like this:

5.nsert Icon
Find a nice site that provides free icons, their are lots of sites around that do! I used icons I made from a few months ago, this is my final effect with the buttons:

If curious about what font I used. Here it is:
Tahoma Style: Bold Size: 12pt.
برای استفاده از آیکون در این آموزش می توانید آیکون دلخواه را از اینجا دانلود کنید