//Making Buttons\\
I'll be using animation shop 3 to make these buttons. If you don't have it already you can download a free trial here.
Even though this is a long tutorial it is very easy.
I have 4 pre-made buttons you can use. If you decide to use one of these, right click and save the picture then open animation shop and click open and find your button, then skip down to #6.
![]()
Open animation shop 3 and click on file
Click on new and set width to 88 and height to 31, choose opaque, click OK
Now if you want a border around your button, select the dropper tool the go over to your color pallet, its to the right of your screen and select the color you want your border to be. I'm going to select black.
Now select the line tool, its right beside the A. If you hover over it, it'll say line.
Go to the top left hand corner of your button, hold down the
left mouse click and draw the line over to the top right of the button.
Do this on all 4 sides of your button until it looks something like this.
![]()
Select the A for your text
Click on your button and the Add Text box should pop up.
Choose the font and size of your font and type in whatever words you want on your button. The font needs to be small. I suggest using font size 8 or 9 and selecting a font easy to read such as Arial Narrow. You might get a message saying your font is too large to fit, if you do then make the font smaller either by choosing a smaller font size or a different font.
I'm going to use ENTER as my word. Since enter has 5 letters I'm going to duplicate my button 5 times
Click on the button (first click back on the arrow, its the very first icon) and select Duplicate Selected. Do this till you have all the frames you need. Since I'm doing enter, I'm going to duplicate it till I have 5 frames. It's best to keep duplicating the first frame or its going to start doubling your frames and you'll end up with way more than you need. If you do have more than you need just right click on the last frame and select cut.
OK, you should still have the arrow clicked, if not click on it, over to the right you should see Zoom 1:1 scroll that and select 5:1
Select your dropper tool, it'll say dropper when you hover over it, (its the 6th one over from the left).
Go over to your color pallet and select a different color from what your font it. I'm going to select white.
Click on flood fill, its to the left of A
Now on your first frame, (I have 5 because I did enter, you might have more) select the first letter and color fill it, only the fist letter.
Go to your next frame and color fill the 2nd letter only.
Go to your 3rd frame and color fill you 3rd letter only.
Repeat this until you reach your last frame.
![]()
or if you used one of mine it might look like this
![]()
NOTE: If your color fill doesn't work properly, say it wants to fill more than one letter, then select your brush tool, make sure the width is on 1 or 2 and color in your letters.
|
|