DIGITAL PHOTOGRAPHY AND IMAGING - WEEK 10

on

 23 Jun ,2025

DIGIT.PHOTO & IMAG. | WEEK 10: Intro to after effect

||  23/06/25 – 29/06/25 (Week 10) 
||  Low Xin Er, 0374596
||  Digital Photography & Imaging
||  Week 10: Intro to After Effect

1.Lectures

What is After Effects?

Adobe After Effects is a 2.5D animation software used for animation, visual effects, and motion picture compositing. 

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

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.


Compositing Layers in Photoshop

Basically Photoshop is a platform to compositing the layers. All the layers need to be arrange and rename accordingly so that it will be organize and easy to be animated in After Effects.

Compositing Layers in After Effects

Adobe After Effects is a digital visual effects, motion graphics, and compositing application.Basically we can import elements such as images, video, vector and more into After Effects. All the layer elements need to be organized and synchronized to the external software platforms such as Photoshop & Illustrator. 


After Effects files does not embed its media, it links to it.

Example works

https://fauziyusoff.com/dpi

2.Tutorials


Square animation
  • Create 1920x1920 square
  • Set time10:08 & hello for decoration
  • Open timeline from window
  • Set 20 second
  • Set point start &end at timeline>position>rotate>Easy rotate some elements to make movement animation
  • Character can be pop up for movement
  • Youtube searching simple animation element(effect overlay)>import to psd>screen filter
  • More icon in timeline>render>mp4>export video

Vertical animation
  • Duplicate the square file
  • Image size>1080x1920
  • Export

Unmove square profile
  • Duplicate the square file
  • Create circle>command click pic create clipping mask
  • Make a circle profile pic>darker background>time decoration move down
  • Timeline adjust

Unmove vertical profile
  • Duplicate
  • Image size 1080x1920
  • Scale smaller the profile pic

3.Pratical

Square animation progress by using adobe photoshop




Effect overlay materials from YouTube

Final outcome



Vertical animation progress by using adobe photoshop




Final outcome


4.Reflection

Using Photoshop to create simple animations is easier than I thought, and it is not complicated. I even think that any simple animation can be completed in Photoshop without using after effects. Adding dynamic materials found on YouTube greatly enhances the sophistication of the work, which makes me feel very accomplished.

Comments

Post a Comment