Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on Twitter
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Advanced 2.5D Animation in AE

COW Library : Adobe After Effects Tutorials : Mathew Fuller : Advanced 2.5D Animation in AE
Adobe After Effects Tutorial at Creative COW


CreativeCOW presents Advanced 2.5D Animation in AE -- Adobe After Effects Tutorial



©2010 CreativeCOW.net. All rights reserved.


Article Focus:
In this AE video tutorial, Mathew Fuller covers some advanced techniques for extracting depth from 2D still images to create 2.5D moving graphics inside After Effects.



Play Video Tutorial



  View 18 Comment(s)

  Adobe After Effects Tutorials   •   Adobe After Effects Forum
Reply   Like  
+4
Comments

Dust particles
by James Saleska
How did you create the animated dust particles for the soldier? I would love to create something similar for a project I am working on.
Re: Advanced 2.5D Animation in AE
by tuan dang
dude, your website promo is freaking awesome. i can't wait. the 2.5d on the surfer was amazing on the promo.

tvandang
Re: Advanced 2.5D Animation in AE
by tuan dang
can you give me some more techniques? you use the animated dust particles for the soldier, the luma matte, and what else during your project? i assume using displacement map is another good one too. please, please. thanks!

tvandang
Re: Advanced 2.5D Animation in AE
by tuan dang
wow, i really likes this. i know you have more tricks:-) i like the concept of extracting part of the waves and make it into a luma matte. that was so cool. i was using camera mapper from digieffect but this technique is so much more powerful. thanks a bunch!

tvandang
Re: Advanced 2.5D Animation in AE
by Jeffrey Leonard
Every time i do the Luma part, it just stays as a mask and doesnt transfer into the data. IE i was trying to do a snowboarding example.. and every time i would set the bottom color data to Trkmat Luma the Luma that i created... it would basically do nothing..
Viewer control
by Michael Krupnick
How did you manipulate the viewer with mouse gestures?
@Michael Krupnick
by mathew fuller
If you would elaborate on this I could answer it for you.

The higher they fly... the much.
http://www.morecompletefx.com/reel.html
@mathew fuller
by Michael Krupnick
You were scooting blithely all over the screen! And resizing and repos-ing the view. Okay, in C4D I know how to do it, but you were doing it in AE! I'm so jealous. I went thru all the help topics, but found nothing about "grabbing" the view and revising it. C'mon, now,; tell me: it's too cool.
Re: Advanced 2.5D Animation in AE
by Shaun Au
How did you get the mid layer(surfer) separated from the original photo? You didn't explain that part. I'd think you have to clip out the surfer first, then stamp/clone the wave behind of him in Photoshop. If that's the case, then the process is not that simple since some of the photos with complext background are very hard to separate.

@Shaun Au
by mathew fuller
Shaun Au
Look at the comments below... I explain it. I guess I should have gone into that deeper... but yes your assumption is correct.. and it's very very easy to paint out a surfer over waves.

Nate Vander Pla
I didn't choose the puzzle image... Creative Cow did.

The higher they fly... the much.
http://www.morecompletefx.com/reel.html
Re: Advanced 2.5D Animation in AE
by Nate Vander Plas
Nice tutorial, but I must say the true 3D image of the puzzle was a bit misleading. I thought it would be a tutorial on using Photoshop 3D in AE.
Re: Advanced 2.5D Animation in AE
by kurt hudson
ahh ok I take it back it was 5 in the morning.. he must be about to fall asleeep..
Re: Advanced 2.5D Animation in AE
by kurt hudson
great tutorial but I only made it halfway thru I could not bear to listin to this guys voice anymore it sounds as if hes about to start crying.. show some enthusiasm!
Re: Advanced 2.5D Animation in AE
by Mike Daniels
Awesome! Thanks for the vid and the quick response!
Re: Advanced 2.5D Animation in AE
by mathew fuller
Yes, I first cut out the surfer onto his own layer and then painted over him on the background using the clone tool. Backgrounds that are random like waves.. trees... or sky are quite easy to paint over and you'll never know. Patterns like wallpaper or chain link fence... that's another story.

