This tutorial shows how to use 9VAe : Free SVG/GIF Animation editor for beginners.


User Interface

Here is an overview of the 9VAe interface.


  1. Tool Box
  2. Editing Tool
  3. Play / Stop button
  4. Page Bar
  5. Palette(Color, Width, Line types...)
  6. Input button (Animation / Sound / Photo)
  7. Clip memory (Copy / Cut / Paste / Animecast)
  8. Time Control Panel (Time curve, Layer)

1.Tool Box

  • Contains Tools for selecting or drawing objects.
  • The buttons on the left side are the buttons to draw shapes with fill.
  • The buttons on the right side are the buttons to draw shapes without fill.
  • The top large button is the button to select objects.
  • 'A' is the button to draw a text.

2. Editing Tool

Here are buttons as follows from top to bottom.

  • Edit anchor points of selected shapes (only move / move, add or delete points)
  • Change Stacking order of selected objects(Raise / Lower )
  • Delete selected objects or selected anchor points
  • Copy selected objects to the previous page / copy to the next page
  • Undo or Redo (+Shift Key)

3. Play / Stop button

Play animation / Stop animation.

4. Page Bar

  • 9VAe's Page is a keyframe of the animation.
  • The pages can be added by clicking '+' button on the right side of the end page. > Click 'Add Next page' on the menu.
  • Each page has time duration in seconds. You can change the value by clicking on it.
  • You can select multiple pages by clicking the page number.
  • In-Between page,Background page,Blank page and clipped page can be added by clicking between pages.

5. Palette(Color, Width, Line types...)

  • Click each buttons to set Fill Color,Stroke Color,Stroke Width,Line Type,Arrow Type... You can change objects color after selecting them.
  • Click the upper tabs to change the palette to Text Color palette and Input Figures palette.

6. Input button (Animation / Sound / Photo)

  • Input 9VAe animation file. Tne animation will appear on the current page. It is similar to 'movie clip'. The animation object is caled AnimeCast in 9VAe.
  • Input Sound, Music file. The sound or the music will start playing on the current page.
  • Input Photo image file. Tne image will appear on the current page.

7. Clip memory (Copy / Cut / Paste / Animecast)

  • Copy selected objects.
  • Cut selected objects.
  • Paste the clipped objects. Use Paste to the Stage normally. Use Duplicate, if you want to make multiple objects.
  • Make AnimeCast from clipped objects.
  • The objects in multiple pages can be clipped.

8. Time Control Panel (Time curve, Layer)

  • Click '+' to register selected objects to the box in the Time Control Panel.
  • Time curve can be added to the registered objects by clicking them.
  • Registered objects can be set as visible/hidden or selectable/unselectable by clicking them.
  • The right bottom 'Circle button' can reset the visible and selectable setting.

Final Words

This article explained overview of 9VAe. The interface is very simple because 9VAe doesn't have Timeline.

The next article '9VAe Beginner Tutorial 1' shows how to create a quick example animation.

Related article

9VAe Introduction

  1. 9VAe Free SVG/GIF Animation editor: Introduction
  2. 9VAe Download and Install

9VAe Beginner Tutorials

  1. 9VAe Beginner Tutorial 0 - Overview
  2. 9VAe Beginner Tutorial 1 - Input, Select, Move, Resize...
  3. 9VAe Beginner Tutorial 2 - AnimeCast, Time
  4. 9VAe Beginner Tutorial 3 - Edit AnimeCast, Loop
  5. 9VAe Beginner Tutorial 4 - Time Curve, Copy Pages, GIF
  6. How to make a long animation with 9VAe

9VAe Next Step Tutorials

  1. How to make APNG from SVG for LINE animated Stickers?
  2. Make Barrel Fish animation from Openclipart SVG
  3. Six steps to make SVG Animation from Openclipart
  4. How to make Animated GIF from Openclipart?

9VAe Animation Examples

  1. 9VAe's GIF/SVG Animation examples in Openclipart

9VAe Technical Information

  1. Export Animated GIF in 9VAe