Video summary

After Effects Project breakdown - Guidely Launch Video

Main summary

Key takeaways

Art and Creativity

Summary of the Video (Auto-Subtitles)

The creator breaks down an After Effects project for a client video, “Guidely Launch.” They explain the workflow from storyboard through final motion design, including:

  • Building UI-style frames and characters (mostly using Illustrator + After Effects)
  • Planning a rough/hand-drawn aesthetic using texture and edge roughening
  • Animating via match cuts and null-driven motion
  • Rigging and puppeteering a character for natural gestures (e.g., hands typing)
  • Experimenting with AI image-to-video generation to speed up motion
  • Creating a distinctive Rubik-cube-style transition (inspired by an external tutorial)
  • Using reusable/custom transitions, and title/text reveals (typewriter cursor + masking)
  • Achieving a cinematic lens blur / depth of field look with a custom depth-map (ramp + blur map + animated focus)

Artistic Techniques, Concepts, and Creative Processes

Pre-production / Visual Planning

  • Storyboard creation in Illustrator
    • Design frames showing web UI pages and transitions leading toward an “AI” concept
    • Use style frames and evolve them into the final colorized look
  • Reference-driven art direction
    • The client provides a reference video describing the desired feel:
      • Not overly symmetric
      • Rough edges

Asset Sourcing + Style Matching

  • Character and UI assets are assembled from external sources (e.g., Freepik) and integrated into the project
  • Consistency checks align:
    • Colors across scenes
    • Transition framing so scene changes feel seamless

After Effects Production Techniques

1) “Rough Edges / Hand-drawn” Look (Global Finish)

Applied to the composition using an Adjustment Layer:

  • Noise / grain for texture
  • Gaussian / “gian blur” for slight diffusion (a few pixels, as described)
  • Levels to manage contrast and integrate roughness
  • Sharpening to keep the result readable
  • A film-plate footage overlay using Soft Light blend mode for a subtle analog feel

2) Match Cuts + Speed-Graph Easing for UI Transitions

  • Animate position and scale on UI elements:
    • Elements scale in, then scale out
    • Use match cuts so outgoing and incoming panels align visually
  • Use nulls to organize and coordinate motion
  • Emphasize easing via the speed graph, including a “steep end” to make cuts feel intentional and smooth

3) Character Animation via Puppet Pin + Masking

  • The character is prepared in Illustrator, then brought into AE
  • Masking is used to clean up overlaps
  • Use AE’s Puppet tool (Puppet Pin) to animate specific parts:
    • Hands and head/nodding motion via pinned control points
  • Hands rig workflow:
    • References a hand rig tutorial by Emmanuel Columbo
    • Modifies the rig (adds fingers)
    • Parents it to the arm layer for typing motion

4) AI-assisted Animation Experiments (Image-to-Video)

Used to generate motion quickly when time is limited:

  • Image-to-image first (to enrich character details)
  • Then image-to-video to animate gestures
  • Requires masking and repeated attempts/credits to improve fidelity

5) Rubik-cube Style Transition (3D / Shape Building)

Built using AE 3D/comp workflows:

  • Cube transition uses split-cut style building inspired by an external tutorial
  • Includes:
    • Opacity fade during formation
    • A cube that rotates/assembles as part of the transition
  • Cube outlines are created using:
    • A shape mask approach (smart mask creation via double-clicking the shape tool)
    • A Stroke effect on a masked solid to create dashed lines
    • Animating stroke start/end to form dashed segments during movement
  • A grid/framing snapshot is taken from a previous scene to align the transition properly

6) Reusable Transitions + Plugin-based Assets

  • Motion Bro plugin is used for transitions:
    • Start from an existing preset
    • Adjust color and roughening/edge settings to match the project
  • The creator uses multiple variations rather than relying on generic templates

7) “Juice” / Plugin Library for Film & Transition Effects

Uses a plugin ecosystem to download/apply:

  • Paper/faux film transitions
  • Sound effects
  • Overlays such as film grain and “old school” frames
  • Adds global finish using adjustment layers and transforms (e.g., scale/zoom)

8) Title/Text Animation Toolkit

  • Text Exploder plugin breaks long text into manageable pieces
  • Typewriter effect:
    • Cursor animated out
    • Duplicate layer + masking to reveal white text over the background
  • Emphasis using camera/lens-style effects:
    • Lens blur/lens block and animated rotations tied to the text reveal

Depth-of-Field Effect (Advanced: Depth Map + Lens Blur Map)

Instead of using AE’s built-in depth of field with a real 3D camera, the creator uses a custom approach:

  • Create a depth map:
    • Solid + radial gradient ramp
    • The gradient ramp acts as the blur map
  • Apply Camera Lens Blur:
    • Set the blur map to the gradient depth map
  • Focus behavior:
    • Black values define the in-focus region
    • Moving the ramp changes what’s focused
  • Add a control rig:
    • A depth control null is linked/parented (alt-parent workflow described) to ramp position
    • Animate the null to shift focus over time

Creators / Contributors Featured (Mentioned at the End)

  • Emmanuel Columbo (referenced via a hand rig tutorial)
  • Plugin/tool references mentioned include:
    • Motion Bro
    • Atom X
    • Juice
  • No other individual creators are explicitly named in the subtitles.

Original video