Create a Faux Zoetrope in Adobe After Effects

Рет қаралды 83,481

Күн бұрын

Get the discount now, bit.ly/2Ik9ciX use my promo ECABRAMS20 to get a 20% discount on your purchase. Don’t miss out! These coupons are limited, so first come - first serve.
Zoetropes were my first introduction to animation, and I love the way they spin up. In this tutorial we're going to look at creating this 3d scene, working up some camera motion, and trick the camera into seeing an optical illusion. We'll be talking about 3d layers, cameras, 3d movement, plenty of little expressions, and some maths. I hope you enjoy this little project and it inspires you to make some cool stuff.
0:00 What are we doing?
1:48 Setup the animation
3:02 Build the Scene
5:56 Camera Motion
9:07 Spin the Zoetrope
Connect on the Internets
www.EvanAbrams.com
www.Twitter.com/ecabrams
www. ECAbrams
www.Twitch.tv/ECAbrams
www.behance.net/ECAbrams

Пікірлер: 117

@littletroublemaker 3 жыл бұрын

I love how in-depth you break everything down. Look forward to seeing more! Helps me feel more comfortable in learning after effects.

@preus4713 3 жыл бұрын

You’re really the best AE channel on YT omg... thank you for teaching us 😭🙏

@margitteember 3 жыл бұрын

Amazing as always!

@sybrandinmotion 3 жыл бұрын

Pffff incredible how much info is in this video. Great stuff as always!

@stnkr_5508 3 жыл бұрын

Wow this is high level animation ! 😱

@zohaibmalik819 3 жыл бұрын

Really nice tutorial. A lot of great things to learn. 👍

@xavierchen9135 3 жыл бұрын

dude....You're an incredible magician...🤯 THANK YOU SO MUCH 🥰

@TonsOfKeas 3 жыл бұрын

Just an incredible tutorial. Touches on and illuminates several things I've been working on recently. Thank you for this.

@ECAbrams 3 жыл бұрын

Glad it was helpful!

@jamesbali1300 Жыл бұрын

The learning curve on this.. Thank you!

@NarendraChennamsetty 2 ай бұрын

You sir are just on another level. thank you for the tutorial

@joe_theis 3 жыл бұрын

WOW... What a great tutorial... Goes a little fast but every detail explained so I just watched it again and again till I got it. Man, if I ever get to know this software a 10th as well as you obviously do, I'll be a happy man... Thanks

@chimchase 3 жыл бұрын

Love your tutorials, tips and tricks..Keep it coming!

@ECAbrams 3 жыл бұрын

More to come!

@alanl890 10 ай бұрын

Wow juat discovereed your channel and can't stop binge watching your tutorials!!!

@natasfresas 3 жыл бұрын

Really well explained. top quality tutorial. subscribed!

@dianastanciu7625 3 жыл бұрын

Holy hell, this is so cool! Definitely going to try this myself next.

@ECAbrams 3 жыл бұрын

That's great to hear! I would love to see what you make of it.

@liudora4758 3 жыл бұрын

THIS IS SO COOL

@sukiarts 2 жыл бұрын

Looks sick!

@ChamaraPerera18 3 жыл бұрын

The only AE tuts to watch at normal speed!

@Totorus 3 жыл бұрын

Great tutorial, thanks for sharing it!!!

@ECAbrams 3 жыл бұрын

My pleasure!

@Megakid35 3 жыл бұрын

Been watching your vids since college. Thanks so much for your tutorials!

@ECAbrams 3 жыл бұрын

Thank you so much for sticking with the channel. I'm glad it continues to hold interest :)

@darkney1337 3 жыл бұрын

Love this, thanks for those in depth informations

@bearimo2867 3 жыл бұрын

Ooooh that rotational array build! Nicely done man, will be using. If you use Motion3 too you can easily revert the anchor point to be centred to each layer after moving them out, to account for further rotational/positional/scaling animation

