ANIMATION FUNDAMENTALS/ EXERCISES

  

24.04.2024 - 08.05.2024 (Week 1 - Week 3)
TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA
ANIMATION FUNDAMENTALS
EXERCISES

LECTURES

Week 1
We have a short briefing on this module and go through each assignment. Seniors' examples were shown in the class.

Week 2
Introduction to the topics: 

  • Frame Rate, Timing & Spacing
  • Slow in and Slow Out
  • Timing Chart
  • Arcs



Week 3


INSTRUCTIONS


Exercise 1: Bouncing Ball Animation
To better understand animation and Adobe Animate, this exercise focuses on becoming familiar with key principles such as timing, spacing, slow in and slow out, and arcs.

Progress

Follow the steps:

  1. Name the layer "Floor", then a line on this layer.
  2. Use key F5 to add frames until it reaches 24F (1 second)
  3. Add a new layer "Ball", and use the oval tool to draw a ball. (Ball color can be change)
  4. Add a new layer "Arc".
  5. Draw one line on "Arc", and use the selection tool to make the arc.
  6. Repeat Step 5 to make more arcs from big to small.
  7. Repeat Step 2 in layer "Arc"
  8. Copy (ctrl+alt+c) the first frame of the ball and paste (ctrl+alt+v) it. After pasting move the ball to the edge of the arc. Repeat a few times until the ball is placed on all edges.
  9. Open "onion skin" to see the before position of the ball.
  10. Add frame (F5) to each frame that has the ball. (To decrease the speed)
  11. Repeat Steps 8 and 9, but move the ball to the middle of the half arc.
  12. Repeat Steps 8 and 9, but move the ball between the edge and the middle of the half arc. (Only for the upper part of the arc)
  13. Export > Export video/media > Format : Quicktime & Preset: Default (Animate) > Export 
Figure 1.1 Progress

Figure 1.2 First Trial

Final Outcome

Figure 1.3 Final Outcome

Exercise 2: Squash And Stretch Ball With Tail Animation

This exercise aims to understand the design principles of drag, follow-through, overlapping action, and squash and stretch.

Progress
Continue to Ex 1, and use the free transform tools to resize the ball. The last dropping ball must touch the edge. As the ball reaches the ground draw a ball (original) to give it a recovery action before bouncing off again. 


Figure 2.1 Progress

Next after finishing adjusting, add a new layer named "tail", and use the brush tool to draft the tail (*Adjust the opacity < 50%). After the draft, add another one more layer and name it "clean up". Trace the drafted tails on this layer to make it cleaner.


Figure 2.2 Progress (draft and trace)

Final Outcome

Figure 2.3 Final Outcome

FEEDBACK

Exercise 1: Bouncing Ball Animation

  • View > Snapping > Off all the functions (Make the object won't align automatically.)
  • Download Quicktime to open the video. *Pro Quicktime can edit the cuts.
  • The higher the arc, the more balls to add to show in and out.
  • As the arc becomes lower the distance between the balls is wider.

Exercise 2: Squash And Stretch Ball With Tail Animation

  • As the ball is closer to the edge, it will be more flat and long. 
  • The tail must be connected to the previous one.

REFLECTIONS

Exercise 1: Bouncing Ball Animation
This exercise served as my initiation into "Adobe Animate" and gave me a solid understanding of its functionality. Focusing on the exercise, I understood the lecture's notes more effectively. Engaging in this exercise has fueled my anticipation for upcoming assignments even further.

Exercise 2: Squash And Stretch Ball With Tail Animation Through this exercise, I became familiar with its basic tools. Also, understand the topic of squash and stretch.







Comments

Post a Comment

Popular posts from this blog

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 2

Image
Week 4 - Week 9 TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA DIGITAL PHOTOGRAPHY AND IMAGING PROJECT 2 Project 2A: Double Exposure Part 1 (Follow Tutorial) Figure 1.1 Part 1 Final Outcome Part 2 ( Own Portrait Double Exposure ) Figure 1.1 Part 2 Final Outcome Project 02B - Poster Design Final Poster: Figure 3.1 Maybank Final Poster Title: "Before The Storm" Summary: The concept of this poster draws inspiration from the yin-yang philosophy. Two tigers are positioned on opposite sides, locked in a captivating gaze, poised for battle at a moment's notice. The letter 'M' represents the sun. It was also the judge of this war. M= Maybank. The poster's composition, setting, and colors draw inspiration from the rich tapestry of Greek mythology. Reflection I have explored more layers, colors, and filters in this project to create a d ouble exposure. I 'm a changeable person. I consciously selected elements like clouds, rain, waves, and a grey backg...
Read more

INFORMATION DESIGN/ FINAL PROJECT

Image
    03.02.2025 - 23.03.2025 (Week 1 - Week 7) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT INSTRUCTIONS Final Project: Infographic Video Animation In this group project, we have to create a basic video animation based on our FLIP research topic. Using a structured design framework, we aimed to present information engagingly to a target audience, focusing on one of three objectives : Creating awareness Explaining a process Defining a concept. Progress Week 1 - 3 We have grouped a team of 8 people.  Rachel Yeo Rong Qing (Group Leader) Jia Wen Bing Ruthlene Chua Zhen Si Liu Zi Yu Tan Jie Ying (Me) Isabel Tan Xen Wern Nadhrah Binti Abdul Razak Myra Elida Binti Abd Azis We came up with several topics, such as recycling, cybersecurity, women's safety, traffic safety, dengue fever, and more. After voting and receiving feedback from our lecturer, we finalized our FLIP topic as "Cybersecurity" . After confirming the topic, each of...
Read more

INFORMATION DESIGN/ PROJECT 1 & 2

Image
  18.02.2025 - 25.02.2025 (Week 3 - Week 4) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN PROJECT 1 INSTRUCTIONS Lecture Note Week 3 Miller’s Law states that the average person can hold 7 ± 2 items in their short-term memory at a time. I often apply Miller’s Law when I encounter words I don't know how to spell or complex words by breaking them into chunks to read and remember. For example: Unbelievable ( un - believe - able ) Week 4 Week 5 Tips for constructive workflow : 1. Understand the Question Clearly define what you are designing and its purpose. 2. Construct a Strategic Plan Gather data, analyze pros and cons, study case studies, and understand the workflow before proceeding. 3. Fill in the Blank Keep track of your progress by organizing, grouping, and labeling your work. 4. Get Some Inspiration and Ideas Explore references and insights to improve your design. 5. Set a Perimeter While ideas are limitless, focus on identifying strengths...
Read more