Aqua Style tabs

In this tutorial we will learn how to create Aqua Style Tabs. You can add these tabs to your website header or use this method to create your own buttons.

Image Preview: Aqua Style Tabs.

Step one:
Start with a large black canvas, in your layers window make a new layer set. Name it Aqua style tabs.

Create a new layer then draw a 166 x 25 pixels, #005393 rounded rectangle using your your rounded rectangle tool. Use the fixed size setting under rectangle options to make the exact rectangle.

Add the following layer styles:


Step two:
In a new layer draw a 1000 x 5 pixels, #C6ACE2 thick line across your canvas. Use your rectangle tool to make the rectangle so you can use the fixed size setting under rectangle options to make the exact line.

Add the following layer styles:

Step three:
Just on the center of your tab, in a new layer draw a small 43 x 7 pixels, white rounded rectangle.

Add a gradient overlay layer style:


Step four:
Duplicate your small rounded rectangle layer twice and position them on the left and right of the original shape. Set the copies opacity level to 48%.

Final Image: Aqua Style Tabs.

Download Source File:

You can download the original source file.

If you're new here, you may want to subscribe to my Photoshop Tutorials via RSS feed, You can also subscribe via e-mail . We will deliver new tutorials directly to your inbox. Thank you!

  Stumble it!

One Response to “Aqua Style tabs”

  1. Keep em comin man!

Leave a Reply

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>