Digital Photography & Imaging - Week 9

-

25/11/2024 - 1/12//2024 / Week 10
An Hongzheng / 0378415
Digital Photography and Imaging / Group 1
Bachelor of Design (Hons) in Creative Media
Practical:After Effects Exercise

LECTURES

Week 10 (Lecture 10):

In this task, we need to attempt to learn and use Adobe After Effects to create an animated loop. Below is the demonstration video provided by Mr. Fauzi. (Live demonstration of After Effects)

How to create loop animation for IG Stories: https://youtu.be/HQL5ntLlHTg

Fig.1.1.1 Intro to After Effect

INSTRUCTION


2. Import the W10_ANIMATE.psd into Adobe After Effects.

3. Create a composition setting 1080 px (Width) x 1920 px (Height), Duration 15 second

4. Create a keyframe animation to the layers using Position (P), Scale (S) & Masking path.

5. Render output: Quicktime (.MOV) or .MP4

6. Upload your exercise into your Youtube Channel.

7. Update your progress and video to your E-Portfolio blog. 

8. Attach your E-Portfolio link on this Submission.

AFTER EFFECTS EXERCISE

Fig. PSD composition provided

PROGRESS

According to the steps in the video tutorial, I first created several folders and named each one appropriately. Then, I imported the downloaded PSD file into the second PSD folder.







I added different animation effects to each layer according to the steps. However, it's worth noting that no matter what animation effect is chosen, the image in the video at the final 15s should be the same as at 0s. Therefore, the most convenient method is to copy the settings from 0s and paste them at 15s, ensuring a loop is formed.

FINAL OUTCOME



Fig. Final outcome - mp4 / (Week 10, 29/11/2024)

RELECTIONS

Experiences:

As it was my first time using Adobe Effects, I found it quite intriguing, yet also quite complex. By watching Mr. Fauzi's demonstration video, I gradually grasped the very basic usage methods, but I could sense that this was merely the tip of the iceberg. On the other hand, the interface of AE is quite different from that of Photoshop, Illustrator, and InDesign, so it requires more time to explore.

Observation:

I find the animation production process incredibly fascinating. When you combine the animation effects of all the layers together, the resulting animation is even more interesting than you could have imagined.

Findings:

This is a software that greatly tests coordination ability, because when you need to integrate many layers with animations, you need to consider whether each animation matches and whether the timeline is symmetrical.

Comments

Post a Comment

Popular posts from this blog

Interactive Design - Exercise 1

-
Image
Interactive Design - Exercise 1 21/4/2025 - 4/5/2025 / Week 1 - Week 2 An Hongzheng / 0378415 Interactive Design / Bachelor of Design in Creative Media / Taylor's University Exercise 1 TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Exercise 1: Web Analysis     3.1 Baci Baci Matera     3.2 Praxis Leandra Isler     3.3 Language Inclusion - Google Research      3.4 Altly.AI      3.5 Augment Therapy 4. Feedback 5. Reflections LECTURES Week 1 Lecture 1 INSTRUCTIONS   Figure 2.1: Instruction / Week 1 (21/4/2025) EXERCISE 1: WEB ANALYSIS Exercise 1: Choose  FIVE (5) websites  from the link given. Review the website that you've selected carefully, taking note of its  design, layout, content, and functionality . Identify the  strengths and weaknesses  of the website, and consider  how they impact the user experience . Write a brief report summarising your findings and recommendations. What To Have in...
Read more

Typography Task 1 / Exercises

-
Image
28/09/2024 - 03/11/2024 / Week 1 - Week 4 An Hongzheng / 0378415 Typography / Bachelor of Design (Honours) in Creative Media / Taylors University Task 1 : Exercises CATALOGUE Lectures Instruction Task 1 - Exercises Task 1 - Exercises 2 Feedback Reflections Further Reading LECTURES Week 1 : Typo_0_Introduction Typography is a fundamental aspect of design, used in various fields like animation, graphic design, and new media. It involves creating letters, typefaces, and type families, and is essential in website and app design, signage, and product packaging. Typography focuses on arranging text to enhance legibility and visual appeal, making it a skill practiced by many today. Figure 1.1.1 Examples of typography using in website design, app design, signage design, labels . Typography is the art and techniques of arranging type to make written language legible, readable and appealing when displayed.  /It is now something everybody does./ Terminology Font:a font refers to the individ...
Read more

Typography Task 3: Type Design and Communication

-
Image
4/11/2024 - 24/11/2024 / Week 7 - Week 9 An Hongzheng / 0378415 Typography / Bachelor of Design (Honours) in Creative Media / Taylors University Task 3 :  Type Design and Communication CATALOGUE Lectures 2. Instructions 3. Task 3: Type Design and Communication       3.1 Research       3.2 Sketches       3.3 Identify and deconstruct references       3.4 Digitalized       3.5 FontLab       3.6 Final Outcome 4. Feedback 5. Reflection 6. Further Reading LECTURES Week 7 (Lecture 7): Mr. Vinod briefly introduced us to the content of our Task 3. We use prepared markers and grid paper to draw sketches with uppercase and lowercase letters: "h, o, b, g". We need at least three different styles. Fig.1.1.1  Deconstructed "r" Fig.1.1.2  References Fig.1.1.3  Additional reference of a writing tools Tools: 1. The broad-edge pen (flat)...
Read more