How To Design Slide Down Box Menu Photoshop Graphics Tutorial With PSD

Slide Down Box Navigation Menu coming with moderen website templates to make a design astonished graceful. So here we go with our first high resolution Tutorial for How To Design Slide Down Box Menu Graphic over black background in Adobe Photoshop CS5 following easy steps each with detailed screenshot just about in 15 minutes including PSD Free download link at the bottom.

Step 1: Create a new project with a resolution of 1280 x 1024 pixels and Fill Black Color so it will show as background. See the given screenshot below.

Step 2: Now select the Rectangular Marquee Tool (M) and make a shape like below screenshot.

Step 3: Now Select Rectangular Marquee tool (M) again and apply Feather (Ctrl+Alt+D) selection with Radius 29 Pixels like below screenshot.

Step 4: Now from the Layers Window, set Opacity 16% as showing below.

Step 5: Now Select layer and duplicate it 5 times or Copy it for paste (Ctrl+V) to have more shapes like showing below screenshot.

Step 6: Now again select the Rectangular Marquee Tool (M) and create borders for the above shapes as showing in given screenshot.

Step 7: Now for border layer Right Click at the Layer > Blending Options >  Gradient Overlay and colorize it as given screenshot below or on your choice

Step 8: Now Select border layer and Duplicate it or copy it for paste (Ctrl+V) to create more boder layers for other slides.

Step 9: Now again select the Rectangular Marquee Tool (M) and create 2 shapes like below.

Step 10: This time click on the layer window and set Opacity 56%.

Step 11: Once more select the Rectangular Marquee Tool (M) to creat an other rectangular shape like below.

Step 12: Now from Toolbox, select Text Type Tool (T) and type the text for each slide box on your choice or as below.

Step 13: Again select Text Type Tool (T) to add more text under menu text using (#0788CF Color) showing as in screenshot.

Step 14: Finally select Brush Tool (B) and Select a Brush to apply slide lights effect for making it more attractive like below screenshot.

Final Resutls:

Slide Down Box Menu

I hope you’ve enjoyed this easy and useful Graphic Tutorial using some easy techniques may inspire you to design more creative graphics with some ideas for your next project. Your comments will be valueable for us.

Sliding Down Box PSD