Create a Faux Zoetrope in Adobe After Effects
ฝัง
- เผยแพร่เมื่อ 27 มิ.ย. 2024
- 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
ecabrams
ECAbrams
www.Twitch.tv/ECAbrams
www.behance.net/ECAbrams
You’re really the best AE channel on YT omg... thank you for teaching us 😭🙏
I love how in-depth you break everything down. Look forward to seeing more! Helps me feel more comfortable in learning after effects.
Just an incredible tutorial. Touches on and illuminates several things I've been working on recently. Thank you for this.
Glad it was helpful!
Wow this is high level animation ! 😱
Amazing as always!
Pffff incredible how much info is in this video. Great stuff as always!
The learning curve on this.. Thank you!
dude....You're an incredible magician...🤯 THANK YOU SO MUCH 🥰
Wow juat discovereed your channel and can't stop binge watching your tutorials!!!
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
Really nice tutorial. A lot of great things to learn. 👍
The only AE tuts to watch at normal speed!
Really well explained. top quality tutorial. subscribed!
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.
A fair amount of effort goes into keeping these short. Some day we'll get it perfect I'm sure.
@@ECAbrams Everything about your videos it's just perfect already, thank you again!
This is really impressive!
THIS IS SO COOL
Love this, thanks for those in depth informations
Love your tutorials, tips and tricks..Keep it coming!
More to come!
Holy hell, this is so cool! Definitely going to try this myself next.
That's great to hear! I would love to see what you make of it.
Been watching your vids since college. Thanks so much for your tutorials!
Thank you so much for sticking with the channel. I'm glad it continues to hold interest :)
Looks sick!
You sir are just on another level. thank you for the tutorial
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
You are a legend my dude 💚 Keep up the good work
I appreciate it. I'll try my best.
ECAbrams is the reason I got addicted to After Effects. Thanks a MILLION my Brother.
You're very welcome. I'm always happy to hear the channel is helpful!
This was in depth tutorial
beautiful masterpiece!
Thank you very much!
awesome tutorial.
Great tutorial, thanks for sharing it!!!
My pleasure!
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!
Very cool. Do you have a link to the final results?
@@ECAbrams th-cam.com/video/F_VYW8VlM2o/w-d-xo.html
Yeah, the vid was made for Instagram which is why it's square and a little low quality
I can't believe tutorials like this exist
this was amazing
Thanks! Glad you enjoyed it.
Click on a random tutorial on a saturday morning… Evan appears and I immediately feel happy 😂
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!
Love it make more please
The content 🔥
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!
I'm glad I could prove its utility :)
This is gold content.
Thank you so much. I'm glad people find this stuff as interesting as I do.
Fantastic!
Many thanks!
I used to do this without expressions omg, I wish I'd known about it back then
Great!
Crazy good !
Thanks 🔥
God bless you!
interesting effect
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.
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.
Need more stuf for camera animation! Great tutor! Thx!!!
For sure! I'll put it on the list of future topics.
Thanks for explaining expressions in a simple and friendly way. What do you think about the new camera features in AE2020?
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 :)
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)
I'm glad this could be timely :) and that the channel continues to be helpful.
Goreous
Love from India❤️
Thank you so much, from Canada :)
That was awesome thanks for that.. is motion graphics your main gig work wise?
It sure is.
0:40 Wouldn't be an ECAbrams tut without a pun in the first minute
Gotta keep it on brand. :)
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
up next... flip books.
@ECAbrams yes please 🙏
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.
Tragically, I cannot please all the people all the time.
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.
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.
Thanx
👍
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?
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.
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?
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.
@@ECAbrams the comp is 24 frames as well
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?
Are you typing "this comp" or "thisComp"?
nvm im just stupid. honestly dont know what i did to fix it but it works now lol
Maaaann, how deep Ae is? I'm taking tutorials of ground breaks here
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.
Where can I find such animations??
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
I'm not sure I understand the troubles you're describing. Are the things perhaps not 3d?
@@ECAbrams can I send u the picture to present what I wanna say?
This is probably a goodbye project for unus annus
does anyone know where could i find free 360 secuence images?
✨👌🙋♂️👍✨
Anyone know the downside of time re-mapping that hold keyframe with
"index/25"
In what sense do you mean?
at the min 3:36 i don,t know why i don,t see the frame change
But how we find the png sequences?
The footage in this tutorial comes from the video's sponsor Yellow Images. Maybe that would be a good resource?
Would you call the result a Fauxetrope ?
10/10 perfect pun.
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?
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?
@@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 :)
is there anyone who can help with 360 png image sequence without buying yellow images subscription
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.
Omg I hate expressions. If only you can do that part a little slower and explain it more. Great tut as usual.
very sexy voice i just fall in love
hello sir, Can you share the project file?