USING AFTER EFFECT

2D BASIC ANIMATION

Nguyen Tien Thong – 2D Artist Jingle Bee Studio – VNG Corp.

BASIC ANIMATION

ANIMATION

USING AFTER EFFECT

CONTENTS

BASIC

ANIMATION

1. The first to know 2. How to draw it?

BASIC ANIMATION 1. The first to know

Tools & Working Process

1. The first to know BASIC ANIMATION

IN-BETWEEN DRAWING

1 5 3 2 4

1 6 4 5 2 3

BASIC ANIMATION

ARROW DIRECTION

1. The first to know

Basic Animation for Games

2. Explosion 3. Flame

1. Wave

BASIC ANIMATION 2. How to draw it?

4. Walking 5. Running

BASIC ANIMATION - Wave

Example

1 3 2 4 1

1 2 3 4

1

4

2

3

BASIC ANIMATION - Wave

1

4

2

3

BASIC ANIMATION - Wave

BASIC ANIMATION - Wave

Example

1 3 2 4 5

1 2 3 4 5

BASIC ANIMATION – Birth & Death

BASIC ANIMATION – Birth & Death

1 2 3 4 5

BASIC ANIMATION – Birth & Death

1

2

3

4

5

BASIC ANIMATION – Birth & Death

BASIC ANIMATION – Birth & Death

1 3 2 4 5 1 3 2 4 5

1 2 3 4 5

BASIC ANIMATION – Birth & Death

1

2

3

4 5

Example

1 2 3 4

1 3 2 4 1

BASIC ANIMATION – Flame

1 3 LEFT RIGHT

BASIC ANIMATION – Flame

1 3 2

2

BASIC ANIMATION – Flame

1 3 2

2

4

4

BASIC ANIMATION – Flame

1

3

2

4

1

3

2

4

1

3

2

4

1

2

3

4

BASIC ANIMATION – Flame

Color + Effect

1 2 3 4

BASIC ANIMATION – Flame

BASIC ANIMATION – Walking

1 2 3 4 5 6 7 8

BASIC ANIMATION – Walking

1 2 3 4 5 6 7 8

BASIC ANIMATION – Walking

1 2 3 4 5 6 7 8

BASIC ANIMATION – Walking

1 2 3 4 5 6 7 8

BASIC ANIMATION – Walking

1 2 3 4 5 6 7 8

BASIC ANIMATION – Walking

BASIC ANIMATION – Running

1 2 3 4 5 6

BASIC ANIMATION – Running

1 2 3 4 5 6

BASIC ANIMATION – Running

1 2 3 4 5 6

BASIC ANIMATION – Running

1 2 3 4 5 6

BASIC ANIMATION – Running

ANIMATION USING

AFTER EFFECT

ANIMATION USING AFTER EFFECT - Comparison

167x235 /38.9KB 1658x940/266KB

FRAME BY FRAME AFTER EFFECT

ANIMATION USING AFTER EFFECT - Demo

SUMMARY