top of page

FROM

Still to

Motion

A documented AI workflow. From a flat illustration to a living, breathing landing page.

Screenshot 2026-06-07 at 1.19.jpg

01— The Purpose

Showing AI as a serious

creative tool, not a novelty.

Every prompt, every decision, every iteration documented.

Metrics + Tools

Untitled-1.png

$20

Total

Cost

11K

Total

Credits

12H

Total

Time

43

Prompts

Written

46

Assets Generated

This is what it cost to take a flat illustration into three dimensions using AI.

02—  The Direction

A flat illustration tells.  A 3D motion piece makes you feel.

The decision was to take the existing SonderMind illustration further, turning a static graphic into a surrealist 3D motion piece that gives the page atmosphere and emotion.

SonderMind Landing Page Illustration.jpg

03—  Mood board

Six reference images, each answering one specific question. 

Asset 6-100.jpg

Head material

Frosted, iridescent, semi-transparent

Asset 3-100.jpg

Head angle

Three-quarter, slight downward gaze

Asset 4-100.jpg

Inner spiral

Thought looping endlessly inward.

Asset 5-100.jpg

Interior cut

Clean horizontal slice, open top

Generative Object-100.jpg

Cloud  reference

Soft pink, lavender, warm highlights

Asset 2-100.jpg

Rain reference

Thin glassy streaks, slow and vertical

03—  Workflow

The process, step by step

Prompts.jpg

01

Magnific assistant node

Fed each mood board image into Magnific. Extracted only the quality I needed.

01

Master Prompt.jpg

02

Master prompt

Combined all descriptions into one brief for the head generation.

02

Head.jpg

03

Generating the head

Multiple iterations refined through targeted prompts.

03

03

The Head — Final

Generated and refined entirely in Magnific. Final touches in Photoshop. Water surface level, minor surface corrections.

04

04

The Head — Final

Generated and refined entirely in Magnific. Final touches in Photoshop. Water surface level, minor surface corrections.

Layer 14_edited_edited.png
wqw.jpg

05

Building the cloud

Same process. One consolidated prompt for the final generation.

05

05

The Cloud — Final

Generated in Magnific. Used Photoshop's AI tools to adjust the cloud angle and composition to match the exact position needed for the final scene.

06

Screenshot 2026-06-05 at 12.10.png

06

The Cloud — Final

Generated in Magnific. Used Photoshop's AI tools to adjust the cloud angle and composition to match the exact position needed for the final scene.

05

Compositing

Same process. One consolidated prompt for the final generation.

Ai Case Study.jpg

07

Compositing

Merged head and cloud. Adjusted scale and lighting.

07

Screenshot 2026-06-08 at 11.58.jpg

08

Adding motion

Prompted for cloud breathing, lightning, rain, and water ripple as a seamless loop.

08

04—  The Result

The final illustration was placed on the SonderMind landing page as a looped animation. Autoplay, no controls, living as part of the page.

Asset 9_2x.png

Before

SonderMind Landing Page Illustration.jpg

After

Screenshot 2026-06-08 at 6.06.jpg
Layer 7.jpg
SonderMind.jpg
RGR.jpg
Untitled-1.jpg
Artboard 1-100.jpg
Packaging.jpg
SonderMind.jpg
Layer 7.jpg
RGR.jpg
Untitled-1.jpg
Artboard 1-100.jpg
Packaging.jpg
SonderMind.jpg
Layer 7.jpg
RGR.jpg
Untitled-1.jpg
Artboard 1-100.jpg
Packaging.jpg
bottom of page