Hi friends . . . you know how to create the Photoshop website template layout graphic in Photoshop?

Let’s see, how to create.

[1]-First of all Open New Document of Custom size, Height & Width 400×500 pixels, Resolution 72 & Mode RGB Color.

Photoshop-website-template-layout-graphic1

[2]-Now Open New Layer & then create the following shape with the help of ‘Rectangle Tool’ & press right click > make selection.

Photoshop-website-template-layout-graphic2

[3]-Now fill with Black color in selection area.

Photoshop-website-template-layout-graphic3

[4]-Now go to Blending Options,& use the following settings
Photoshop Technique-How to use the Blending Options feature.

Photoshop-website-template-layout-graphic4

Photoshop-website-template-layout-graphic5

[5]-Now create the selection at new layer fill with Black color.

Photoshop-website-template-layout-graphic6
[6]-Now go to Blending Options,& use the following settings
Photoshop Technique-How to use the Blending Options feature.

Photoshop-website-template-layout-graphic7

Photoshop-website-template-layout-graphic8

Photoshop-website-template-layout-graphic9

Photoshop-website-template-layout-graphic10

[7]-Now create the selection at new layer fill with # ‘11265c’ color then select the ‘Burn Tool’ Photoshop-website-template-layout-graphic11 & create the following shading.

Photoshop-website-template-layout-graphic12

[8]-Now create the selection at new layer & press right click & go to the ‘Feather Option’ gives
the ‘Feather Radius’ 8 pixels.

Photoshop-website-template-layout-graphic13

Photoshop-website-template-layout-graphic14

Photoshop-website-template-layout-graphic15

[9]-Now create the selection at new layer fill with Black color.

Photoshop-website-template-layout-graphic16

[10]-Now go to Blending Options,& use the following settings
Photoshop Technique-How to use the Blending Options feature.

Photoshop-website-template-layout-graphic17

Photoshop-website-template-layout-graphic18

Photoshop-website-template-layout-graphic19

[11]-Now select the ‘Brush Tool’ Photoshop-website-template-layout-graphic20 & use the following setting.

Photoshop-website-template-layout-graphic21

[12]-Now create the following shape with the help of ‘Pen Tool’ right click select “Stroke Path” &
use the following settings of stroke path.

Photoshop-website-template-layout-graphic22

Photoshop-website-template-layout-graphic23

[13]-Now select the ‘Dodge Tool’ Photoshop-website-template-layout-graphic24 & Highlight the some parts.

Photoshop-website-template-layout-graphic25

[14]-Now create the selection at new layer fill with Black color.

Photoshop-website-template-layout-graphic26

[15]-Create another selection at new layer fill with # ‘435e8f’ color.

Photoshop-website-template-layout-graphic27

Photoshop-website-template-layout-graphic28

[16]-Now go to Blending Options,& use the following settings
Photoshop Technique-How to use the Blending Options feature.

Photoshop-website-template-layout-graphic29

Photoshop-website-template-layout-graphic30

[17]-Now create the selection at new layer & fill with # ‘213966′ color then create the shading with the help of Burn Tool.

Photoshop-website-template-layout-graphic31

[18]-Now create the selection at new layer & press right click & go to the ‘Feather Option’ gives
the ‘Feather Radius’ 2 pixels & fill with # ‘Wight’ color.

Photoshop-website-template-layout-graphic32

[19]-Now create the selection at new layer & fill with # ‘0e2a6a’ color then create the shading with the help of Burn Tool.

Photoshop-website-template-layout-graphic33

[20]-Now create the selection at new layer & press right click & go to the ‘Feather Option’ gives
the ‘Feather Radius’ 2 pixels & fill with # ‘649bd0′ color.

Photoshop-website-template-layout-graphic34

[21]-Now create the selection at new layer & fill with # ‘b5d7f2′ color.

Photoshop-website-template-layout-graphic35

[22]-Now go to Blending Options,& use the following settings
Photoshop Technique-How to use the Blending Options feature.

Photoshop-website-template-layout-graphic36

[23]-Take the Brush Tool apply the following settings.

Photoshop-website-template-layout-graphic37

Photoshop-website-template-layout-graphic38

[24]-Repeat the above step [19].

Photoshop-website-template-layout-graphic39

[25]-Now select the ‘Horizontal Type Tool’ Photoshop-website-template-layout-graphic40 & use the following setting & write the Text.

Photoshop-website-template-layout-graphic41

Photoshop-website-template-layout-graphic42

[26]-Now your ‘Final’ image should look like as shown below.

Photoshop-website-template-layout-graphic44

adobe photoshop effects
adobe photoshop logo
adobe photoshop watermark

Photoshop design thermoelectric cooler warmer logo icon in Photoshop

Photoshop design thermoelectric cooler warmer in photoshop.