I will keep it brief as the image kinda shows how it's done....
I've created the Step-by-Step image for those who can pick it up without all the text instructions
STEPS
-----------
1).
=> Create a rectangle 260 x 90
=> Change the "Rectangle Roundness" to 100%
=> Add a vertical gradient. For this example I've used #003090 as the "dark blue" and #4283D2 as the "light blue".
NOTE: From this point on, light blue and dark blue refer to the same HEX colours used above.
2).
=> Add an Inner Glow Effect. Set the Offset to 10, Softness to 10, Opacity to 100% and colour to "light blue"
=> Change the Glow colour to be the same light blue used in Step 1.
=> Add another Inner Glow. Set the Offset to 5, Softness to 20, Opacity to 100% and colour to "dark blue"
3).
=> Create another rectangle 230 x 60
a). Use the sub-selection tool (the white arrow) to select the rectangle. Now, with the SHIFT-KEY held select the two bottom points of the rectangle as shown in diagram.
c). Add a vertical Linear Gradient. Start it at #FFFFFF 100% Opacity and end it at #FFFFFF 0% Opacity. Finally, change the overall Opacity to be 70%
4).
=> Drag this rectangle over your blue one so it is in the same position as shown
5).
a). Create another rectangle 200 x 25, change it's "Rectangle Roundness" to 100% and make its colour "bright blue" (#2E84DA). This is basically a colour that glows alot more than your base blue. It's to create a sort of subtle perly effect.
6). Drag this shape over your main shape to the position shown here. (Center Bottom)
7). Finally, add a Drop Shadow effect. Set the offset to 1, Softness to 7 and keep the Opacity at 65%. This just adds a very subtle shadow glow to help remove the hardness of the edges. I always find it works a little better than using the standard Glow effect.
So there you go, a button.
Shrink it and do what you want with it. Even change it's Hue and Saturation to make it different colours!

Sign In »
Register Now!
Help



MultiQuote












