Introduction to Animation and its Thought Process Understanding the animation process

1. INTRODUCTION TO ANIMATION
& ITS THOUGHT PROCESS
By Jose Trillanes

2. Animation - Definition
“Animation is not the art of drawings that move but the art of movements that are
drawn; what happens between each frame is much more important than what exists
on each frame; animation is therefore the art of manipulating the invisible interstices
that lie between the frames.
Norman McLaren

3. Animation - Definition
Paus de Deux - 1968

4. Animation
Types & Examples

5. Animation – Types & Examples
2D
Klaus, 2019 – Sergio Pablos, Aniventure
Commonly known as traditional animation. It is
animation whether be hand drawn or digital, it
concentrates in giving the illusion of perspective
in a bi dimensional space (2 dimensions).

6. Animation – Types & Examples
3D
How to train your Dragon: Hidden World, 2019 -
DreamWorks Animation
It is a type of animation created using digital
tools, it concentrates in creating complete works
in a simulated tri dimensional space or world (3
dimensions).

7. Animation – Types & Examples
Stop Motion
Coraline, 2009 – Laika Studios
It is a type of animation created by taking a series
of photographs of specialized hand-crafted
puppets and world by slightly changing their
positions between each photograph.

8. Animation – Types & Examples
VFX
Detective Pikachu, 2019 – Warner Bros.
It is a type of animation in which elements
created using digital tools are seamlessly
integrated to a feature live action film.

9. Animation – Types & Examples
Video Game
Resident Evil 2, 2019 – Capcom
It is a type of animation, it can be either 2D, 3D or
a mixture of both. By using a mixture of digital
tools to create digital “assets” to apply in
specialized tools in order to create interactions
with its intended users.

10. Animation – Types & Examples
Experimental
Chit Chat, 2000’s - Don Hertzfeldt
It is a type of animation, using a mixture of media
or objects to create a unique experience to the
intended audience.

11. Animation
Production Process

12. Animation – Production Process
Pre-Production
Production
Post-Production

13. Animation – Production Process
Voice Records
Sound Design
Creative
Research
Character
Design
Tech Research
T.D Rigging
Story
Storyboard
Foley Score Mix
Final Design
Light, Texture,
Color
Layout,
Pose Reel
Animation Reel
Advance
Rigging
Refine Technical
direction
Compositing
Final Render
Final
Cut
Pre-production
Production
Post-production

14. Animation – Pipeline Analogy
1. Recipe – Preproduction
2. Bread/Filling/Baking –
Production
3. Frosting/Decoration -
Postproduction

15. Animation – Pre-production
Software/Tools

16. Animation – Production
Software/Tools
2D 3D
Videogame

17. Animation – Post-production
Software/Tools

18. Animation
Thought Process

19. Animation – Thought Process
July 6, 2017 In Brands, Ideas, Provoke Weekly, Tech By Dieste
Creative and
Artistic Thinking
Critical Thinking

20. Thought Process – Artistic Thinking
Creative thinking means looking at something in a
new way. It is the very definition of “thinking
outside the box.” Often, creativity in this sense
involves what is called lateral thinking, or the
ability to perceive patterns that are not obvious.

21. Thought Process – Artistic Thinking
Jackson Pollock – Autumn Rhythm

22. Thought Process – Critical Thinking
The objective analysis and
evaluation of an issue in
order to form a judgment.

23. Thought Process – Critical Thinking
Who
What
Where
When
Why
How
Critical Thinking
5 W's + 1 H
6 Questions

24. Thought Process – Critical Thinking
Who
What
Where
When
Why
How
...benefits from this?
...is this harmful to?
...makes decisions about this?
...is the most directed affected?
...the strengths and witnesses?
...is another perspective?
...is another alternative?
…would be a counter-argument?
...would see this in the real world?
..there are concepts/situations?
…is the most need for this?
…in the world this be a problem?
...is this acceptable/unacceptable?
…would this benefit our society?
…would this cause a problem?
…is the best time to take an action?
...is this a problem/challenge?
…is it relevant to me/ others ?
…is this the best/worst scenario?
…are people influenced by this?
...is this similar to_______?
…does this disrupt things?
…do we know the true about this?
…we will approach the safety?
Base questionsMain questions

25. Thought Process – Critical Thinking
Batman
DC Comics

26. Thought Process – Critical Thinking
Who
What
Where
When
Why
How
… is Batman?
… is Bruce Wayne?
… does Bruce Wayne do?
… does Batman do?
… was he born?
… was he educated?
… was he trained?
… is his hideout?
… did he live?
… was he born?
… was the moments that marked him?
… did he become batman?
… he is batman?
Base questionsMain questions

27. Animation – Mixture of thinking
July 6, 2017 In Brands, Ideas, Provoke Weekly, Tech By Dieste
Pre-
Production
Post-
Production
Production
Critical Thinking
Pre-
Production
Post-
Production
Production
Creative and
Artistic Thinking
Animated
final product

28. What are we?

29. Storytellers

30. Storytellers

31. Storyteller / Animation – Field work

32. Conclusion
• Learn to observe the world differently.
• Details take a new whole meaning.
• Perfection is in the imperfection.
• Every artistic decision has true meaning.
• Every story there is more than meets the eye.

33. Conclusion
People who get into animation tend to
be kids. We don’t have to grow up. But
also, animators are great observers, and
there’s this childlike wonder and
interest in the world, the observation of
little things that happen in life.
- John Lasseter

34. References
Williams, Richard (2012), The Animator's Survival Kit, Expanded Edition: A Manual of Methods, Principles and Formulas for Class.
Blair, Preston (1994), The Illusion of Life: Disney Animation.
Paus de Deux 1968 [Online image]. https://www.nfb.ca/film/pas_de_deux_en/
Pablos, S. (2019), Klaus 2019 [Online image]. https://www.thespastudios.com/
DreamWorks Animation (2019). How to train your Dragon: Hidden World, 2019 [Online image].
https://www.dreamworks.com/movies/how-to-train-your-dragon-the-hidden-world
Laika Studios (2009), Coraline, 2009 [Online image]. https://www.laika.com/our-films/coraline
Warner Bros. (2019), Detective Pikachu, 2019 [Online image]. https://www.warnerbros.com/movies/pokemon-detective-
pikachu/

35. References
Capcom (2019), Resident Evil 2, 2019 [Online image]. http://www.residentevil2.com/
Don Hertzfeldt, Chit Chat, 2000’s [Online image]. https://board.sonicstadium.org/topic/15288-the-work-of-don-hertzfeldt/
Jackson Pollock, Autumn Rhythm [Online image]. https://www.metmuseum.org/art/collection/search/488978
Animation production pipeline chart [Online image].
https://www.pinterest.co.uk/pin/739294095052745914/?autologin=true&lp=true
The ultimate sheetset for critical thinking [Online image]. https://wabisabilearning.com/blogs/critical-thinking/critical-thinking-
skills-cheatsheet-infographic
Adib, Payam (2019), All you need to know about 3D animation pipeline. https://dreamfarmstudios.com/blog/all-you-need-to-
know-about-3d-animation-pipeline/
Movsisyan, Aram (2019), Animation Production Process. https://www.yansmedia.com/blog/animation-production-process/

36. Thank you!
Q&A
www.trillanesmedia.com
trillanesmedia@gmail.com