@NERV0USMONKEYS 3 жыл бұрын

This is really impressive!

@wellpal Жыл бұрын

awesome tutorial.

@HueyGaming.5200 2 жыл бұрын

ECAbrams is the reason I got addicted to After Effects. Thanks a MILLION my Brother.

@ECAbrams 2 жыл бұрын

You're very welcome. I'm always happy to hear the channel is helpful!

@cappipa2910 3 жыл бұрын

You're a great teacher, I'm really blown up with how well explained it is, and I really appreciate how you don't over explain silly stuff just to make the video longer. Thank you for sharing your great knowledge and experience.

@ECAbrams 3 жыл бұрын

A fair amount of effort goes into keeping these short. Some day we'll get it perfect I'm sure.

@cappipa2910 3 жыл бұрын

@@ECAbrams Everything about your videos it's just perfect already, thank you again!

@ghmasterjj 3 жыл бұрын

this was amazing

@ECAbrams 3 жыл бұрын

Thanks! Glad you enjoyed it.

@LogiicLucky 3 жыл бұрын

beautiful masterpiece!

@ECAbrams 3 жыл бұрын

Thank you very much!

@WeebiDash 3 жыл бұрын

Thanks so much Evan!!! This is such a sick effect, instead of using it to repeat a video, I started off a video with it. Really cool look!

@ECAbrams 3 жыл бұрын

Very cool. Do you have a link to the final results?

@WeebiDash 3 жыл бұрын

@@ECAbrams kzfaq.info/get/bejne/fMWGjLppu9KxYqM.html Yeah, the vid was made for Instagram which is why it's square and a little low quality

@MohamedOuhami 3 жыл бұрын

You are a legend my dude 💚 Keep up the good work

@ECAbrams 3 жыл бұрын

I appreciate it. I'll try my best.

@doodlve 3 ай бұрын

This was in depth tutorial

@boskbass 2 жыл бұрын

This is gold content.

@ECAbrams 2 жыл бұрын

Thank you so much. I'm glad people find this stuff as interesting as I do.

@onur.nidayi.1344 3 жыл бұрын

Crazy good !

@ECAbrams 3 жыл бұрын

Thanks 🔥

@HinnerkHesse Жыл бұрын

I can't believe tutorials like this exist

@andrewbird8624 2 жыл бұрын

Click on a random tutorial on a saturday morning… Evan appears and I immediately feel happy 😂

@ECAbrams 2 жыл бұрын

A solid way to start your Saturday. BUT did you know that I'm streaming live every Saturday morning on Behance from 10:00? Come hang out if you're looking for random After Effects stuff on your Saturday mornings!

@ma_ch 3 жыл бұрын

Fantastic!

@ECAbrams 3 жыл бұрын

Many thanks!

@sfnadim 2 жыл бұрын

Love it make more please

@incredimarc 3 жыл бұрын

Raised from a wee babe as a value graph animator, I was pretty down on the speed graph in most applications. This has converted me! Great tutorial as always, and thanks for the spooky skullduggery!

@ECAbrams 3 жыл бұрын

I'm glad I could prove its utility :)

@AyushKumar-ow6lv Жыл бұрын

The content 🔥

@cortezmolledacristian907 3 жыл бұрын

Great!

@EclipseMall 3 жыл бұрын

God bless you!

@Zenedean 3 жыл бұрын

I used to do this without expressions omg, I wish I'd known about it back then

@mzykov 3 жыл бұрын

Need more stuf for camera animation! Great tutor! Thx!!!

@ECAbrams 3 жыл бұрын

For sure! I'll put it on the list of future topics.

@BatonyRobson 3 жыл бұрын

interesting effect

@ethanhunt9254 3 жыл бұрын

Love from India❤️

@ECAbrams 3 жыл бұрын

Thank you so much, from Canada :)

@alializadeh8195 2 жыл бұрын

Thanx

