Week 8
2023 21 Feb
Animation
Motion Graphic
Logo animation
Using logo motion in school projects can make them more interesting. For example, in history presentations, we can animate logos of companies related to famous inventors. In science fairs, we can display sponsor logos with motion. In language arts, animated logos of made-up companies can add flair to stories. Adding logo motion makes learning more fun and engaging.


Here is the result of our motion Logo. I like how it expresses the digital and contemporary art style. The calculation text animation also can be a metaphor for our topic related to AI tech.
Process:

Critical thinking
After getting advice from our VR course instructor, we wanted users to know we use AI-generated keywords for these plants. So, I made a video showing how AI gathers data and picks keywords for them. Before that, I did some basic research on AI algorithms, which are all about gathering data and giving us keywords.
Simple Study how AI works


Algorithmic design is like following a recipe to bake a cake. Just as changing ingredients or baking methods alters the cake, tweaking steps in an algorithm changes the result. We’ll break down common algorithms to understand how they work and learn to create new ones. All algorithms have three main parts: input, key process, and output.
–
Reference:


Based on advice from my VR course instructor, we want users to know that AI generates these plants using keywords. So, I made a video showing how AI gathers data and picks keywords for us. Before that, I learned about AI algorithms. They’re like sets of instructions that gather lots of data and give us keywords based on what we want.
In our MR project, users will first see these keywords on the ground before the flowers appear. My job is to create 2D animations for this part. We chose 2D because it’s quicker and easier to adjust, especially for adding random text using After Effects.
This animation is crucial for explaining how our project started!!
–
Some working progress on how I created the networking graphics:





I use After Effects to create effects like networking, which clearly show how AI collects data and displays the final keywords for the plants.
Also, I look up tutorials online to learn how to make random text in After Effects for our project.
Some key methods of how I make networking motion in AE:
- Compose all elements in the scene first
- Use script – Null path connects together
- And connect the text and dots together, like rigging in 3D
- Keyframe every dots
- Type loop coding in the dots so that it will loop after revealing.
- For the random text, use character offset in animate tag in AE.

The short motion graphics demonstrate how AI utilizes data to choose 3-4 keywords for these plants.
MR testing
Here is MR testing this week.
