Photoshop 101 - Photoshop Tutorials, Blogs, Online Store and More. - http://www.photoshop101.com
Flower Button
http://www.photoshop101.com/articles/63/1/Flower-Button/Page1.html
Sam Lee

The traveller who wants to see the world.

 
By Sam Lee
Published on April 20, 2008
 
A flowery button to compliment any web page or user interface.

Start by creating a rectangle using rectangular shape tool.



Press Ctrl+T. Right Click and select distort. Adjust the nodes as shown.





Enable "add to shape area" at the top bar. Create a flower 4 shape using custom shape tool and place it as shown.





Double click the layer to open layer style window. Apply settings as shown.









Using polygon lasso tool create a selection as shown below.



Create a new layer. Apply black to white gradient in linear mode.




Change layer mode to screen for this layer.



Create an elliptical selection using elliptical marquee tool.




Press Shift+Ctrl+i to invert selection. Press delete.



Create a small flower 4 shape using custom shape tool.



Double click the layer to open layer style window. Apply settings as shown.





The settings just gives the surface of the button a sharper and cleaner look.


Type in the button link name using a nice font.