@ECAbrams 2 жыл бұрын

👍

@palpytine 3 жыл бұрын

AE has a built-in `timeToFrames` function. Stuff like this is also *way* easier if you just set the default time encoding to frames instead of SMTPE - simply cmd-click or ctrl-click the timecode in the upper-left corner of the timeline.

@ECAbrams 3 жыл бұрын

Yeah, timeToFrames can get you here too. I tend to use the method described here only because the frame rate of the comp we're putting the expression on is often different from the comp we're using the expression in. And since people might be using an animation holder of any frame rate, taking out the step of specifying which frame rate we're using keeps the method a little less fiddly when making future changes. I do love the tips though. I had debated getting into the time units stuff but ended up dumping it to keep the length down.

@danielethomasarginelli6883 3 жыл бұрын

Thanks for explaining expressions in a simple and friendly way. What do you think about the new camera features in AE2020?

@ECAbrams 3 жыл бұрын

I like 'em. They feel very natural to how I navigate 3d space in other apps currently. It takes some getting used to in context but they're an improvement for me :)

@Coolers1993 3 жыл бұрын

That was awesome thanks for that.. is motion graphics your main gig work wise?

@ECAbrams 3 жыл бұрын

It sure is.

@akashadearg-due1435 3 жыл бұрын

Goreous

@paulvansommeren 3 жыл бұрын

0:40 Wouldn't be an ECAbrams tut without a pun in the first minute

@ECAbrams 3 жыл бұрын

Gotta keep it on brand. :)

@oborooizamisi1894 3 жыл бұрын

Hello Evans, nice tutorial as always, loved the animation but you were quite fast so I couldn't follow the tutorial as well as I wanted to, It could also be because I am still trying to figure my way around animation. What steps can I take to understand expressions and animating in After Effects? Thanks.

@ECAbrams 3 жыл бұрын

Hi. I would say this tutorial is in more of an intermediate skill level. We're getting into niche application of concepts. To get a firm foundation on expressions I would start small. Understanding the the grammar and syntax is great. And doing small uses that can build underststanding of what's happening and why. There are a few tutorials on this channel that are very much just explaining expressions concepts. Maybe I should make a playlist of those. As for animation, it's mostly down to keyframes on properties that change values over time. There are some more basic tutorials on here, but It might be worth looking into a formal course like School of Motion if you prefer a more structured approach. I hope that helps.

@jaevnstroem 3 жыл бұрын

Hah! I actually made a Zoetrope in After Effects about a year ago, mine was 2D tho, like a spinning disk viewed from above :p

@ECAbrams 3 жыл бұрын

up next... flip books.

@tomaszfontana5647 3 жыл бұрын

@ECAbrams yes please 🙏

@DaveHuxtableLanguages 3 жыл бұрын

Very interesting! As, you said lots of cool things to learn. I can only think the dislikes are from people who are deeply offended by your pronunciation of Z.

@ECAbrams 3 жыл бұрын

Tragically, I cannot please all the people all the time.

@McJPPlay 3 жыл бұрын

does anyone know where could i find free 360 secuence images?

@Byrondt 8 ай бұрын

Where can I find such animations??

@balavenkatesan2918 3 жыл бұрын

Can the speed change as you adjust the splines in the speed graph editor? I used a 24 frame animation so i figured based on the equation that should be 360 degrees per second. I'm noticing the frames flicker a bit as the zoetrope moves. Is that a speed issue or could that be because the animation I used is hand drawn frame by frame?

@ECAbrams 3 жыл бұрын

That depends. Your zoetrope has 24 frame, but how many frames per second is the comp where the rotation is happening? That's an important number too.

@balavenkatesan2918 3 жыл бұрын

@@ECAbrams the comp is 24 frames as well

@CGAnimate 3 жыл бұрын

Little question out of curiousity. What is the advantage of using "var i =index -1 ... " instead of just referencing the index-1? Wouldn't it have the same result in this case plus you would save some lines of code thus saving some performance?

