9VAe Beginner Tutorial 3 - Edit AnimeCast, Loop
Tags: video, svg, 9vae, movie
Published: 2021-08-15 11:22:30

---
title: 9VAe Beginner Tutorial 3 - Edit AnimeCast, Loop
published: true
description: 
tags: video, svg, 9vae, movie
//cover_image: https://direct_url_to_image.jpg
---

This tutorial is a continuation of the tutorial [" 9VAe Beginner Tutorial 2"](https://dev.to/dnjiro/9vae-beginner-tutorial-2-2nj2). This tutorial shows how to edit the objects inside AnimeCast.

![How to make tutorial 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9b4asz1q20x5jmjk809w.gif)

## Edit AnimeCast

![Result of tutorial 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4bprazdcy9j7y7e4nc2.gif)

This tutorial is a continuation. It may be better to get started with ["9VAe Beginner Tutorial 1"](https://dev.to/dnjiro/9vae-beginner-tutorial-1-12hb).

Now, let's make the animation that the red circle change the shape to a triangle and the blue circle change the shape to a square.

The steps we'll take are:

1. Open the content of the AnimeCast.
2. Add the second page.
3. Change the shape of the red circle to a triangle.
4. Change the shape of the blue circle to a square.
5. Add 'TURN' command to the first page.
6. Change the time duration of the first page to 0.5 sec.
7. Return to the parent animation from AnimeCast.
8. Click [Play] button to see the animation.


## 1. Open content of AnimeCast

![Open content of AnimeCast](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dl1rvqx9y8xghz3de6ab.png)

1. Click on the bold text file name (A). Now the list of AnimeCasts will appear. You will see the name of AnimeCast inputted in '9VAe Beginner Tutorial 3'.
2. Click the name of the AnimeCast. Now the content of the AnimeCast will appear as follows.

![Open content of AnimeCast](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/js3pvrslolaav9gxmgaw.png)

You can change the AnimeCast's name by clicking it (D).

## 2. Change shape

1. Click the [+] button at the end of the page bar (A) > Click 'Add Next Page'. Now the second page will appear in the page bar.
2. Drag a rectangle around the red and blue (B1 to B2) to select them.
3. Click on the [Edit points] button (C). > The Control points of circles will appear as follows.<br>![Change shape](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1907o60aqqzalwdmqy0.png)
4. Move the control points of the red circle to the points E1, E2 or E3 to make triangle shown above. Of course, you can drag the points. But try to click the point and move mouse after that. Move the point and hit Ctrl key then the point will move to the nearest point. You can make triangle precisely.
5. Move the control points of the blue circle to the points F1, F2, F3 or F4 to make square shown above.

- Click [Play] button. You will see the animation as the conrol points on the first page will move to the control points on the second page.
- You can align the points by using Alt key + Arrow Key(Upper/ Lower/ Right/ Left). Select multiple points and hit Alt key + Arrow Key then you can make vertical line or horizontal line.

![Change shape](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwziljzxfp8354w6fsvb.png)

## 3. Add 'Turn' Command

1. Click the first page (A) shown above. Now the first page will appear.
2. Click the left upper side of the first page(B). > The menu including 'Turn', 'Repeat', 'Pause button'... will appear.
3. Click 'Turn'. Now the Turn command will appear.
4. Click the time duration of the first page(C). > Click '-0.1 second' five times to change the duration to 0.5 sec.
5. Click [Play] button (D) to see the animation. Click the right hand side [Stop] button to stop the animation.

- When you click the left upper side of the page, the two types of menu will appear. When you click the left upper side of the current page, the play control menu including 'Turn', 'Repeat', 'Pause button'... will appear. When you click the left upper side of the other pages, the menu including label lists will appear.
- Remember 'Turn' command should be inputted on the first page of the loop.

## 4. Return to parent

![Return to parent](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4irxym1xqy4z82kvovyv.png)

1. Click on the bold file name (A) > Click 'Return' on the menu. Now the parent animation will appear.
2. Click [Play] button(B) to see the animation.

## 5. Adjust animation

1. Now you became to be able to edit the AnimeCast by clicking the bold file name (A).
2. Adjust animation so that the red ball and the blue ball are jumping and changing the shape to triangle or square.

## Final Words

This article explained how to edit AnimeCast. AnimeCast is very powerful function to make complex animation. You can input some AnimeCasts into the other AnimeCast hierarchically.

The next article ['9VAe Beginner Tutorial 4'](https://dev.to/dnjiro/9vae-beginner-tutorial-4-1c7k) describes 'Time Curve' and 'Copy Page'.

---
## Related article

### 9VAe Introduction

1. [9VAe Free SVG/GIF Animation editor: Introduction](https://dev.to/dnjiro/free-svg-gif-apng-animation-editor-9vae-36md)
2. [9VAe Download and Install](https://9vaelab.blogspot.com/p/blog-page.html)
3. [9VAe's Frequently Asked Questions](http://codepen.io/danjiro/post/9vae-faq)

### 9VAe Beginner Tutorials
1. [9VAe Beginner Tutorial 0 - Overview ](https://dev.to/dnjiro/9vae-beginner-tutorial-0-overview-5h4c)
2. [9VAe Beginner Tutorial 1 - Input, Select, Move, Resize...](https://dev.to/dnjiro/9vae-beginner-tutorial-1-12hb)
3. [9VAe Beginner Tutorial 2 - AnimeCast, Time](https://dev.to/dnjiro/9vae-beginner-tutorial-2-2nj2)
4. [9VAe Beginner Tutorial 3 - Edit AnimeCast, Loop](https://dev.to/dnjiro/9vae-beginner-tutorial-3-1g3i)
5. [9VAe Beginner Tutorial 4 - Time Curve, Copy Pages, GIF](https://dev.to/dnjiro/9vae-beginner-tutorial-4-1c7k)
6. [How to make a great short video from 5 pictures](https://dnjiro.medium.com/how-to-make-a-great-short-video-from-5-pictures-free-software-9vae-a5337552aee3)