Digital Photography and Imaging / Week 10

12.06.23 / Week 10
Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017)
Bachelor of Design (Hons) in Creative Media
LECTURES

Introduction to After Effects



Intro To After Effects

In this week's lecture we were introduced to the software Adobe After Effects. Adobe After Effects is a 2.5D animation software used for animation, visual effects, and motion picture compositing. It is used in film, TV, and web video creation.

This software is used in the post-production phase, and has hundreds of effects that can be used to manipulate imagery which allows you to combine layers of video and images into the same scene.

Adobe After Effects takes a different approach for creating movement. Motion graphics animation works by manipulating vector and rasterized art to create and tell a story. You can integrate physical based media as well through photographs and videography.

Pre-compositing In Adobe After Effects

  • Transforming still images (graphic elements and photography) into moving images
Photoshop can be used as a platform to composite the layers, and all the layers need to be arranged and renamed accordingly so that it will be organized and easy to be animated in After Effects. 
  • Animating layers sequence from various elements and platform
As Adobe After Effects is a digital visual effects, motion graphics, and compositing application, we can import elements such as images, video, vector and more into After Effects. Similar to the above, for ease of use, all the layer elements need to be organized and synchronized to the external software platforms such as Photoshop & Illustrator as After Effects files does not embed its media, and links to it instead.

TUTORIAL

Introduction to After Effects



Interface, Layer & Tools

In this week's tutorial Mr Fauzi briefed us of our next exercise which involved animating Position, Scale & Masking path and demonstrated how to animate those in class, aside from this we also learnt about kinetic typography and advanced keyframes in animating in the supplementary video he provided to us.
INSTRUCTIONS


PRACTICAL

After Effects Exercise

For this week's practical, we are to create keyframe animation to the layers using Position (P), Scale (S) & Masking path that is 15 seconds long, with the size being 1080 x 1920 px.

I first started out by adjusting the length of the video to 15 seconds in the composition settings tab

Fig 1.0 Adjusting Animation Length

Then, I started to animate the typewriter first. I have chosen to apply position on the typewriter as well as the shark and in each frame adjusted their positions slightly going towards the direction I desired to move them across the composition. I decided to have the shark coming from the bottom left corner of the composition going towards the center left and the typewriter move as the shark crosses its path as it was a fun idea to incorporate into the animation.

Fig 1.1 Animating Typewriter

Fig 1.2 Animating Shark

Once I was satisfied, I then decided to have my masking element be the fencing man, and have him dissappear and reappear in a few different directions, this was achieved by cropping the bounding box of the mask to be more narrow or wider frame by frame.

Fig 1.3 Animating Fencer

For the last animation, I have animated the projector to show scale, by adjusting the size in the settings to grow smaller or bigger in each frame.

Fig 1.4 Animating Projector

In the final step, I then rendered my animation and exported it into one final video.

Final Animation

 

Comments

Post a Comment

Popular posts from this blog

Design Principles / Task 3

Image
0.7.03.24 - 21.03.24  / Week 5 - Week 7 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 3 Design For Task 3 of Design Principles, after we have analysed the design of out choice in Task 2, we are to produce a work of design, inspired/influenced by the one we had analysed, or as a reaction to it. We should also apply our knowledge of design principles in our creation and may use any medium and/or materials that are suitable to convey our visual message. We should also include some cited visual references that inspire our own ideas and a rationale, in about 150-200 words, explaining/defending the decisions made in our design, the meaning/purpose of the design and the design principles that are found in the design. Brainstorming First off, I went back on my Task 2 to look at the design I analysed in order to get inspiration and gauge how I should approach this task. When reading
Read more

Design Principles / Task 2

Image
20.02.24 - 05.03.24  / Week 3 - Week 5 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 2 Visual Analysis For Task 2 of Design Principles, we are to assess, investigate, document, and analyze the existing art/design work we selected in Task 1 to further study the design principles found in that work, as well as the size, placement, purpose, effectiveness of the design in relation to the UNSDG goal that we have chosen. The requirements are the following: Write a 300-350 word visual analysis of the selected design. Include reference links where applicable. Firstly, I started by visually observing the image itself and re-reading some of the design principles documented in the lectures to refresh my understanding of them so I could better identify which ones are present in the art work, then noted them down. Fig 1.0 'Guernica' From my observations, these are all the design
Read more

Illustration and Visual Narrative / Final Project

Image
26.06.23 - 14.07.23 / Week 13 - Week 15 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection INSTRUCTIONS Animated 1 Page Visual Novel The final project of Illustration and Visual Narrative is a continuation from Project 3 where we are to create a one page introduction comic of our selected story based one of the three 1 acts from our story. We are then to animated at least 1 panel of the comic into a short looping gif which are chosen based on the optimal timing in the story flow and visual transitions that effectively convey the narrative. The challenges of this assignment are the following: Continue with the same story and design aesthetic from Project 2. Work only from one paragraph of the story for the 1st page. Research I first went through the story I have selected and read each of its acts before choosing one to proceed with. After careful consideration I have selected Act 1 of the story- 'Elean
Read more