Easy Button Tutorial

1. Make a new file depending upon the size you want .And add your favourite colour.

2. After apply the following setings on the same layer




3. Now select the layer ( crtl +a ) and then go to select >modify >contract ; contract by 3px.

4. now make a new layer , fill it with white , then set the layer opacity to 17% .

5. Add some text to a new layer.

6. Use the pen tool to make a shape. The set opacity to your liking. ( here its 20%)

7. Here You Go , a Simple yet professional looking button :) you can always experiment .

Tutorial By Ace. Please do not distribute without permission.

3 Responses to “Easy Button Tutorial”

  1. Mikko’s blog » Blog Archive » Creating buttons with Imagick Says:

    […] button in this example is created after this tutorial http://xeonfx.com/tutorials/easy-button-tutorial/ (yes, I googled “easy button tutorial”). The code and the button it creates are both very simple […]

  2. developercast.com » Mikko Koppanen’s Blog: Creating buttons with Imagick Says:

    […] about making buttons dynamically. The button in this example is created after this tutorial http://xeonfx.com/tutorials/easy-button-tutorial/ (yes, I googled “easy button tutorial”). The code and the button it creates are both […]

  3. Creating buttons with Imagick | MT-Soft Website Development Says:

    […] button in this example is created after this tutorial http://xeonfx.com/tutorials/easy-button-tutorial/ (yes, I googled “easy button tutorial”). The code and the button it creates are both […]

Leave a Reply