Post on 13-May-2015
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