How to 3D Header For Website - Hello Friends XD Design and Illustration, In the article you read this time with the title of How to 3D Header For Website, we have prepared this article for you to read and retrieve information therein. Hopefully The Article Web Design we write this you can understand. Well, Happy Reading!

Title and Link : How to 3D Header For Website

How to 3D Header For Website

Creating 3D Header For Website 

Final view

Step 1: 
Create New File and Paint background with the color which you are selected for website.
Go to view ---> Rulers.. You can get markings on corners of photoshop. Drag cursor from that marking on image to make our headers position. 

Here I make the header position(middle rectangle).

Step 2:

Create New Layer(Ctrl+Shft+N).
Select the Rectangular Marquee Tool and make a rectangle along our header area.
Then Press Shft+f5 For fill color in rectangle. and fill rectangle with White color.

Step 3:

Now Create New Layer above background layer and below the rectangle layer(Header)(Ctrl+Shft+N).
Select Elliptical Marquee tool and Create a round behind Rectangle(for making shadow). Make sure that the round is bit higher than rectangle.
Fill the round with black.(Shft+f5)

Step 4:
Go to Filter ---> Blur ---> Gaussian Blur. and set radius to 30PX.

Step 5:

Make a new layer above the Rectangle (Ctrl+Shft+N).

Select the Rectangular Marquee tool and select the white rectangles border for filling Gradient. 

Now Fill Gradient With Fill Gradient Fill Tool.

Step 6:

Select Horizontal Type Text Tool and Type Name Of Website or Header Title.

Right click on the text layer and click on Rasterize Layer.

Now go to Blending Options.

1) Gradient Overlay :-

Make a white and Gray Combination And feel style to linear.

2) Stroke :-

Set size of stroke to 1px and color to white.

You can also Smooth Give Bevel and Emboss From Blending Options By increasing Smoothness..

Step 7:

Now If you Want to add navigation Bar at bottom, You can just add text and drop shadow.
You can also create separation of navigation links using "Single Row Marquee Tool".

Done..!!

So an article about How to 3D Header For Website

The article How to 3D Header For Website this time, hopefully can give benefits to all of us.Well, see you in our other articles.

You are now reading the article about the How to 3D Header For Website with link https://xdgraphicdesign.blogspot.com/2016/10/how-to-3d-header-for-website.html

Tweet