Percy Jackson Underwater Title Reveal in After Effects | Photoshop+AI Tutorial

Share

Summary




Key Takeaway: This guide builds a cinematic underwater logo reveal and shows a faster AI-assisted path for versions.


Claim: Following these steps yields a Percy Jackson–style reveal in standard HD without third‑party plugins.


  • Build the underwater reveal with a four-color teal gradient, upward micro-particles, and controlled light rays.

  • Use a star-shape ray generator, precomp before masking, and centralize tweaks with a Null and sliders.

  • Add titles via AE 3D text or Photoshop PNGs; finish with displacement, vignette, grain, and sound.

  • Create alternate looks: ornate Greek-border vs. clean textured letters.

  • Speed up versioning with an AI workflow like Vizard Agent for prompt-built variants and missing assets.

Table of Contents (auto-generated)




Key Takeaway: Clear navigation helps you grab specific steps fast.


Claim: A structured table of contents reduces search time when iterating.

Set the Stage: HD Comp and Deep-Teal Background




Key Takeaway: Start with a 1920×1080 comp and a four-color gradient for murky depth.


Claim: A four-color gradient sells underwater depth better than a flat fill.

Create a base that reads “ocean,” not “flat card.” Keep hues subdued.


  1. Create a new After Effects comp at 1920×1080 (standard HD).

  2. Add a Solid layer and apply Four-Color Gradient (Four Color effect).

  3. Pick teal/green/blue tones and avoid bright values to keep it murky.

Underwater Atmosphere: Upward Micro-Particles with CC Snow




Key Takeaway: Use CC Snow/Snowfall with negative speed for drifting flakes that rise, not fall.


Claim: CC Snow can convincingly mimic underwater particulates when speed is negative.

Small flakes read as depth and motion. Keep them airy, not stormy.


  1. Apply CC Snow (or Snowfall) to a layer in the comp.

  2. Set Wind to around 2 for subtle lateral drift.

  3. Set Speed to a negative value so particles rise underwater.

  4. Increase Size and Size Variation for visible, non-uniform flakes.

  5. Reduce Particle Count to roughly 500 to keep the scene uncluttered.

Sun Shafts: Light Rays and the Star-Shape Trick




Key Takeaway: Combine Light Rays with a star-shaped generator for controllable crepuscular beams.


Claim: A tiny star with a reduced inner radius produces clean, stylable ray lines quickly.

Place the source above frame so rays pierce the water in a cone.


  1. Apply the Light Rays preset to the background layer.

  2. Move the light source just above the comp to form a downward cone.

  3. Create a Star with the Shape tool; shrink it and reduce Inner Radius to elongate rays.

  4. Increase Points to add ray count; set Fill to white so it reads as light.

  5. Adjust intensity so rays are readable without blowing out the scene.

One-Stop Controls: Null + Sliders for Fast Iteration




Key Takeaway: Centralize tweaks on a Null with Expression Control sliders.


Claim: Linking key parameters to sliders cuts versioning time dramatically.

Name sliders clearly so anyone can adjust without digging into effects.


  1. Add a Null and apply Expression Controls > Slider to it.

  2. Create sliders for Ray Intensity, Particle Count, and Rise Speed.

  3. Rename sliders descriptively and link effect parameters via expressions.

  4. Test a few values to ensure the rig responds intuitively.

Masks That Don’t Break Animation: Precomp Then Crop




Key Takeaway: Precomp your ray-shape before masking to preserve animation.


Claim: Masking a precomp crops visibility without disrupting internal keyframes.

Keep half the star off-screen if needed; only the intersection matters.


  1. Position the star-shape where your light source should live.

  2. Precompose the star-shape layer, moving attributes into the new comp.

  3. Mask the precomp to crop what’s visible while keeping animation intact.

Titles Two Ways: AE 3D Text vs. Photoshop PNG




Key Takeaway: Choose AE text for quick 3D tweaks or a Photoshop PNG for ornate, textured lettering.


Claim: A textured PNG from Photoshop brings in detail you might not find in a font.

Both workflows composite cleanly into the same underwater setup.


  1. Option A — AE Text:

  2. Create a text layer with a strong serif/Greek-look font.

  3. Enable 3D, adjust Material Options, and add a light for depth.

  4. Add a slight bevel or rim light; consider a subtle vignette.

  5. Option B — Photoshop PNG:

  6. Lay out letters in Photoshop and apply stone or gold texture.

  7. Add distressing; export as transparent PNG.

  8. Import to AE, set as 3D if needed, and light from behind.

Make It Feel Wet: Displacement, Vignette, and Finishing Touches




