In this video tutorial we shall create some animated text of the classic words “Hello World”. Watch the video and repeat the steps, pausing the video when you need to.
The steps are very simple.
To change the background colour, open the ‘Appearance’ menu and choose ‘Background colour’.
To add the animated text go to the ‘Quick’ menu and choose ‘Title Text”. Type the words in you want. (In this case “Hello World”). Adjust the parameters until you like what you see in the preview window. Click OK to add it to the page.
Use the blue cursor to move the text into the right place and the resize tool to make the text the right size.
Awesome Animator is now go! We have uploaded Awesome Animator to the website so you can download it and use it free for 2 weeks! We are confident you will love this software and wonder how you used your computer without it all this time. We love to hear about people using Awesome Animator, so whether you decide to purchase the software after the two week trial or not send us your comments. Either post them here or email us. Contact details are on our website at awesomeanimator.com. Also, we will be updating our main website shortly so if you have some ideas of things you would like to see let us know.
In this tutorial you will create a crazy effect which is made out of many colourful lines. This is an example of an effect where it is far easy for it to be done in scripting than by doing it by hand.
Go to the first frame and from the animation menu choose ‘Add new frames’ and add 2 frames.
Go to the first frame and from the actions menu choose ‘Frame Action’. The script window will open and you can type in what’s indicated in bold:
// Set some variables to hold the width and height
// Clear the screen
// Now we will draw 50 lines
// Store some properties in some variables
linewidth = Math.random()*10
linecolor = Math.random()*256*256*256
opacity = 100
// Actually draw the line
The lines preceded by // are comments and are not strictly necessary but are simply there to remind you what different lines of the script do. The function Math.random() gives a number between 0 and 1 so to give a number between say 0 and 100 this number is just multiplied by 100.
Close the script window and go to frame 2. In frame two add a new frame action and type in (or use the quick action menu):
You should end up with this delightful animation:
This tutorial will show you how to make a character with linked bones.
Showing all the linked bones
Draw each of the separate parts of your character. You should have head, body, arms and legs. Group your shapes as necessary so they are single shapes.
Move the pivot points of each of your shapes so that the pivot point is at the top joint where it will rotate.
Select each shape and pin it to it’s parent shape. Pin the hands to the arms, the feet to the legs, the arms, legs and head to the body. Here’s how I remember it: The foot bone’s connected to the leg bone, the leg bones connected to the thigh bone, the thigh bones connected to the hip bone. Dem bones, dem bones, dem dry bones!
Once you have connected all the bones together into a skelton, all the limbs will be connected and when you rotate the arm bone, for example, the hand bone will stay connected to it. So now arrange your skeleton into the position for your first frame.
Move to another frame (remember: 24 frames a second is the default). Now move your skeleton into a new position. The bones will move smoothly from the last frame that it was moved. If you want it to start from a different frame, you will have to create a keyframe on that frame.
Now preview your animation in your web browser.
Step 7, 8, 9….
There’s no point in a character without a story, so think one up! “In a dark dark town, in a dark dark street, in a dark dark house, some skeltons lived…”
This animation is made from three main parts. The background, the body and the legs. The way this was made was first I drew a sketch of this character and imported ths sketch into the program. Then I used the bezier pen tool to draw around the sketch to create nice curves.
Draw a sketch of your characters on paper and scan them in. (You don’t have to do this, but some people find it easier to work this way.) Next use the bezier pen tool to draw around the different coloured areas of the sketch. A useful tip is to set your sketch semi-transparent so you can overlay it over the parts you’ve done. Use the layer menu to swap the layers around.
After you’ve finished one part, for example the body, select everything and group it into its own movieclip.
Once you’ve got your main parts of the animation arange them how you want them for Frame 1. Move the pivot points of parts into the correct places. These are the points that your parts will rotate around.
Move to frame 8 (the animation is initially set for 24 frames per second) and rotate your parts into the new positions.
Move to frame 15 and rotate your parts back near to the original positions.
Now preview your animation in your web browser.
Step 7, 8, 9….
Now let your creativity go wild. How about adding music? What about background animations. Text?
The whole animation saves as a Flash (SWF) file as just 7kb.
This short lesson tells you how to do one of the simple tricks in animating and that is to rotate a shape through 360 degrees. The first thing to do is to draw a cog. Select the cog tool from the tool menu. Hold down shift when you click and drag to draw the cog in order to draw a circular cog. Right click the cog and group it as a MovieClip.
Next in the layout menu, open the tile wizard and type in 3 rows and 3 columns.
Select every other cog in the grid and flip it horizontally using the transform menu.
Double click on one of the cogs. Click on frame 60. In the animation menu select “Make this the last frame”.
Left click on the last frame and from the animation menu (or right click the frame) choose “Set as keyframe”
Select a middle frame. Right click it and choose Create Tween.
Select a frame on the ‘tween’. In the animation menu choose Tween Properties. And put the number 1 for number of full turns.
In this post we shall see how to change the position of an object by pressing a button. This gives you a basic idea of how interactions work.
First create you button! You can do this with the quick button wizard from the quick menu.
Create the object that you will be moving. In our example it could be just a circle. Select the object(s) and group them as a MovieClip. Now in the frame panel choose a reference name for this movieclip for example myellipse.
With the button selected, choose the menu item: Actions>>Button Events…>>on Press… This will open the action window.
Now we get to the scripting part. Say we want to move myellipse to the position 200 across and 300 down. We write:
myellipse._x = 200
myellipse._y = 300
Or more interestingly if we wanted to move myellipse 10 pixels to the right and 15 pixels down we would write instead:
myellipse._x += 10
myellipse._y += 15
Export your animation as a SWF. All going well it should look like this:
We are putting the finishing touches to Awesome Animator, the animation software for your PC, laptop or netbook for creating most excellent animations.
What kind of animations can you make? You can make:
- Flash animations to tun on your desktop or on a website
- Canvas animations which will work on iPad and iPhone supporting HTML5
- Video animations to post on to YouTube
You can also create vector artwork which can be exported in SVG, Silverlight and some other vector formats.