Just remember it doesn't have to be perfect because the surfer covers most of what I cloned in... it just has to be good enough to be convincing. What's convincing??? This must be judged on a case by case basis.
Re: Advanced 2.5D Animation in AE
by Mike Daniels
I'm doing the same kind of stuff for a show I'm working on. I'm curious...with offsetting the surfer from the original picture, I'm assuming you made a separate layer in photoshop and masked him out. That being said, what do you do to the now original background that still has the surfer in it to rid it of his presence so as to not see the 2d surfer when zooming in? Do you edit it a bit with the clone tool and try to just get the waves w/o the surfer? Or maybe because he (masked out surfer) is closer in Z Space he just covers his 2d self. I'm very curious to know because this looked amazing! Very good! I hope to hear from you soon.
Re: Advanced 2.5D Animation in AE
by Jeff Hight
Awesome tutorial. Is the secret to a great tutorial doing it at 5:21 in the morning?

Thanks!
Jeff
Re: Advanced 2.5D Animation in AE
by Juan Urquhart
Really loved it, waiting for the new one...the football players...:-)


Related Articles / Tutorials:
Adobe After Effects
Virtual 3D Sets with After Effects

Virtual 3D Sets with After Effects
  Play Video
Rob Mize demonstrates techniques for creating a virtual set in 3D space. He shows how you can build sophisticated, detailed environments, where your actors appear to interact with their 3 dimensional surroundings. Build the set of your dreams using nothing more than After Effects, a few textures and your creativity.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: The Tilt Shift Effect

Lite Bite for After Effects: The Tilt Shift Effect
  Play Video
In this tutorial, Martin Ainsworth will demonstrate the "Tilt Shift" effect also known as "Toy Town Look" using Abobe After Effect. This simple yet very power technique can add an extra dimension to an opening introduction.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I use 8 or 16 bpc effects on 16 or 32 pbc projects?

Lite Bite for After Effects: How do I use 8 or 16 bpc effects on 16 or 32 pbc projects?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this next AE Lite Bite tutorial, Andrew Devis shows how to use 8 or 16 bpc effects safely on 16 or 32 bpc projects.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I animate Text on a Path?

Lite Bite for After Effects: How do I animate Text on a Path?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this next AE Lite Bite tutorial, Andrew Devis shows how to quickly and easily animate text on a path.

Tutorial, Video Tutorial
Adobe After Effects
You Ask....I Answer: Masking vs Track Matting Part 2: Adobe After Effects

You Ask....I Answer: Masking vs Track Matting Part 2: Adobe After Effects
  Play Video
In this tutorial, Kevin P McAuliffe takes a look at doing the same viewer requested track matting technique he showed in Motion 5, but the time he demonstrates the technique inside of Adobe After Effects.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I create a simple Light Wrap?

Lite Bite for After Effects: How do I create a simple Light Wrap?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this first AE Lite Bite tutorial, Andrew Devis shows how to make a quick 'light wrap' effect for a keyed item so that the edge or alpha channel of the keyed item includes some of the pixels from the background element so that it starts to look as if the two items really belong together.

Tutorial, Video Tutorial
Adobe After Effects
Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects

Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects
  Play Video
Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects von Lucas Pfaff: lernen die Grundlagen der Weißabgleich.

Tutorial, Video Tutorial
Adobe After Effects
Using the Scribble & Stroke Effects

Using the Scribble & Stroke Effects
  Play Video
The "Scribble" and the "Stroke" effects are often overlooked due to the fact that it isn't immediately obvious how they work as they won't work unless applied in a very particular way. In this in-depth tutorial, Andrew Devis explains how to apply these effects and then goes through the many options in each effect which can make them very powerful and able to produce a surprisingly large variety of results.

Tutorial, Video Tutorial
Adobe After Effects
Character Design and Animation in AE: Part One

Character Design and Animation in AE: Part One
  Play Video
Rob Mize demonstrates the process of designing, creating and animating a character entirely in After Effects. Part 1 focuses on the design and creation of the character using nothing more than AE shapes.

Tutorial, Video Tutorial
Adobe After Effects
Adobe Creative Cloud Offers Applications, Services, Community

Adobe Creative Cloud Offers Applications, Services, Community

With Creative Cloud, Adobe is switching from a model of software as a product to Software as a Service (SaS). By early 2012, Adobe Creative Cloud is expected to include such applications as After Effects, Premiere and Photoshop. Creative Cloud includes a hub for viewing, sharing and syncing of files, and a subscription with 20GB of cloud storage.

Feature, People / Interview
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]