Design a Professional Design Studio Web Template in Adobe Photoshop

Step eleven

Below your service summary, add a section for your featured projects. First add the title.

Step twelve

Now make a tab for the name of the project. In a new layer draw a 90 x 20 pixels, black rounded rectangle.
Apply a Gradient Overlay and Stroke layer styles.
Using your text tool type in the name of your first featured project. Use font Verdana, bold, 10 pt, none and #FF0096 for color.

Step thirteen

Duplicate your tab set and modify for launch project tab. Use #9E9E9E for color.

Step fourteen

Above your tabs create a 308 x 172 pixels, black rounded rectangle.
Now clone a screen shot of your first featured project. Apply an Inner Glow and Stroke layer styles.

Step fifteen

Add a description for your featured project.

Step sixteen

Next to your first featured project, add another set.

Step seventeen

Now make a large round rectangle for your quote form. In a new layer draw a 324 x 382 pixels, #2D2D2D rounded rectangle.
Apply a Stroke layer style.

Step eighteen

Now add your contact us tab on your second large rounded rectangle.

Step nineteen

Add your content for your free quote.

Step twenty

When you code this template, place your form boxes on the space provided below your free quote content.

Step twenty one

With your text tool type in ***Send! using font Arial, bold italic, 18 pt, sharp, white, #A6EDFF, #FF0096.
Apply a Gradient Overlay and Stroke layer styles.

Step twenty two

Below your body add a simple footer using only texts.

Step twenty three

Add sub links below your second rounded rectangle.

Step twenty four

Back to the top of your canvas, add a section for your name and slogan.

Final Image

Professional Design Studio Web Template.

Step One / Step Two