Digital Photography & Imaging (Week 10)

DIGITAL PHOTOGRAPHY & IMAGING GCD 61204 (Week 10)

WEEK 10 (28.11.2023)

NAME: Chin Tze Wei

I.D: 0357423

COURSE: Digital Photography & Imaging / Bachelor of Design (Honors) in Creative Media

GROUP: Class 01 Sec 05

---

WEEK 10 : LECTURE

On this week's lecture, Mr Fauzi has introduced us to Abode After Effects.

Week 10  Lecture Note

Mr Fauzi has assigned us a new assignment which is Project 03: E-Portfolio.

Lecture Note Week 10

Figure 10.1  Lecture 10

What is After Effects ?

• An animation software used to create animation, visual effects, motion graphics, etc.
• Used in film, TV and web creation.
• Used in the post-production phase, and has hundreds of effects that can be used to manipulate imagery.
• Allows us to combine layers of the video and images into the same scene. 
• Motion graphics animation works by manipulating vector and resterized art to create and tell a story. 

Figure 10.2  Icon of Adobe After Effect

Ways to conduct: 

    Step 01:  Pre-compositing in Adobe Photoshop
(Transforming still images such as graphic elements and photography into moving images)

1. All the layers need to be arrange and rename accordingly so that it will be organize and easy to be animated in After Effects.

    Step 02: Pre-compositing in Adobe After Effects
(Animating layers sequence from various elements and platform)

1. Import elements such as images, video, vector and more into After Effects.
2. All the layer elements need to be organized and synchronized to the external software platforms such as Adobe Photoshop and Adobe Illustrator. 
3. After Effects files does not embed its media, it links to it. 

---

WEEK 10 : TUTORIAL

Mr Fauzi has shown us the After Effect live demo during Tutorial Class.
Mr Fauzi also has shown his pre-recorded tutorial video for us to understand the fundamental of keyframes and learn to create basic animation using Adobe After Effects.

Video 01  Understand the basics of  keyframes and learn to create basic animation using Adobe After Effect

---

WEEK 10 : PRACTICAL

During the practical session, Mr Fauzi has assigned us an Adobe After Effect Exercise

We will use the composition provided to complete an animation exercise using Adobe After Effects.

Mr Fauzi provide us a pre-recorded demo video for us to refer.

Video 02  After Effects pre-recorded demo video for practical class exercise

Instruction of After Effects Animation Exercise

1. Download the PSD composition from this link here
2. Import the W10_ANIMATE.psd into Adobe After Effects
3. Create a composition setting 1080px (Width) x 1920px (Height), Duration 15 second
4. Create a keyframe animation to the layers using "Position (P), Scale (S) and Masking Path"
5. Render output: Quicktime (.MOV) or .MP4
6. Upload exercise into Youtube Channel.
7. Update progress and video to E-Portfolio blog
8. Attatch E-Portfolio link on Google Classroom.

Working Progression:

Figure 10.3  Working Progression of After Effects Animation Practical Exercise

First Attempt of the After Effects Animation Practical Exercise

Video 03  First Attempt of the After Effects Animation Practical Exercise

Final Outcome of the After Effects Animation Practical Exercise

Video 04  Final Outcome of the After Effects Animation Practical Exercise (Youtube Reels)

---

Quick Link :

Weekly Posts

Week 01: Introduction to Digital Photography and Imaging
Week 02: Introduction to Composition
Week 03: Introduction to Photoshop 2
Week 04: Introduction to Photoshop 3
Week 05: Digital Photography
Week 06: Poster Design
Week 07: Double Exposure
Week 08: Independant Learning Week
Week 09: Digital Surrealism
Week 10: Introduction to After Effect
Week 11: Final Project Consultation 01
Week 12: Final Project Consultation 02
Week 13: Final Project Consultation 03
Week 14: Final Project Consultation / Submission

Projects

Project 01: Collage Design
Project 02: Digital Imaging Exercises and Conceptual Product Photoshoot
Project 03: E-Portfolio
Final Project: Cinemagraphs - Self-tilted (still & animation)