0
1, Open up a new document . 88 x 31 pixels with a transparent background.
2, Press D on your keyboard to reset your colour palette.
3, Fill the fisrt layer with black using the fill tool (paint bucket)
4, add new layer
5, I am going to use the IZ-Grunge pack 1 found HERE in the IZ Download section.
6,Using white colour apply a brushing.
7, add new layer.
8, Using blue #6085C3 brush again
9, Add new layer .
10 using blue again colour #176C94 brush again , and this time set the blending of this layer to Linear burn.
your button should now look like this
11, Add another new layer. Brush again using colour #C5D7E0
and set the blending of this layer to linear light .
and your button should now look similar to this one
12, Now to add a curves layer .
and click AUTO
your button should now look like
13, now for a Brightness/contrast layer using these settings
and this should be the result
14, Now for the border .
Add a new layer and go to
SELECT - ALL
then EDIT - STROKE
choose the colour black. and ok it
Press Control + D on your keyboard to deselect.
To make the border not so harsh , set the opacity of this layer to 60%
Now for the text.
15, New layer.
16,Click the text button and choose the font VERDENA , size- 14 , and set the aa anti aliasing to sharp.
I used the colour #A9E7FA for mine
Make sure you use a colour that is bright and stands out from the background and still matches in witht he background colours.
17, Add the following styles to your text by clicking the following button
Use the following setting on your text
Outer glow colour #535660
Stroke colour #586A79
Heres what mine looks like now
Now for the fun bit , we are going to animate
You need to go to Imageready by pressing the following button
Now in imageready , make sure your text layer is selected.
Move your text off to the right side of your button , make it go right off the button , so you no longer can see it.
No go to WINDOW - ANIMATION
and this window appears
Click on the duplicate current frame button ,
so you now have
Now go back to your button and bring the text layer across your button over to the left side and off so you can no longer see it .
Now click the TWEEN button
and enter the following numbers that appear
Click OK and you should have 47 frames that look like the following
Press the little forward arrow and the animation should begin in your original button, press the square to stop.
Now to save the button.
Go to EDIT - SAVE OPTOMIZED AS , ada a name for the button and save as a gif.
Heres my finished button
Hope you like the tutorial feel free to ask any questions :icon_mrgr
zee
