9VAe Beginner Tutorial 4 - Time Curve, Copy Pages, GIF
Tags: video, svg, 9vae, movie
Published: 2021-08-15 11:46:10

---
title: 9VAe Beginner Tutorial 4 - Time Curve, Copy Pages, GIF
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 3"](https://dev.to/dnjiro/9vae-beginner-tutorial-3-1g3i). This tutorial describes 'Time Curve' and 'Copy Page'.

![How to make Tutorial 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b0z6pahv8kyaffqvo1mn.gif)

## Time Curve, Copy Pages

![Result of  tutorial 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/njhxf9ato4nc2u084aix.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 learn how to add complex movement to the animation by using 'Time Curve' , and the make the animation repeating smoothly by copying pages.

The steps we'll take are:

1. Jump to the third page of the parent animation.
2. Select AnimeCast.
3. Register the AnimeCast to the Time Control Box .
4. Add 'Random Time Curve' to the AnimeCast.
5. Click [Play] button to see the animation.
6. Make the fifth page by copying the second page.
7. Make the sixth page by copying the first page.
8. Change the time duration of the fifth page to 1 sec.
9. Change the time duration of the fourth page to 0 sec.
10. Click [Play] button to see the animation.
11. Export animated GIF.

## 1. Add 'Time Curve'

![ Add 'Time Curve'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/59aimzwbrco8xwwgftrk.png)

1. Click the third page (A) shown above. Now the third page will appear.
2. Click the AnimeCast (B) and select it.
3. Click [+] button of the Time Control panel (C). Now the AnimeCast will be registered to the box (D).
4. Click on the registered box (D) > Click 'Random Time Curve'. Now the Random Time Curve will appear as follows.
5. Click [Play] button(F) to see the animation.

![Add 'Time Curve'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lbs4jcvkub64q44ouxty.png)

- Time Curve (E)is a time vs. progress graph. The horizontal axis represents time, the left side is the current page and the right side is the next page. The vertical axis represents progress , the bottom is the current page and the top is the next page. You can drag and move the points on the graph freely.

Click [Play] button (F) to see the animation after changing the shape of the graph.

## 2. Copy pages

Let's make the animation repeating smoothly by copying pages.

1. Click the second page number (G) shown above. > Click 'Copy Page'. Now the second page will be copied to the Clip memory.
2. Click [+] button on the right side of the end page(H). > Click 'Add Clip Page'. Now the second page will be copied to the fifth page.
3. Click the first page number (I). > Click 'Copy Page'. Now the first page will be copied to the Clip memory.
4. Click [+] button on the right side of the end page(H). > Click 'Add Clip Page'. Now the first page will be copied to the sixth page.

## 3. Adjust time duration

![Adjust time duration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hxo7ns8z68c7ubr9k4b0.png)

1. Click the time duration of the fifth page(A). > Click '+1 second' to change the duration to 1 sec.
2. Click the time duration of the fourth page(B). > Click '-1 second' to change the duration to 0 sec.
3. Click [Play] button (C) to see the animation. Try to adjust the time duration and the shape of the 'Time Curve' on the third page if you want.

## 4. Make animated GIF

Let's export an animated GIF.

1. Click [File] on the menu bar > Click 'Animated GIF Export'.
2. Enter the name of GIF file. Click [Save]. Now the GIF setting panel will appear. Input setting as follows and click [OK] button.

- Picture Size : You can change the GIF picture size here.
- Frame/sec : You can define frames per second here.
- Time Length : Input time duration as 1 second.
- Transparent GIF : Check here, if you want transparent GIF.
- Smoothing : Don't check here, if you want transparent GIF.

## Final Words

This is the final article of '9VAe Beginner Tutorials'. The basic operation of 9VAe were explained such as Input figures, Resize, Move, Change shape, AnimeCast. Adjust time duration, Time Curve, Copy pages... You can [redo this tutorial again from here](https://dev.to/dnjiro/9vae-beginner-tutorial-1-12hb).


Please enjoy making animation by using 9VAe.

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