adobe max 2011: after effects and flash in rich media advertising
DESCRIPTION
John Percival and I cover some great things you can do when you use Flash to latch on to motion tracking and rotoscoping data created by After Effects in order to dynamically replace advertising areas in production videos.TRANSCRIPT
- 1. After Effects + Flash = Killer Rich Media
Ian McLean |director of humanoid robotics
John Percival | creative technologist
2. The part of the session
2
3. Session Goals
First, Wake up!
Learn how After Effects + Flash add value to the industry
Understand the unique workflow between apps
Try this on your own
3
4. Agenda
Why use After Effects and Flash?
Demo a project walk-through
Learn some best practices and workflow tips
Get down and dirty with some more examples
Answer any questions
Giveaways
4
5. After Effects and Flash in Rich Media
- Dynamic changes to video content at runtime
6. No need to re-edit re-export 7. Can be automated (no need for
a resource) 8. Up to the moment marketing relevancy 9.
Advertisement isnt baked in 10. Provide a longer shelf life for
marketing campaigns within videos5
11. 6
12. After Effects in Rich Media
A known increase in video production specifically for online
Create a cinematic experience
Leverage Expressions & Scripts
Keying video for transparency over content
Motion Tracking & Planar Tracking
Rotoscoping
Exporting Cue-point data for Flash
7
13. 8
14. Flash in Rich Media
What does Flash have?
Programmable playtime interactivity (AS3)
Powerful Runtime with many features
With the available video from After Effects we can:
Dynamic 2D/3D content replacement
User Interactivity at video playtime
9
15. 10
16. A Real AE + Flash Dynamic Rich Media Ad
ABCs: No Ordinary Family
The Client Need:
A Homepage takeover across multiple publishers where the creative
will push the page content across the screen in hopes to engage a
user.
The page has to be current and updated on sites refresh and blend
seamlessly with the produced video spot.
The Solution:
Develop a scalable creative utilizing an external screen grab
service while preserving an alpha channel in video.
Utilize cue-point data from After Effects to control the Flash
content at runtime.
11
17. 12
18. Best-Practices and Workflow
Prep video content for Flash
Remove small copy
Avoid sub-pixel video objects
Wrap video object in a MovieClip
Crop video
Avoid tilting or skewing the main video object in Flash
Know when to use Flash animation or After Effects animation
Save the compositing for After Effects
Use RichFLV when dealing with FLV meta data
File size, CPU processes, and optimize
13
19. 14
20. Geo-Data based license plate
What does this accomplish?
How we do it:
3D fake out using programmatic skewing from tracking data
Automated distance blurring from coordinates
15
21. BasicMall advertising promotional video
What does this accomplish?
How we do it:
3D fake out using programmatic skewing from tracking data
16
22. Broadcast content dynamic ads
What does this accomplish?
How we do it:
3D fake out using programmatic skewing from tracking data
17
23. RotoMall advertising promotional video
What does this accomplish?
How we do it:
3D fake out using programmatic skewing from tracking data
Creating programmatic masks from rotoscope data
18
24. 19
25. Pond 5 Gift Certificates
(2) $100 Pond 5 Gift Certificate
Tweet @Pond5 w/ #AE+Flash
20
26. Hand in your surveys to the room monitors
One survey per session will be selected as a winner of an Adobe
Press e-book or Video
Introduction to Adobe Edge
Web Design with Muse (code name) from Adobe
Android App Development and Design: Learn by Video
Winners will be notified via e-mail at the end of each day
Turn in your surveys for a chance to WIN!
27. Contact
22
Ian:
@ianmclean
[email protected]
John:
@percival13
[email protected]
28. 23