@ECAbrams 3 жыл бұрын

I tend to use variables in code to keep things organized and help teach the concepts more clearly. But you could certainly not use variables if you desire.

@MrGoldenscissors 3 жыл бұрын

i swear to god, i'm just starting a project with this type of animation, and here you come with a tutorial i wouldn't be half of the professional i am today if it wasn't for your tutorials (and im not even beggining)

@ECAbrams 3 жыл бұрын

I'm glad this could be timely :) and that the channel continues to be helpful.

@calvinblanchard4866 3 жыл бұрын

I had an issue with the layer reference in the expression: var i = this layer.index-1..... the error was that it had not defined what layer it was referring to in "this layer" the solution i found was to use the pickwhip to select the layer to set the definition correctly. but im running into an issue with the expression for the number counter in the corner. i cant figure out how to define "this comp" The exact error I'm getting is "math is not defined" Do you have any idea how to fix this error?

@ECAbrams 3 жыл бұрын

Are you typing "this comp" or "thisComp"?

@calvinblanchard4866 3 жыл бұрын

nvm im just stupid. honestly dont know what i did to fix it but it works now lol

@andrewbird8624 Жыл бұрын

Anyone know the downside of time re-mapping that hold keyframe with "index/25"

@ECAbrams Жыл бұрын

In what sense do you mean?

@andreele5431 3 жыл бұрын

sir, I got 2 problem 1. My picture cannot rotate 360 even I had import he sequence jpeg already ( in the comp Animation holder, they can rotate) 2. My picture can not be at the center of the Zoetrope comp. I mean it always be lack of harmony Hope you can reply it. Thank you a lot, this tutorial is simply amazing

@ECAbrams 3 жыл бұрын

I'm not sure I understand the troubles you're describing. Are the things perhaps not 3d?

@andreele5431 3 жыл бұрын

@@ECAbrams can I send u the picture to present what I wanna say?

@gilsonoliveira2159 3 жыл бұрын

Maaaann, how deep Ae is? I'm taking tutorials of ground breaks here

@ECAbrams 3 жыл бұрын

As deep as we want it to be really. I have heard it said that most users touch about 20% of the program in their entire career though.

@alisrryegenoglu2481 3 жыл бұрын

But how we find the png sequences?

@ECAbrams 3 жыл бұрын

The footage in this tutorial comes from the video's sponsor Yellow Images. Maybe that would be a good resource?

@manolomaru 3 жыл бұрын

✨👌🙋‍♂️👍✨

@pit183 Жыл бұрын

at the min 3:36 i don,t know why i don,t see the frame change

@saaqib_0252 3 жыл бұрын

This is probably a goodbye project for unus annus

@thijsmooij 3 жыл бұрын

5:18 I dont quite understand what you are doing here, is there anyway that you might be able to explain this part a little more in depth?

@ECAbrams 3 жыл бұрын

The copy and paste of the rotation property? We're letting an expression control how rotated each thing is. And each rotation is being defined by the layer's index value to they're automatically rotated to the correct angle for our needs. Does that make sense?

@thijsmooij 3 жыл бұрын

@@ECAbrams Ah excuse me, I understand yes! It seems I phrased my question incorrectly though... 😬 I actually meant how you did this, in the video you say that you copy the rotation property and then I don’t really get what happens for the 2 to 3 seconds after that. I only see the info bar showing that some things are being processed. So what are you exactly doing here as in what are you pressing on your keyboard? Hopefully I phrased it better this time :)

@abhinavkhare9060 Жыл бұрын

is there anyone who can help with 360 png image sequence without buying yellow images subscription

@ECAbrams Жыл бұрын

I don't think you require a subscription. You can buy anything from them a la carte if you like. But, you might use a lazy susan and take photos. You might do a 3d render. But 360 images are a rare commodity and time-consuming to capture. I hope those ideas help.