Digital Photography and Imaging // Week 10 Exercise
Lim Yi Xvan 0354552
Bachelor in Creative Media Design
Digital Photography and Imaging
W10 PRACTICAL: AFTER EFFECTS EXERCISE
INSTRUCTION:
1. Download the PSD composition below:
https://drive.google.com/file/d/197rXGH_g-lLEt-0K9__mcKrLIYIaXtQp/view?usp=sharing
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.
https://drive.google.com/file/d/197rXGH_g-lLEt-0K9__mcKrLIYIaXtQp/view?usp=sharing
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.
Week 10
![]() |
| fig 1.1 - folders created in AE |
And then, I followed the steps of Mr.Fauzi and explore with the tools and here's what my progress looks like for the respective layers.
First was the projector to appear first. I adjusted its scale to present a pop out effect rapidly.
![]() |
| fig 1.2 - projector effects progress |
Then following by the shark. For this one, I adjusted both its position and scale. While it's slowly moving to the front, the size of its will become bigger.
![]() |
| fig 1.3 - shark effects progress |
Next is the typewriter. For this one, I adjusted its position and as well as its rotation. By then to make it looks like slowly rising to the top, then fell down to the ground immediately with the rotation adjusted.
![]() |
| fig 1.4 - typewriter effects progress |
Last, comes to the fencer. For this one there'll be more adjustments I made. I used the 3D options to create rotation and also for the orientation to make it flips over. Before that, I masked it out and used the masked path to create a motion appeared effect.
![]() |
| fig 1.5 - fencer effects progress With all the above adjustments made, here's my outcome for the exercise. |
I also uploaded the final outcome video of this exercise into my Youtube channel.
Youtube Link:







Comments
Post a Comment