Photoshp Website Business Header

Here I am telling you about How to create Photoshp Website Business Header

[1]-First of all Open New Document of custom size,Height & Width 250×600 pixels,Resolution 72 & Mode RGB Color

Pun486-photoshop-website-business-header-tutorial1

[2]-Now fill the Background with any color & then create the following selection with the help of Rectangular Marquee Tool

Pun486-photoshop-website-business-header-tutorial2

[3]-Now Open New Layer & then fill the selection with any color & after that go to Blending Options,select Gradient Overlay
Photoshop Technique-How to use the Gradient OVerlay features

Pun486-photoshop-website-business-header-tutorial3

Pun486-photoshop-website-business-header-tutorial4

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

Pun486-photoshop-website-business-header-tutorial5

[5]-Now Open New Layer & then create the following selection with the help of Pen Tool

Pun486-photoshop-website-business-header-tutorial6

[6]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings

Pun486-photoshop-website-business-header-tutorial7

[7]-Now select Satin Structure & use the following settings

Pun486-photoshop-website-business-header-tutorial8

[8]-Now select Gradient Overlay & use the following settings

Pun486-photoshop-website-business-header-tutorial9

Pun486-photoshop-website-business-header-tutorial10

[8]-Now your image should look like as shown below & then create the following selection with the help of Rounded Rectangle
Tool

Pun486-photoshop-website-business-header-tutorial11

[9]-Now Open New Layer & then select Gradient Tool & use the following Gradient & settings

Pun486-photoshop-website-business-header-tutorial12

Pun486-photoshop-website-business-header-tutorial13

[10]-Now fill the selection with the help of Gradient Tool & your image should look like as shown below

Pun486-photoshop-website-business-header-tutorial14

[11]-Now Blending Mode of this Layer should ‘Screen’

Pun486-photoshop-website-business-header-tutorial15

[12]-Now your image should look like as shown below & after that Open New Layer & then create the following selection with
the help of Rounded Rectangle Tool

Pun486-photoshop-website-business-header-tutorial16

[13]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the following settings

Pun486-photoshop-website-business-header-tutorial17

[14]-Now select Gradient Overlay & use the following settings

Pun486-photoshop-website-business-header-tutorial18

Pun486-photoshop-website-business-header-tutorial19

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

Pun486-photoshop-website-business-header-tutorial20

[16]-Now make the Duplicate Layers with the help of Ctrl+J & then each one adjust with the help of Move Tool & your image
should look like as shown below

Pun486-photoshop-website-business-header-tutorial21

[17]-Now select Text Tool Pun486-photoshop-website-business-header-tutorial22 & then create the following Text

Pun486-photoshop-website-business-header-tutorial23

[18]-Now Open other image of Building with the help of Ctrl+O & adjust in the first Document with the help of Move Tool

Pun486-photoshop-website-business-header-tutorial24

[19]-Thanks for read this Photoshop Tutorial.I hope you have enjoyed & the Final Output of this Tutorial is shown below

Pun486-photoshop-website-business-header-tutorial25

bubble effect in photoshop

bubble letters in photosho

bubbles for photoshop

Leave a Reply

You must be logged in to post a comment.