Website Template Design Navigation

Today I going to tell you about How to create Website Template Design Navigation

[1]-First of all Open New Document of Custom size, Height & With 250×650 pixels,Resolution 72 & Mode RGB Color

Pun487-website-template-design-navigation-photoshop1

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

Pun487-website-template-design-navigation-photoshop2

[3]-Now Open New Layer & then fill the selection with ‘71d4fb’color & after that go to Blending Options,select Inner Shadow
Photoshop Technique-How to use the INNER SHADOW features

Pun487-website-template-design-navigation-photoshop3

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

Pun487-website-template-design-navigation-photoshop4

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

Pun487-website-template-design-navigation-photoshop5

[6]-Now fill the selection with any color,then go to Blending Options select INNER SHADOW
Photoshop Technique-How to use the Gradient Overlay features

Pun487-website-template-design-navigation-photoshop6

[7]-Now select Gradient OVerlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay features

Pun487-website-template-design-navigation-photoshop7

Pun487-website-template-design-navigation-photoshop8

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

Pun487-website-template-design-navigation-photoshop9

[9]-Now make the Group folder Layer with the help of click on following Button which is indicating by Hand sign & adjust the
Layer & your Layer Pallete should look like as shown below

Pun487-website-template-design-navigation-photoshop10

[10]-Now right click on the Group Layer & make the Duplicate Group like as shown below

Pun487-website-template-design-navigation-photoshop11

[11]-Now select Duplicate Group & adjust with the help of Move Tool & your image should look like as shown below

Pun487-website-template-design-navigation-photoshop12

[12]-Now again make the 2 Duplicate Groups & create the following adjustment with the help of Move Tool

Pun487-website-template-design-navigation-photoshop13

[13]-Now select Background Layer & after that select “Dodge Tool”

Pun487-website-template-design-navigation-photoshop14

[14]-Now Highlight the some parts with the help of “Dodge Tool”

Pun487-website-template-design-navigation-photoshop15

[15]-Now create the following Text with the help of “Text Tool” & then rotate the text with the help of Ctrl+T & then press
ENTER

Pun487-website-template-design-navigation-photoshop16

[16]-Now select Text Layer & then go to Blending Options,select Drop Shadow & apply the following settings
Photoshop Techniques-How to use the Drop Shadow features

Pun487-website-template-design-navigation-photoshop17

[17]-Now your image should look like as shown below & after that create the Other Text with the help of Text Tool

Pun487-website-template-design-navigation-photoshop18

[18]-Thanks for read this Photoshop Tutoral I hope U have learnt some Photoshop Techniques & the Final Output of this Tutorial
is shown below

Pun487-website-template-design-navigation-photoshop19

bubble effect in photoshop

bubble letters in photosho

bubbles for photoshop

Leave a Reply

You must be logged in to post a comment.