Photoshop Office Desk Website Design Tutorial

Today I will tell you about How to Create Photoshop Office Desk Website Design Tutorial

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

photoshop-office-desk-website-design-tutorial1

[2]-Now Open New Layer & then fill with any color & then go to Blending Options,select Gradient Overlay & use the following
settings
Photoshop Technique-How to use the Gradient Overlay feature

photoshop-office-desk-website-design-tutorial2

photoshop-office-desk-website-design-tutorial3

[3]-Now Open New Layer & then create the following selection with the help of ‘Polygonal Lasso Tool’

photoshop-office-desk-website-design-tutorial4

[4]-Now fill the selection with ‘0d1e4c’color & then create the following selection with the help of ‘Polygonal Lasso Tool’

photoshop-office-desk-website-design-tutorial5

[5]-Now select ‘Burn Tool’           photoshop-office-desk-website-design-tutorial6 & create the following shading

photoshop-office-desk-website-design-tutorial7

[6]-Now create the following selection with the help of ‘Pen Tool’ & then fill with ‘020411′color

photoshop-office-desk-website-design-tutorial8

[7]-Now Open New Layer & then create the following selection with the help of Rounded Rectangle Tool

photoshop-office-desk-website-design-tutorial9

[8]-Now fill the selection with ‘c4f2f9′ color & then create the following Transformation with the help of Ctrl+T & then
press ENTER

photoshop-office-desk-website-design-tutorial10

[9]-Now go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

photoshop-office-desk-website-design-tutorial11

[10]-Now select “Bevel & Emboss” & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

photoshop-office-desk-website-design-tutorial12

[11]-Now select Contour Element & use the following settings

photoshop-office-desk-website-design-tutorial13

[12]-Now your image should look like as shown below

photoshop-office-desk-website-design-tutorial14

[13]-Now make the Duplicate Layers with the help of Ctrl+J & adjust with the help of Move Tool like as shown below

photoshop-office-desk-website-design-tutorial15

[14]-Now again make the Duplicate Layer & then press Ctrl+T,right click select ‘Flip Horizontal’ & then press ENTER

photoshop-office-desk-website-design-tutorial16

[15]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’

photoshop-office-desk-website-design-tutorial17

[16]-Now fill the selection with ‘f4942d’color & then select “Burn Tool”           photoshop-office-desk-website-design-tutorial18 & Create the following
shading

photoshop-office-desk-website-design-tutorial19

[17]-Now select “Dodge Tool”          photoshop-office-desk-website-design-tutorial20 & Highlight the some parts like as shown below

photoshop-office-desk-website-design-tutorial21

[18]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’

photoshop-office-desk-website-design-tutorial22

[19]-Now fill the selection with any color & then go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

photoshop-office-desk-website-design-tutorial23

[20]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

photoshop-office-desk-website-design-tutorial24

photoshop-office-desk-website-design-tutorial25

[21]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’

photoshop-office-desk-website-design-tutorial26

[22]-Now fill the selection with ‘ecba3d’color & then create the following selection with the help of ‘Pen Tool’

photoshop-office-desk-website-design-tutorial27

[23]-Now fill the selection with same color & create the following shape with the help of Pen Tool right click select
Stroke Path

photoshop-office-desk-website-design-tutorial28

[24]-In Stroke Path select ‘Burn’  then ok

photoshop-office-desk-website-design-tutorial29

[25]-Now your image should look like as shown below

photoshop-office-desk-website-design-tutorial30

[26]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’

photoshop-office-desk-website-design-tutorial31

[27]-Now fill the selection with same color & then go to Blending Options,select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

photoshop-office-desk-website-design-tutorial32

[28]-Now set the 1 pxl Brush Tool,Open New Layer & then create the following shape with the help of Pen Tool,right click
select ‘Stroke Path’

photoshop-office-desk-website-design-tutorial33

[29]-In Stroke Path select ‘Brush’ & then ok

photoshop-office-desk-website-design-tutorial34

[30]-Now like this create the others & use the following settings in Stroke Path

photoshop-office-desk-website-design-tutorial35

[31]-Now select Text Tool         photoshop-office-desk-website-design-tutorial36 & create the any Text like as shown below
See below for Final Photoshop Output.I hope this is a good tutorial & U can use these Photoshop Techniques in your Graphics
Design Project

photoshop-office-desk-website-design-tutorial37

bending text in photoshop
boxes in photoshop
broken glass effect in photoshop

3dmodel Electronic Machine studio tutorial.

3dmodel study lamp studio tutorial.

Tags: , ,

Leave a Reply

You must be logged in to post a comment.