Photoshop website template header tutorial in photoshop

Here we will tell you how to make a Photoshop website template header tutorial in photoshop.

[1] Take a new file of 700 pixels, 200 pixels, of resolution 72 dpi in the RGB mode.

Photoshop-website-template-header-tutorial1

[2] Fill the background with the help of gradient tool color is does an matter.

Photoshop-website-template-header-tutorial2

[3] Select Rounded rectangle tool. Set the radius to 30 pixels And create a shape color is #bd0b07.

Photoshop-website-template-header-tutorial3

[4] Please add the following layer styles.

Photoshop-website-template-header-tutorial4

Photoshop-website-template-header-tutorial5

Photoshop-website-template-header-tutorial6

[5] Select Line Tool and create 4 lines like this.

Photoshop-website-template-header-tutorial7

[6] Select Rounded rectangle tool. Set the radius to 30 pixels And create a shape.

Photoshop-website-template-header-tutorial8

[7] Please add the following layer styles.

Photoshop-website-template-header-tutorial9

Photoshop-website-template-header-tutorial10

[8] This is my result.

Photoshop-website-template-header-tutorial11

[9] Take the Rounded rectangle tool create a shape, then take the Pen Tool right click to select the make selection.

Photoshop-website-template-header-tutorial12

[10] Take the Gradient Tool use the following settings.

Photoshop-website-template-header-tutorial13

Photoshop-website-template-header-tutorial14

[11] Click and Drag the cursor.

Photoshop-website-template-header-tutorial15

[12] Now set the opacity 70%.

Photoshop-website-template-header-tutorial16

[13] This is my result.

Photoshop-website-template-header-tutorial17

[14] Take the Rounded rectangle tool create a shape.

Photoshop-website-template-header-tutorial18

[15] Please add the following layer style.

Photoshop-website-template-header-tutorial19

Photoshop-website-template-header-tutorial20

Photoshop-website-template-header-tutorial21

Photoshop-website-template-header-tutorial22

[16] This is my result.

Photoshop-website-template-header-tutorial23

[17] Duplicate them a few times and place them with your arrow keys.

Photoshop-website-template-header-tutorial24

[18] Now I will add alone some text

[19] This is my final result, Thank you.

Photoshop-website-template-header-tutorial25

batch watermark photoshop

bend text in photoshop

best photoshop tutorials

Leave a Reply

You must be logged in to post a comment.