DEV Community

Danjiro Daiwa
Danjiro Daiwa

Posted on • Edited on

9VAe Beginner Tutorial 0 - Overview

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

User Interface

Here is an overview of the 9VAe interface.

9VAe screen

Item Explanation
1. Tool Box Select, Left side is filled shape, Right side is unfilled shape, Text
2. Editing Tool Point selection, Stacking order, Delete, Copy to previous / next page, Undo
3. Play / Stop Play / Stop
4. Page Bar Add a next page. Interpolate between pages
5. Palette 1. Fill Color, Line Color, Width, Line types..., 2. Text Color..., 3. Stamp
6. Input button Animation / Sound / Photo
7. Clip memory Copy / Cut / Paste / Animecast
8. Time Control / Layer Register and attach a motion graph. Fix, Hide, Select

1.Tool Box

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.

Editing Tool

  • 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 / Stop

Play animation / Stop animation.

4. Page Bar

Page Bar

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

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

Palette

  • A: 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 B: Text Color palette and C: Input Figures palette.

6. Input button (Animation / Sound / Photo)

Input button

  • 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)

Clip memory

  • 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)

Time Control Panel

  • 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.

9. Select frame handle menu

Select frame handle menu

  • A: Click the corner handle of the selection frame (A in the above figure) to resize or rotate objects.
  • B: Click the handle on the side of the selection frame (B in the above figure), you can bend, transform the perspective, invert, etc.
  • C: Click the center handle "+" of the selection frame. Various menu for each object will appear.

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
  3. 9VAe's Frequently Asked Questions

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 great short video from 5 pictures

Top comments (0)