ogdc 2014_2d animation using after effect for mobile game_mr. nguyen tien thong
TRANSCRIPT
![Page 1: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/1.jpg)
USING AFTER EFFECT
2D BASIC ANIMATION
Nguyen Tien Thong – 2D Artist Jingle Bee Studio – VNG Corp.
![Page 2: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/2.jpg)
BASIC ANIMATION
ANIMATION
USING AFTER EFFECT
CONTENTS
![Page 3: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/3.jpg)
BASIC
ANIMATION
1. The first to know 2. How to draw it?
![Page 4: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/4.jpg)
BASIC ANIMATION 1. The first to know
Tools & Working Process
![Page 5: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/5.jpg)
1. The first to know BASIC ANIMATION
IN-BETWEEN DRAWING
![Page 6: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/6.jpg)
1 5 3 2 4
1 6 4 5 2 3
BASIC ANIMATION
ARROW DIRECTION
1. The first to know
![Page 7: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/7.jpg)
Basic Animation for Games
2. Explosion 3. Flame
1. Wave
BASIC ANIMATION 2. How to draw it?
4. Walking 5. Running
![Page 8: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/8.jpg)
BASIC ANIMATION - Wave
Example
1 3 2 4 1
1 2 3 4
![Page 9: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/9.jpg)
1
4
2
3
BASIC ANIMATION - Wave
![Page 10: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/10.jpg)
1
4
2
3
BASIC ANIMATION - Wave
![Page 11: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/11.jpg)
BASIC ANIMATION - Wave
![Page 12: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/12.jpg)
Example
1 3 2 4 5
1 2 3 4 5
BASIC ANIMATION – Birth & Death
![Page 13: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/13.jpg)
BASIC ANIMATION – Birth & Death
1 2 3 4 5
![Page 14: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/14.jpg)
BASIC ANIMATION – Birth & Death
1
2
3
4
5
![Page 15: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/15.jpg)
BASIC ANIMATION – Birth & Death
![Page 16: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/16.jpg)
BASIC ANIMATION – Birth & Death
1 3 2 4 5 1 3 2 4 5
![Page 17: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/17.jpg)
1 2 3 4 5
BASIC ANIMATION – Birth & Death
1
2
3
4 5
![Page 18: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/18.jpg)
Example
1 2 3 4
1 3 2 4 1
BASIC ANIMATION – Flame
![Page 19: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/19.jpg)
1 3 LEFT RIGHT
BASIC ANIMATION – Flame
![Page 20: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/20.jpg)
1 3 2
2
BASIC ANIMATION – Flame
![Page 21: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/21.jpg)
1 3 2
2
4
4
BASIC ANIMATION – Flame
![Page 22: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/22.jpg)
1
3
2
4
1
3
2
4
1
3
2
4
1
2
3
4
BASIC ANIMATION – Flame
![Page 23: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/23.jpg)
Color + Effect
1 2 3 4
BASIC ANIMATION – Flame
![Page 24: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/24.jpg)
BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8
![Page 25: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/25.jpg)
BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8
![Page 26: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/26.jpg)
BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8
![Page 27: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/27.jpg)
BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8
![Page 28: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/28.jpg)
BASIC ANIMATION – Walking
1 2 3 4 5 6 7 8
![Page 29: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/29.jpg)
BASIC ANIMATION – Walking
![Page 30: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/30.jpg)
BASIC ANIMATION – Running
1 2 3 4 5 6
![Page 31: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/31.jpg)
BASIC ANIMATION – Running
1 2 3 4 5 6
![Page 32: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/32.jpg)
BASIC ANIMATION – Running
1 2 3 4 5 6
![Page 33: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/33.jpg)
BASIC ANIMATION – Running
1 2 3 4 5 6
![Page 34: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/34.jpg)
BASIC ANIMATION – Running
![Page 35: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/35.jpg)
ANIMATION USING
AFTER EFFECT
![Page 36: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/36.jpg)
ANIMATION USING AFTER EFFECT - Comparison
167x235 /38.9KB 1658x940/266KB
FRAME BY FRAME AFTER EFFECT
![Page 37: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/37.jpg)
ANIMATION USING AFTER EFFECT - Demo
![Page 38: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/38.jpg)
![Page 39: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/39.jpg)
![Page 40: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/40.jpg)
![Page 41: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/41.jpg)
![Page 42: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/42.jpg)
SUMMARY
![Page 43: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/43.jpg)
![Page 44: OGDC 2014_2D Animation using After Effect for mobile game_Mr. Nguyen Tien Thong](https://reader034.vdocuments.mx/reader034/viewer/2022042814/5552a081b4c905e8128b524f/html5/thumbnails/44.jpg)