# AI Motion Poster Creation Workflow

> Step-by-step workflow combining AI generation with After Effects for layered motion posters

This production workflow guides you through turning static AI-generated imagery into animated graphic posters. It integrates generative tools like ChatGPT and Runway with Adobe Illustrator and After Effects rotoscoping to place typography behind moving subjects. It is a practical method for motion designers looking to blend AI assets with traditional composition techniques.

## How it works

Step-by-step AI motion poster workflow:

1. Image Generation: Open ChatGPT, go to 'Explore GPTs', select DALL-E, and generate your central subject with a detailed prompt (e.g., 'a man wearing a white tshirt covered in clouds, clear sky background, daytime, front view, realistic photoshoot').
2. Video Animation: Go to runwayml.com, open 'Generative Video' (Gen-2 or Gen-3), upload the generated still image, and provide a prompt describing motion and camera movement (e.g., 'Dreamlike vibe of a person wrapped in soft, drifting clouds, camera slowly pans around'). Generate a 4-second video clip.
3. Typography Design: In Adobe Illustrator, design the title typography and branding vector elements.
4. Rotoscoping & Separation: Import the video into Adobe After Effects. Use the Roto Brush tool on the video layer to trace and isolate the foreground subject from the background.
5. Layering & Composition: Place the Illustrator typography layer between the rotoscoped foreground layer and the background layer so the title sits convincingly behind the moving subject.
6. Layout & Finishing: Add perimeter text, graphic layouts, color grading, and texture overlays before exporting the final render.

## What it is for

- Design animated promotional posters for social media and events
- Integrate kinetic typography behind moving AI video subjects
- Convert static AI concepts into dynamic video graphics using rotoscoping

## Key points

- Generate a subject with a clean background using DALL-E in ChatGPT
- Animate the still image into a short clip using Runway Gen-2 or Gen-3
- Create layout typography and branding vectors in Adobe Illustrator
- Isolate the moving foreground subject with the Roto Brush in Adobe After Effects
- Sandwich typography layers between the rotoscoped subject and the background
- Finalize with framing text, color grading, and texture overlays

## Pricing

Freemium. Requires access to generative tools (ChatGPT Plus/Runway) and Adobe Creative Cloud subscriptions

## Details

- Type: Tip
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [Motion Design](https://xiry.app/topics/design/motion-design.md)
- Open source: no
- Platforms: Web, macOS, Windows
- For: Motion designers, graphic designers, and digital artists
- Tags: motion design, after effects, runway, rotoscoping, posters, ai workflow

## Why it was saved

- [@zachex, 22 October 2024](https://www.instagram.com/reel/DBcGcG0RZSu/): Shows how to combine AI image and video generation with traditional motion design tools to create depth and layered typography behind animated subjects.

## Related

- [Hera](https://xiry.app/resources/hera): AI-powered web editor for generating editable motion graphics from text prompts. (Web app, Freemium)
- [Modyfi](https://xiry.app/resources/modyfi): Browser-based graphic design editor with procedural motion graphics and effects (Web app, Freemium)
- [Jitter](https://xiry.app/resources/jitter): Fast, browser-based motion design tool with Figma import and AI animation features (Web app, Freemium)
- [Lottielab](https://xiry.app/resources/lottielab): Browser-based motion design editor for creating and exporting Lottie animations (Web app, Freemium)
- [Raylight](https://xiry.app/resources/raylight): Browser-based motion graphics editor for creating 3D product launch videos. (Web app, Freemium)
- [Unicorn Studio](https://xiry.app/resources/unicorn-studio): Visual canvas for designing interactive WebGL shaders and motion graphics (Web app, Freemium)

Updated 3 October 2026. Page: https://xiry.app/resources/ai-motion-poster-creation-workflow

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.