A Simple Web Button

This is a nice and easy tutorial to create a stylish web button.
1: Open a new document and select the rounded rectangle tool have a look at the top tool bar and ensure that the radius is set to 10px. Choose your foreground colour mine was an off white and draw your box.
2: Control click the layer go to Select > Modify > Contract > 4px
3: Next, create a new layer and fill with a colour of your choice.
4: Right click this layer and go to your blending options. Tick the drop shadow box and add the following commands: Blend mode > Mutiply : Angle 90% : Distance 5px : Size 5px
5: Tick the Gradient Overlay box Blend mode > Normal : Opacity 50% : Angle 90%
6: Tick the Stroke box and add a size of 1px colour choose an off-white colour.
7: Next, select your font and type your wording.
8: Then select the custom shape tool and find the arrow graphic from your collection of shapes which can be found on the top tool bar drop down box. Again right click the layer and add the following blending options.
9: Inner shadow: Blend Mode – Multiply : Opacity 25% : Angle 90%
10: Add a 1px black stroke.
11: Duplicate this layer and move it over so that you have two arrows.
12: That’s it!
- ErrorHelp – Easy Troubleshooting on Internettrouble shooting on the internet where one can share the informati ...
- jQuery Image Galleries & SlidersI've recently been searching around the web looking for jQuery sli ...
- Graduated Retro ArtHere's a really simple way of creating a retro feel to your imag ...
- Create A Faded LabelThis tutorial is quite simple but it has lots of potential. By exp ...
- Virtual Revolution - Web Behaviour TestOver the last 20 years the web has changed the world, but what, if ...
- How To Create A Glass ButtonThis tutorial will teach you how to create your own glass button ...















