I&VN - Task 4: Final Project: Animated Video with Caption


24/6/25 - 27/7/25 (Week 11 - Week 14)

Nicole Ng Ying Yan 0382412

COM61304 Illustration & Visual Narrative

Task 4: Final Project: Animated Video with Caption


1.0 INSTRUCTIONS



2.0 TASK 4 - Final Project: Animated Video with Caption

2.1 Documentation

Figure 2.1 Animated Video with Caption Documentation (Week 14, 25/7/25)

2.2 Animated Video with Caption

Final video link - Click HERE


Techniques applied in this task:
  • Illustration (Adobe Illustrator):
    • Pen Tool (Bezier handles - smooth/ corner) - To draw the background composition
    • LivePaint Tool - Create LivePaint Group to fill in colour
    • Width Tool - Adjust thickness of lines to create more line variations
    • Ellipse Tool - To draw shapes for dandelions and tress
    • Eyedropper Tool - To select colour
    • Texture (Grain & Stipple) - To apply texture to shapes
    • Gradient Tool - Apply gradient texture to shapes
    • Clipping Mask - To apply texture effect to selected shapes/ areas
  • Animation (After Effects):
    • Sequence 1
      • Wave Wrap Effect - Cloak swaying effect
      • Easy Ease - Make animation smoother
    • Sequence 2
      • CC Bend It - Plants swaying effect
      • Grow Bounds - Increase the range of plants swaying
      • Evolution Expression - Loop effect: loopOut("pingpong")
      • Easy Ease - Make animation smoother
    • Sequence 3
      • Scale Effect - Heart beating, shape expansion
      • Easy Ease - Make animation smoother
    • Sequence 4
      • Position Effect - Leaves falling
      • Rotation Effect - Direction of leaves falling
      • Easy Ease - Make animation smoother
    • Sequence 5
      • Position Effect - Sun rising
      • Opacity Effect - Strokes "blinking" effect
      • Evolution Expression - Loop effect: loopOut("pingpong")
      • Easy Ease - Make animation smoother
    • Sequence 6
      • Typewriter Effect - Typing the letters
      • Blinking Cursor Effect - Cursor on/off, cursor blinking speed
      • Drop Shadow Effect - Outer glow of text
      • 3D Camera Effect - Depth of field, focus distance, aperture
      • Easy Ease - Make animation smoother
  • Compiling Sequences (CapCut)
    • BGM
    • Narration (Text-To-Speech)
    • Sound effects - Camera shutter, typewriter sound
    • Text
    • Texture (Grain)
    • Transitions

3.0 REFLECTION

3.1 Experience

Comparing this final assignment with the previous ones, I think this has the most cohesive design which showed my improvement in maintaining the balance and harmony of each illustration. I really enjoyed learning new techniques in After Effects and is always surprised with the outcome. Through this assignment, I learned how to convey a story using visuals, text, and narrations in a way that the viewers can connect with. It also made me reflect on the effort poured into the countless short-form videos I’ve saw on social media. Although it was just for 15-20 seconds, it does not look as easy as it seems and that made me appreciate the hard work of the artists even more.

3.2 Areas for Improvement

I think the cloak swaying animation for Sequence 1 can be more drastic, it looks too subtle and less noticeable compared to other sequences, hence I added a Zoom In effect to compensate for the animation. 



Comments

Popular Posts