Ring Style Website Menu Header

Today I am telling you How to create Ring Style Website Menu Header

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

Pun475-photoshop-ring-style-website-menu-header1

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

Pun475-photoshop-ring-style-website-menu-header2

[3]-Now Open New Layer & then fill the with any color & then create the following selection with the help of Elliptical
Marquee Tool & then press “Delete”

Pun475-photoshop-ring-style-website-menu-header3

[4]-Now go to Blending Options select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow features
Pun475-photoshop-ring-style-website-menu-header4

[5]-Now select Inner Glow & apply the following settings
Photoshop Technique-How to use the Inner Glow features

Pun475-photoshop-ring-style-website-menu-header5

[6]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss features

Pun475-photoshop-ring-style-website-menu-header6

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

Pun475-photoshop-ring-style-website-menu-header7

Pun475-photoshop-ring-style-website-menu-header8

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

Pun475-photoshop-ring-style-website-menu-header9

[9]-Now select Custom Shape Tool & use the following shape & settings

Pun475-photoshop-ring-style-website-menu-header10

[10]-Now Open New layer & then create the following shape with the help of Custom shape Tool & then select Pen Tool,right
click select Make Selection

Pun475-photoshop-ring-style-website-menu-header11

[11]-Now use the following settings in Make Selection

Pun475-photoshop-ring-style-website-menu-header12

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

Pun475-photoshop-ring-style-website-menu-header13

[13]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow
Photoshop Technique-How to use the Drop Shadow features

Pun475-photoshop-ring-style-website-menu-header14

[14]-Now select Inner Glow & use the following settings

Pun475-photoshop-ring-style-website-menu-header15

[15]-Now select Bevel & Emboss & use the following settings

Pun475-photoshop-ring-style-website-menu-header16

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

Pun475-photoshop-ring-style-website-menu-header17

Pun475-photoshop-ring-style-website-menu-header18

[17]-Now Rotate the image with the help of Ctrl+T & then press ENTER

Pun475-photoshop-ring-style-website-menu-header19

[18]-Now Make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+T,Right click select ‘flip Horizontal’ & then
press ENTER

Pun475-photoshop-ring-style-website-menu-header20

[19]-Now create the following shape with the help of Pen Tool

Pun475-photoshop-ring-style-website-menu-header21

[20]-Now select Text Tool Pun475-photoshop-ring-style-website-menu-header22 & then create the Text on the following Shape like as shown below

Pun475-photoshop-ring-style-website-menu-header23

Pun475-photoshop-ring-style-website-menu-header24

[21]-Now create the Other Text with the help of Text Tool

Pun475-photoshop-ring-style-website-menu-header25

[22]-Now go to Blending Options,select Drop Shadow & use the following settings

Pun475-photoshop-ring-style-website-menu-header26

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

Pun475-photoshop-ring-style-website-menu-header27

Pun475-photoshop-ring-style-website-menu-header28

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

Pun475-photoshop-ring-style-website-menu-header29

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Leave a Reply

You must be logged in to post a comment.