Crimson Button

Step 1

Create a new document 212 x 36. You can really use any size, but this works for what we are doing. I also used a dark grey background, but this can be changed as well.

Step 2

Make a box about this big on a new transparent layer above the background, you can use any color, it will not effect the final outcome.

Step 3

Apply the following Layer styles to your box. TO apply a layer style you just have to have your layer with the box on it selected in the layers panel, then double click it to spawn the window.)

After applying these, your box should look something like this:

Step 4

Use the rounded rectangle tool with a radius of anywhere from 5 - 15 pixels to draw a white rounded rectangle on a transparent layer above all the rest. Make it about this size:

Step 5

Use the elliptical marquee to cut out a circular portion of the bottom of the rounded rectangle. It should look like this now:

Step 6

Turn the opacity on the rounded rectangle layer down to 25%. It should look like this:

Step 7

Click a font, and on a new transparent layer above the rest, type out an arrow. I used a font called clone wars. (You can get it at http://rapidshare.com/files/20027696/clonewars2.ttf). I placed it some to the right, you'll see why.

Step 8

Duplicate the arrow layer, and move it some to the right. Set the opacity of this new layer to 75%. Duplicate it yet again, and move it over again more to the right, and set the opacity to 50%. Do this once more with an opacity value of 25%. Here is what you would now have.

Step 9

Now, apply the following layer styles to each and every one of the arrow layers. It is easer to just apply them to one, and then right click the layer you applied it to, and select copy layer style from the drop down menu. THen select an arrow layer, right click, and select paste layer style. Here are the layer styles.

Now, your arrows should look like this:

Finish Up

The text is the exact same layer style as the arrows, so just type some text and apply these:

Now you are done for the most part, again, here is the result.

Put to Use

Here is an example of putting several together to create a navigation effect.