PS-AE Workflow

For Surrealist Collage Artists

Tutorials / After Effects / PS-AE Workflow

Animation can breathe mesmerizing life into surrealist collage work. This tutorial explores the live link between Photoshop and After Effects—one of the most powerful workflows for collage animation. Learn to keep both applications open, work fluidly between them, and create subtle, refined movement that elevates your fine art practice.

Subtle Techniques for Surrealist Collage

1. Parallax & Depth Animation

Separate your Photoshop layers by depth (foreground, midground, background), then animate with subtle position shifts at different speeds. This creates a dreamy, dimensional quality without feeling "cartoony."

2. Looping Ambient Motion

  • Breathing/pulsing: Scale layers slightly (95-105%) with smooth easing
  • Gentle drift: Position shifts of 10-30 pixels over 4-8 seconds
  • Opacity flicker: Subtle 85-100% opacity changes for ethereal effects

3. Puppet Tool for Organic Distortion

For collage elements that should feel alive—fabric, clouds, organic shapes—the Puppet Tool allows subtle warping that feels hand-crafted rather than mechanical.

Expression Shortcuts for Elegant Motion

Copy-paste ready expressions that create elegant, perpetual motion. Apply these to your PSD layers in After Effects for refined, subtle animation.

Gentle Oscillation (Breathing Effect)

// Apply to Scale
freq = 0.3; // speed
amp = 5;    // intensity
value + Math.sin(time * freq * Math.PI * 2) * [amp, amp];

Smooth Drift

// Apply to Position
freq = 0.2;
amp = 15;
[value[0] + Math.sin(time * freq) * amp, 
 value[1] + Math.cos(time * freq * 0.7) * amp]

Random Gentle Movement (More Organic)

// Apply to Position
freq = 0.15;
amp = 20;
seedRandom(index, true);
wiggle(freq, amp, 3, 0.5);

Setting Up Your PSD for AE Workflow

Layer Organization Strategy

Name your layers descriptively — AE will use these names: 

"FG_Flower_Detail"
"Mid_Figure_Left"
"BG_Sky_Texture"
"Overlay_Grain"

Group related elements using Photoshop layer groups — AE imports these as nested compositions, incredibly useful for complex collages.

Avoid in Layer Names
  • Starting with operators: +, -, *, /
  • Special characters: #, %, & (underscores and hyphens are fine)

The Live Link Setup

Step 1: Import into AE

  1. In After Effects: File > Import > File (or double-click in Project panel)
  2. Select your PSD
  3. Choose "Composition – Retain Layer Sizes" (critical for collage work)
Import Option When to Use
Retain Layer Sizes ✅ Best for collage — layers import at original bounds, easier to animate individually
Crop to Document Size All layers same size as canvas — useful for consistent anchor points

Step 2: Enable Dynamic Link

Once imported, AE creates a live link to your PSD:

  • Changes in Photoshop update in AE
  • In AE: Right-click footage layer → "Reload Footage" or auto-updates on project open

The Working Workflow

Your Daily Process

  1. Keep both apps open — this is the magic
  2. Work in Photoshop: paint, collage, adjust layers, add new elements
  3. Switch to AE: changes appear (save the PSD first)
  4. Animate in AE with expressions, keyframes, effects
  5. Return to PS for refinements — the animation persists

What Updates Automatically

Element Status
Layer visibility (on/off) ✓ Updates
Layer content (pixels painted) ✓ Updates
Layer opacity ✓ Updates
New layers added ✓ Appear at top of layer stack
Deleted layers ✓ Updates
Layer order changes ✗ Requires re-import
Renamed layers ✗ AE loses the link

Pro Tips for This Workflow

1. Use "Edit Original"

In AE, select your comp layer and press Ctrl/Cmd + E — opens the PSD directly in Photoshop. Save, switch back to AE.

2. Layer Management Discipline

  • Lock layers you're animating in AE to prevent accidental PS changes
  • Use null objects in AE as animation controllers — parent PSD layers to nulls. This way if you replace a layer in PS, the animation stays on the null.

3. Handle New Layers Gracefully

When you add layers in PS, they appear at the top of the layer stack in AE. You may need to drag them into position — existing layer animations remain intact.

4. Smart Objects Strategy

  • Convert collage elements to Smart Objects in PS before animating
  • Preserves editability (double-click opens original)
  • AE respects Smart Object boundaries

Expression-Friendly Layer Structure

Structure your PSD with animation in mind. Parent groups to nulls for coordinated movement: 

[Top]    Overlay_Effects (grain, texture)
         FG_Elements (detailed, fast parallax)
         Mid_Elements (main subjects)
         BG_Elements (slow parallax, atmospheric)
[Bottom] Base_Texture

Then in AE, parent groups to nulls: 

// Parent FG to a null, apply to Position for parallax
// Null "FG_Controller" moves faster
// Null "BG_Controller" moves slower

Troubleshooting Common Issues

Problem Solution
Changes not appearing Save PSD in Photoshop, then in AE: right-click footage → "Reload Footage"
Layer disappeared in AE Check if you renamed it in PS — AE lost the link
New layer in wrong place Drag to correct position in AE timeline
Performance slow In AE: Edit > Preferences > Import — uncheck "Create Layers from Layer Styles"

Artistic Tools to Explore

Tool Best For Why It Works for Fine Art
After Effects Full control, expressions Industry standard, integrates with Photoshop
Cavalry Procedural animation Built for motion design with fine art sensibility
Procreate Dreams Hand-drawn frame-by-frame Organic, painterly movement
Cinema 4D Lite (in AE) 3D depth in collages Subtle camera moves through layered space

Surrealist-Specific Animation Ideas

  • Cinemagraph approach: Most of the image static, one element subtly moving (hair floating, smoke drifting, eyes blinking)
  • Cut-out animation: Separate collage elements with slight independent rotations
  • Texture animation: Subtle displacement maps on painted textures to create living surfaces

The Elegant Workflow Summary

  1. Build collage in PS — organized layers, descriptive names
  2. Import as Comp to AE — retain layer sizes
  3. Keep both open — work fluidly between them
  4. Animate with expressions — subtle, refined movement
  5. Refine in PS — paint, adjust, add elements
  6. Polish in AE — fine-tune timing, add effects
← Back to AE Tutorials