DPI - Week 10

|| 25/11/2024 - 1/12/2024 (Week 10)
|| Te Li Wen, 0367811
|| Digital Photography and Imaging
|| Poster Design & Digital imaging


Reflection

This task was challenging as it required us to seamlessly integrate both DPI and IVN elements into our compositions. Despite facing numerous difficulties along the way, I thoroughly enjoyed the process. It not only tested my skills but also inspired me to push myself further and strive for even greater improvement in my work.



Lecture


INTRODUCTION TO AFTER EFFECTS
Creates motion graphics animations by manipulating vector and raster art to visually tell a compelling story.

PRE-COMPOSITION IN PHOTOSHOP
Photoshop is a powerful platform for compositing layers. Organizing and renaming layers properly makes it much easier to animate them in After Effects.



Figure 1 Photoshop Lecture


PRE-COMPOSITION IN AFTER EFFECTS
After Effects is a digital visual effect, motion graphics, and composition application.





Tutorial



Figure 2 Photoshop Video Tutorial



Instructions


1. Download the PSD composition below:

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.

* Note: Due to ongoing Task 2, Mr.Fauzi has only tasked us with exploring rotation and scale tool




Digitalization Process


Figure 3 Outline of the Shapes


I began by using the pen tool to carefully create the outlines, ensuring precision before proceeding to fill in the shapes.


Figure 4 Filled in Colors


Once I completed the outlines, I moved on to filling in the colors. Initially, the colors I selected didn't feel quite right, so I revisited and adjusted them to achieve a more harmonious look.




Figure 5 Picture of Me


This is a photo of myself that I took, mimicking the pose I used in my sketch. To enhance the composition, I also explored running poses on Pinterest for additional inspiration. Afterward, I imported the photo into Photoshop to adjust the colors, ensuring it appeared more vibrant and well-lit instead of dull or dark.



Figure 6 Editing the Flow


After incorporating my photo into the poster, I used the brush tool to add dynamic splashes of color, enhancing the overall composition and visual impact. I also adjusted the colors to of myself to fit the background so my photo wouldn't look out of place.



Figure 7 Different Typeface Style


I was unsure where to place the quote and struggled on it for a while. After I received feedback from my tutor and my friends, I had an idea on where the quote could should be placed.




Final Outcome





Figure 8 Final Outcome





Comments

Popular posts from this blog

Advanced Typography - Task 1 Exercises

Advanced Typography - Task 2 Key Artwork & Collateral

DESIGN PRINCIPLES: Task 2 - Visual Analysis