1. USING AFTER EFFECT
2D BASIC ANIMATION
Nguyen Tien Thong – 2D Artist
Jingle Bee Studio – VNG Corp.

2. BASIC ANIMATION
ANIMATION
USING AFTER
EFFECT
CONTENTS

3. BASIC
ANIMATION
1. The first to know
2. How to draw it?

4. BASIC ANIMATION
1. The first to know
Tools & Working Process

5. 1. The first to know
BASIC ANIMATION
IN-BETWEEN DRAWING

6. 1 532 4
1 64 52 3
BASIC ANIMATION
ARROW DIRECTION
1. The first to know

7. Basic Animation for Games
2. Explosion
3. Flame
1. Wave
BASIC ANIMATION
2. How to draw it?
4. Walking 5. Running

8. BASIC ANIMATION - Wave
Example
1 32 4 1
1 2 3 4

9. 1
4
2
3
BASIC ANIMATION - Wave

10. 1
4
2
3
BASIC ANIMATION - Wave

11. BASIC ANIMATION - Wave

12. Example
1 32 4 5
1 2 3 4 5
BASIC ANIMATION – Birth & Death

13. BASIC ANIMATION – Birth & Death
1 2 3 4 5

14. BASIC ANIMATION – Birth & Death
1
2
3
4
5

15. BASIC ANIMATION – Birth & Death

16. BASIC ANIMATION – Birth & Death
1 32 4 5 1 32 4 5

17. 1 2 3 4 5
BASIC ANIMATION – Birth & Death
1
2
3
4
5

18. Example
1 2 3 4
1 32 4 1
BASIC ANIMATION – Flame

19. 1 3LEFT RIGHT
BASIC ANIMATION – Flame

20. 1 32
2
BASIC ANIMATION – Flame

21. 1 32
2
4
4
BASIC ANIMATION – Flame

22. 1
3
2
4
1
3
2
4
1
3
2
4
1
2
3
4
BASIC ANIMATION – Flame

23. Color + Effect
1 2 3 4
BASIC ANIMATION – Flame

24. BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8

25. BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8

26. BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8

27. BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8

28. BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8

29. BASIC ANIMATION – Walking

30. BASIC ANIMATION – Running
1 2 3 4 5 6

31. BASIC ANIMATION – Running
1 2 3 4 5 6

32. BASIC ANIMATION – Running
1 2 3 4 5 6

33. BASIC ANIMATION – Running
1 2 3 4 5 6

34. BASIC ANIMATION – Running

35. ANIMATION USING
AFTER EFFECT

36. ANIMATION USING AFTER EFFECT - Comparison
167x235 /38.9KB1658x940/266KB
FRAME BY FRAME AFTER EFFECT

37. ANIMATION USING AFTER EFFECT - Demo

42. SUMMARY