Motion Graphics and Compositing/Task 4

2/1/2025-1/12/2025

Cai Zihan / 0378043

Motion Graphics and Compositing / Bachelor of Design in Creative Media / Taylor's University

Project  4– ABSTRACT MOTION


TABLE OF CONTENT
INSTRUCTIONS
Project  4– ABSTRACT MOTION
FEEDBACK
REFLECTION

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1Sm5c9tvx91bw5-0qsvgRRFM7_wpyueCg/preview" width="640" height="480" allow="autoplay"></iframe>



Project  4– ABSTRACT MOTION

PPT
<iframe src="https://drive.google.com/file/d/1cCqmUkP2Wq7tIlqqStkes2dOMqY9e23E/preview" width="640" height="480"></iframe>



Storyboard

<iframe src="https://drive.google.com/file/d/1FwVc-uqDc8j8ED9wNIqXH3mvlxJHkh7d/preview" width="640" height="480"></iframe>




I found some vector graphics online to use as my source material.







I'll first place the vector graphic into Photoshop.

1. Open Photoshop and create or open the target document.

2. Drag vector files  directly from File Explorer into the PS window.

3. In the pop-up dialog, select “Import as Smart Object” (ensure vector properties are preserved).

4. Click “OK”; the vector graphic will appear on the canvas as a smart object with lossless scaling.











Importing PSD Files into After Effects

1. Open After Effects, create a new project, or open an existing composition.

2. Import the PSD using one of the following methods:

◦ Press Ctrl+I (Windows)/Cmd+I (Mac) to open the Import dialog box.

◦ Select “File > Import > Files.”

◦ Drag the PSD file directly from File Explorer into the AE Project panel.

3. In the “Import Options” dialog, choose the appropriate import method:

◦ Composition - Keep Layer Size (Recommended): Preserves PS layer structure and dimensions for independent animation

◦ Composition: Merges all layers into one composition, maintaining relative positions but not original dimensions

◦ Layers: Imports each layer as a separate asset for selecting specific elements

◦ Artwork: Import the entire PSD as a single image without preserving layer structure

4. Click “OK” to import the PSD file into the AE Project panel using the selected method

5. Drag the imported composition or layers onto the Timeline to animate while preserving vector properties




Then create dynamic effects with the text.



 Word-by-word reveal effect

• Select the text layer, click the “Animations” menu → “Text Animations” → “Opacity” Adobe Help Center

• Expand “Animation 1” in the Timeline and set “Opacity” to 0% Adobe Help Center

• Expand “Range Selector 1” and keyframe the “Start” property at 0 seconds (value 0%) Adobe Help Center

• Change the “Start” value to 100% at 1 second to achieve a word-by-word fade-in








Comments

Popular posts from this blog

Interactive Design / Project 1/Exercises 1

Advanced Typography /Task 3:Type Expression and Application

TASK 1 (Exploration)