Photoshop Tutorial

Attractive Menu Design

Attractive Web menu Design.

Dear Visitors

We will now make a Web menu

See the final Image:

Attractive Banner

Step 1:

File>new>(ctrl+n)

Give the size 500x300

Feel it with color: 055855 (shift+f5>ok)

This will look like this image:

 

 

 

 

 

 

 

Click on Rounded Rectangle tool(U):

Give the radius: 15px

Step: 2

Now >>Menu>Layer>Rasterize>Layer.

>>Menu>Select>Load Selection>ok

>>Menu>layer>new>layer.

Press ctrl+c & Ctrl+v

 Now go to:

>>Menu>Layer>Layer style

Set the Option Like bellow:

1. Drop Shadow

Blend mode color is: 055855

Inner Shadow:

Blend mode color is: 055855

It will be look like that:

>>menu>select>load selection>ok

Now Select like bellow:

>>menu>layer>new>layer

Select paint bucket tool fell the layer with color: 0afba9

I will look like bellow:

Now click on the layer like bellow:

Select the brush like bellow:

Feel the layer like this:

Select      azalea brush feel like bellow:

Again select   Scattered roses and feel like bellow:

        Select these layer related to main layer like bellow:

>>menu>layer>merge layer(ctrl+e)

Press Ctrl+j(layer copy)

Press ctrl+t(free transform)

Set width: 60% from above

       

Press enter

Again press enter

Press ctrl+j

Again press ctrl+t

Set the width 40%

It will look like bellow

Now select the smallest layer and press shift+up arrow key 2 times

Then select the smaller layer again press shift+ up arrow key once.

It will look like bellow:

Now we will add text

Now select horizontal type mask tool

Write home like that

Click move tool

Select the layer below that text

Press ctrl+c

Create new layer button from layer panel

Press ctrl+v

Now click on layer style button and select the layer style like bellow.

 It will be look like bellow:

>>menu>layer>copy layer style.

Write another text on other layer like this.

>>menu>layer>past layer style

like this write all the text and past layer style on the layer.

it will look like this.

Now we make the reflection.
Select all the layer related to menu bar(without background and ">>Design by ..." text)
>>menu> layer>group Layer.
>>menu>layer>duplicate group>ok
Now drag it below and press Ctrl+t right click on mouse and click flip vertical
again right click on mouse and click skew.
click the image below corner and drag it to right.
now set the layer opacity 40%
and final image will be look like this:

Thanks all the learner.

Try to create this project. It's easy and enjoyable.

I think you will enjoy it.

best of luck.