Create a Faux Zoetrope in Adobe After Effects

[@preus4713]

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

[@HueyGaming.5200]

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

[@ECAbrams]

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

[@littletroublemaker]

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

[@cappipa2910]

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]

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

[@cappipa2910]

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

[@joe_theis]

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

[@TonsOfKeas]

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

[@ECAbrams]

Glad it was helpful!

[@alanl890]

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

[@ChamaraPerera18]

The only AE tuts to watch at normal speed!

[@xavierchen9135]

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

[@andrewbird8624]

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

[@ECAbrams]

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!

[@sybrandinmotion]

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

[@stnkr_5508]

Wow this is high level animation ! 😱

[@MohamedOuhami]

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

[@ECAbrams]

I appreciate it. I'll try my best.

[@NarendraChennamsetty]

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

[@dianastanciu7625]

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

[@ECAbrams]

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

[@relaxmax6808]

Would you be interested in working on a music video? Do you also know the phénakistiscope animation? Thx

[@Megakid35]

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

[@ECAbrams]

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

[@jamesbali1300]

The learning curve on this.. Thank you!

[@WeebiDash]

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]

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

[@WeebiDash]

@@ECAbrams kzbin.info/www/bejne/fJC5iopui9GAaNE Yeah, the vid was made for Instagram which is why it's square and a little low quality

[@margitteember]

Amazing as always!

[@HinnerkHesse]

I can't believe tutorials like this exist

[@sukiarts]

Looks sick!

[@incredimarc]

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]

I'm glad I could prove its utility :)

[@boskbass]

This is gold content.

[@ECAbrams]

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

[@ghmasterjj]

this was amazing

[@ECAbrams]

Thanks! Glad you enjoyed it.

[@Totorus]

Great tutorial, thanks for sharing it!!!

[@ECAbrams]

My pleasure!

[@bearimo2867]

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

[@relaxmax6808]

Would you be interested in working on a music video? Do you also know the phénakistiscope animation? Thx

[@doodlve]

This was in depth tutorial

[@zohaibmalik819]

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

[@liudora4758]

THIS IS SO COOL

[@chimchase]

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

[@ECAbrams]

More to come!

[@relaxmax6808]

Would you be interested in working on a music video? Do you also know the phénakistiscope animation? Thx

[@bibliagrafica]

What a genius! 🎉

[@natasfresas]

Really well explained. top quality tutorial. subscribed!

[@NERV0USMONKEYS]

This is really impressive!

[@LogiicLucky]

beautiful masterpiece!

[@ECAbrams]

Thank you very much!

[@wellpal]

awesome tutorial.

[@palpytine]

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]

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.

[@onur.nidayi.1344]

Crazy good !

[@ECAbrams]

Thanks 🔥

[@darkney1337]

Love this, thanks for those in depth informations

[@AyushKumar-ow6lv]

The content 🔥

[@Rico183-b2j]

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

[@sfnadim]

Love it make more please

[@anhthutran2773]

I wonder why my skull is not spinning, only the circle spin. I don't know I mess up which part

[@danielethomasarginelli6883]

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

[@ECAbrams]

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 :)

[@paulvansommeren]

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

[@ECAbrams]

Gotta keep it on brand. :)

[@Byrondt]

Where can I find such animations??

[@Zenedean]

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

[@balavenkatesan2918]

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]

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]

@@ECAbrams the comp is 24 frames as well

[@CGAnimate]

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]

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]

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]

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

[@mzykov]

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

[@ECAbrams]

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

[@andrewbird8624]

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

[@ECAbrams]

In what sense do you mean?

[@alideep9656]

Thank you

[@thijsmooij]

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]

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]

@@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 :)

[@oborooizamisi1894]

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]

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.

[@ma_ch]

Fantastic!

[@ECAbrams]

Many thanks!

[@M1NTFR3SH]

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

[@ECAbrams]

It sure is.

[@calvinblanchard4866]

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]

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

[@calvinblanchard4866]

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

[@McJPPlay]

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

[@ethanhunt9254]

Love from India❤️

[@ECAbrams]

Thank you so much, from Canada :)

[@DaveHuxtableLanguages]

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]

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

[@andreele5431]

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]

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

[@andreele5431]

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

[@cortezmolledacristian907]

Great!

[@alisrryegenoglu2481]

But how we find the png sequences?

[@ECAbrams]

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

[@alializadeh8195]

Thanx

[@ECAbrams]

👍

[@EclipseMall]

God bless you!

[@BatonyRobson]

interesting effect

[@jaevnstroem]

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]

up next... flip books.

[@tomaszfontana5647]

@ECAbrams yes please 🙏

[@akashadearg-due1435]

Goreous

[@gilsonoliveira2159]

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

[@ECAbrams]

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.

[@RedStallion2000]

Would you call the result a Fauxetrope ?

[@ECAbrams]

10/10 perfect pun.

[@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.

[@saaqib_0252]

This is probably a goodbye project for unus annus

[@Abdo.A]

Omg I hate expressions. If only you can do that part a little slower and explain it more. Great tut as usual.

[@manolomaru]

✨👌🙋‍♂️👍✨

[@ЭвелиночкаУсманова]

very sexy voice i just fall in love

[@gokhanelmac]

hello sir, Can you share the project file?