The Xara Xone Tutorials Xara Xone Xara Tutorials  Page 3
0   1   2   3   4   5   6   7   8   9   10   11   12   Download Zipped Tutorial

THE XARA XONE | XARA.COM | THE XARA CONFERENCES

The Flash Animation

Xara Xone - Xtreme Pro Flash animation tutorial

Press the Create New Animation icon. If you need more help with Flash or GIF animations press the appropriate button. Xara opens an animation window. You can also press F1 at any time for context sensitive help.

 

Xara Xone - Xtreme Pro Flash animation tutorial

Create a rectangle for the animation background. Using the Fill Tool (F5), apply a pale yellow and white Linear fill.

Press the Animation Properties icon on the Infobar. Check the Background check box and set the Display This Frame For: time to 0. Press Apply to apply the change.

 

Xara Xone - Xtreme Pro Flash animation tutorial

Press the New Frame icon. This creates a new blank frame.

Assemble the face objects. Then bring the box and lid to the front (Ctrl f) and place all the objects on the bottom portion of the frame over the face.

    NOTE: I have left the background fill out of the illustrations. (To be honest, I added the Background after I created the animation). In fact, the background will appear in each new frame you create.

 

Xara Xone - Xtreme Pro Flash animation tutorial

Press the Copy Frame icon. While it may seem like nothing has happened, Xtreme Pro has silently and without fanfare created an exact duplicate of the last frame. Using the Selector Tool (the arrow pointer), drag a selection rectangle (a marquee) around the box top and box bottom and the face objects. Hold down the Shift key and click on the box bottom to deselect it. Using the up arrow key, click several times until the eyes appear. Move the black pupils to the left and bring the eyebrows down over the top of the eyes. Rotate the box top a little. (Double click on the box top to enable rotate/skew mode and drag any of the corner rounded arrows to free rotate).

    NOTE: Just about every frame in this animation will start with a copy of the previous frame and then we will make changes in the new frame. So if the step shows the Copy Frame icon, then press Copy Frame to create the next step.

 

Xara Xone - Xtreme Pro Flash animation tutorial

Move the black pupils to the right and rotate the box top in the other direction a small amount.

 

Xara Xone - Xtreme Pro Flash animation tutorial

Move the lid and face down behind the box.

Add the arms and send them to the back in the positions shown in black dashed outline above. The arms will appear in the next two frames and will appear from behind the box.

Press the Preview Flash Animation in Browser icon to see the animation so far. You will want to do this frequently to see how things are working out. Don't worry about the frame display times, we'll adjust those times later.

 

NEXT PAGE >

 

LAST PAGE   1   2   3   4   5   6   7   8   9   10   11   12     NEXT PAGE