Friday, October 24, 2014

Make Vector Animation

Flash animations blend frames into each other.


"Vector animation" means that an animation is created using vectors rather than pixels. Vector animation allows a neater and smoother animation because the animation is made using a sequence of images. Macromedia's Flash program has for a long time been the preferred program to use for this sort of animation. Today, you can also use Adobe Illustrator or the free program Vector Giotto.


Instructions


Macromedia Flash


1. Open a new document in the Macromedia Flash program. Click "File," "Import" and select your vector. Click "Open." Click on the "Select" tool and drag the vector to the right side of your drawing board.


2. Click frame "41" on the "Timeline." Go to "Insert," "Timeline" and select "Blank Keyframe." Click "File," "Import" and select your vector. Click "Open." Click on the "Select" tool and drag the vector to the left side of your drawing board.


Right-click on the timeline and select "Create Shape Tween."


3. Click "Control," Test Movie" and select "Test" to watch your animation.


Adobe Illustrator


4. Click "File," "Place" and "OK" to insert four images into a new document. Click the "Select" tool and drag the cursor over the images to select them. Align the images on top of each other. Go to "Window" and click "Align." Click the vertical and horizontal icons (the second and sixth) under "Align Objects."


5. Click on the "Blend" tool. A window will pop up, bringing up the "Blend Options" tool.


Click "Specified Steps" under "Spacing." Write "8" for the value box. Click "OK."


Click "Object," "Blend" and "Make" from the tabs at the top of your drawing frame.


6. Go to "File" then "Export." The "Export" window will pop up. Write the name of your animation and select "Flash" from the drop-down menu under "Format." Click "Export." A "SWF Options" window will pop up. Click on "Basic" on the left side. Make sure under "Export As" it says "AI Layers to SWF Frames."


Click the "Advanced" tab and uncheck "Looping." Click "Animate Blends." Click "In Sequence." Click "OK."


7. Click "Web Preview" to open the animation on your web browser.


Vectorian Giotto


8. Open a new document in the free Vectorian Giotto program by pressing "Ctrl" + "N".


Click "File," "Import" and select your vector. Click "Open." Click on the "Select" tool and drag the vector to the left side of your drawing board.


9. Right-click the number "40" on the Timeline and click "Insert Keyframe."


Right-click on the gray frame and select "Create Motion Tween."


10. Click "File," "Import" and select your vector. Click "Open." Click on the "Select" tool and drag the vector to the right side of your drawing board.


Click on the frame number "1" and press "Enter" to watch animation.