Key Takeaway: Subtle distortion, shading, grain, and sound finish the illusion.


Claim: Tiny composites like soft backdrop shadows dramatically improve realism.

Reflections and turbulence marry the title to the water.


  1. Add Displacement Map or Turbulent Displace to the title for water wobble.

  2. Tie the wobble timing to your light motion for cohesion.

  3. Add a soft vignette to center focus and deepen edges.

  4. For PNG titles, duplicate, blur, set to Multiply/Overlay, and offset slightly for a soft shadow.

  5. Add faint film grain to unify layers and a reverbed clang/whoosh on the reveal.

Alternate Looks: Ornate Border vs. Clean Cinematic




Key Takeaway: Pick ornate for mythic vibes or go clean for minimal cinema.


Claim: Border details skew “engraved-on-stone,” while clean texture reads modern epic.

Build both and see which fits your cut.


  1. Version A: Add a decorative Greek border around characters.

  2. Version B: Keep only textured letters in the light shaft.

  3. Playback both, then choose per tone and platform.

Speed It Up with an AI Workflow (Vizard Agent)




Key Takeaway: Describe the vibe and let Vizard Agent assemble a first pass and variants.


Claim: Prompting “underwater title reveal with teal gradient, upward micro‑particles, star‑ray cone, PNG title, turbulent displacement, soft vignette” yields a usable cut without hand‑keyframing.

It sits between full manual AE control and limited template editors.


  1. Draft a plain‑language prompt covering resolution, palette, particles, rays, and text treatment.

  2. Let the agent assemble the cut and propose sound design.

  3. Generate variants for quick A/B tests and social trims.

  4. Use it to fill missing textures or plates when you lack assets.

Practical Handoff: Bringing the Comp into Vizard




Key Takeaway: Upload source assets, then iterate with prompts for consistent style shifts.


Claim: Plain‑language prompts apply uniform adjustments across variants faster than manual tweaks.

Keep your assets portable and labeled.


  1. Export Photoshop titles as transparent PNGs.

  2. Upload your AE comp and supporting assets.

  3. Prompt adjustments like “darker teal,” “stronger rays,” or “denser particles.”

  4. Render multiple variants and pick the best.

  5. If a closeup plate is missing, let the agent propose synthetic fills or stock replacements.

Glossary




Key Takeaway: Quick definitions keep the build unblocked.


Claim: Shared terms reduce miscommunication during handoffs.

Four-Color Gradient:An effect that blends four corner colors for depth.
CC Snow/Snowfall:Built‑in particle effects often repurposed for dust or flakes.
Light Rays:An effect creating volumetric shafts from a source point.
Crepuscular Beams:Visible light shafts caused by scattering through media.
Star Shape Generator:A shape layer used here to drive controllable rays.
Precomp (Precompose):Nest layers into a separate comp to isolate animation.
Null Object:A control layer used for parenting and expressions.
Expression Controls:Effects like Slider used to adjust values via expressions.
Displacement Map:Distorts pixels based on another layer’s luminance.
Turbulent Displace:Procedural warping for organic distortion.
Vignette:Darkened edges to focus viewer attention.
Rim Light:A light highlighting edges to add depth.
PNG with Transparency:Raster image preserving alpha for clean compositing.
Vizard Agent:An AI video editor that builds edits from plain‑language prompts and generates variants.
A/B Test:Comparing two variants to choose a stronger creative.

FAQ




Key Takeaway: Fast answers help you troubleshoot and choose a workflow.


Claim: Most issues resolve by adjusting particle density, ray intensity, or masking order.


  1. Do I need third‑party plugins for this look?

  2. No. The build uses AE’s native effects and Photoshop textures.

  3. Why use CC Snow instead of a bubble generator?

  4. Snow gives fine, drifting flakes that feel like particulate, not cartoon bubbles.

  5. My rays break when I mask—what’s wrong?

  6. You likely masked the live shape. Precomp the shape first, then mask the precomp.

  7. How do I pick between AE text and a Photoshop PNG?

  8. AE text is quick to light in 3D; PNGs carry ornate, prebuilt textures.

  9. How do I make the text feel underwater?

  10. Add Displacement/Turbulent Displace and sync subtle motion with your light rays.

  11. Can Canva or Spark replicate this compositing?

  12. Not at this nuance; they’re faster for titles but limited for procedural particles and rays.

  13. What’s the benefit of Vizard Agent here?

  14. It assembles a first pass from a prompt, proposes sound, and outputs variants fast.

  15. Can Vizard Agent help if I’m missing assets?

  16. Yes. It can suggest or generate fills and provide stock‑style replacements.

Read more