Wow this is so awesome, I just started with after effects and I was happy that i understood keyframes and the basic transform options. I have so much to learn... Great video!
Great tutorial. Lots of great suggestions. I’m particularly fascinated by your moving the colored bars to offset the key frames as that seems radically time saving and I’ve not seen anyone do it quite that way before. 🤯🤯I’m still self taught and lead by my imagination first. 🙏🏻🙏🏻🙏🏻
WOW, I've been using After Effects for years and had no idea you could create a ramp using that method. For trickery I used Light Sweeps. Thanks as always!
"write on" refers to a group of techniques rather that the specific name of an effect. It means any time something looks like it's being written on. This might be text, brush strokes, lines of any kind really. I would say it's a pretty common short hand in the motion design space from the past decade+ of working in it. There are a few tutorials about these techniques on this very channel actually.
@@maxmagnus777 kinetic typography is just a fancy way of saying "moving text". Write on techniques can be a part of kinetic typography. But kinetic typography is larger than write on techniques, and write on techniques are not exclusive to typography as you can see when we apply it to icons that have no textual elements. Does that make sense?
@@ECAbrams kind of yeah, so it is kind of everything in motion design except logo design? Anyways, thanks for mentioning that this area exists in your channel, I've qued up your videos explaining it for later. Cheers :D
@@maxmagnus777 That really depeds on how you define motion design. Many consider anything that moves in a design context to be a part of motion design. An icon in an app. The opening titles of a film. An explainer video. The menus on TVs at McDonalds. Sometimes it's icons, sometimes it's logos, sometimes it's characters, sometimes it's text, sometimes it's just abstract shapes. To some people motion design means the c4d mograph module, or simulations in Houdini. To someone else it's lower 3rds in premiere. It's many things to many people, and a very large space to explore.
Great tutorial and narrating style! What would your solution be for a constant stroke width for shapes that rotate in 3d? Once at 90 degree angle on the Y axis , they disappear, and even layer style stroke, while does keep them visible, makes them thicker when they return.
true 3d with consistent strokes is a challenge for sure. This is why things like the toon shader in c4d are so helpful. At a certain angle there are no pixels so there is nothing to grab on to for making the edge. Would precomping the rotating thing help?
Excellent video, but I was wondering how you would export these icons? With the transparent background. I can't find a method that doesn't export a 5 seconds, 3 Giga video.
I'm having a hard time coming up with animation ideas like this when I want to break them down or it takes a long time for me to come up with it, is this normal? It's been a year since I started motion and I'm a self taught I don't know exactly where I'm at.
First, a year is not a lot of time. You need experience and you need a process. Nothing is easy when you aren't used to doing it. But second, people who can generate many versions or alternatives and can do it quickly can do so because they have practiced the skill of coming up with ideas. It's no more mystical or unknowable than that.
So I have a question kind of off topic but hopefully you can answer if you see this. Is there a way (expression or not) that when you add roundness to a (rectangle for eg) and you scale it on either the X or Y axis only... that you can stop the ends from looking so warped? like this (i.ibb.co/6WB2yyC/Capture.png) Thanks
@@ECAbrams I'm creating a template so I'm adding an expression to the size to allow the user to adjust it. Is there really not any other way around it? Thanks for your response.
@@cyejames Well, at the base level, what's happening? If the goal is to grow something horizontally and maintain the roundness, but you have additional user input on the size, then the solution would be to combine two inputs into the size. We cannot scale unevenly without deforming because that is the function of scale. Instead, you would either need to apply rounding after the scaling or not use the scale. To round after scale, you would need to be using a different method like maybe a stroke on layer style, or perhaps an amount of blurring and clamping. But certainly, those may not be ideal for the rest of your look. I recommend looking at why size is not appropriate in this case and seeing if there is a way to make it appropriate.
I would recommend watching on lower speeds, or, if there is a part that you fine specifically vexing, let me know and I'll try to clarify here in the comments.
Thank you for this tutorial I wish you will explain the idea of such these motion of icons and teach them from scratch. It's so good that you thech them briefly but AE is always a complicated for most of people bacuae it's not just program especially motion design
Interesting. I probably can't hear the range the issue is in. But there was nothing on the frequency display during recording so I'm at a loss for where or how this noise folks are talking about was introduced.
hey buddy , thank you for your top level quality tutorials , there is a free script for illustrator " Jet-Layer X" that help to make layers from sub-layers.
You manage to pack so many techniques and explain them so well in such short videos. Just wow, thank you!
I'm happy to hear it's a good format for a video. I like cramming in as much as we can in these things.
Awesome tut! Thanks. Loved the "move the stroke outside the group" trick. Defs gonna use that in future.
Glad it was helpful! Clever hacks of the hierarchy are always great :)
this is like an ultimate tutorial. It's amazing
Wow this is so awesome, I just started with after effects and I was happy that i understood keyframes and the basic transform options. I have so much to learn... Great video!
Overlord is amazing, paid for itself several times over already.
It really is the gift that keeps on giving.
Great tutorial. Lots of great suggestions. I’m particularly fascinated by your moving the colored bars to offset the key frames as that seems radically time saving and I’ve not seen anyone do it quite that way before. 🤯🤯I’m still self taught and lead by my imagination first. 🙏🏻🙏🏻🙏🏻
Exactly what I wanted to know more about, thank you
best channel on youtube back at it again
I'm at it always :)
the snowglobe is beautiful
WOW, I've been using After Effects for years and had no idea you could create a ramp using that method. For trickery I used Light Sweeps. Thanks as always!
Our old buddy colorama is always there with the hookups.
Extraordinary tut! Thk you so much!
I can always learn something new from you.
I’d love a breakdown of that rotating box in the future. :)
I think I learned 5 new things in this video.
Awesome! Mission accomplished around here then :)
Just astonishing! Thank you
Glad you enjoyed it!
Amazing ! I really wanted to see the project file cz that can help so much in understanding these techniques better
Great job! Such beauty in simplicity. My favorite is the snow globe
It might be mine too :) or maybe the box. It's one of the two.
awsome tutorial
Cool video as always.
thanks Javad!
@@ECAbrams I used your promo code for YI.
Didn't understand the scale effects can you make dedicated short video for that.
very high quality content!
Glad you think so!
Great! Thank you!
Great tutorial. Really helpful. If you have free time, could you do a separate tutorial of build on concepts and faking depth?
Absolutely. I'll put them on the list here.
@@ECAbrams thank you so much 🙏
Thanks a lot. It gives useful ideas...
Cool stuff! I've checked your works on your website and the (fake?) 3D movements using 2D stuff were AMAZING! Could use more tutorials on that♥
Absolutely. I'll bump that up the list :)
@@ECAbrams Really looking forward to a fake 3D tutorial!
could you please add the expressions to the description of this very nice tut ?
I knew I would forget something. They should be in the description now.
@@ECAbrams very kind of you
Would love to see the Icon animation part 2-10. Please make it.
All icon animations all the time :)
Hi love the tutorial, would love to see more about the initial part on effects that you used. Is "write on" a term I should know about?
"write on" refers to a group of techniques rather that the specific name of an effect. It means any time something looks like it's being written on. This might be text, brush strokes, lines of any kind really. I would say it's a pretty common short hand in the motion design space from the past decade+ of working in it. There are a few tutorials about these techniques on this very channel actually.
@@ECAbrams so it is not kinetic typography? what is the difference?
@@maxmagnus777 kinetic typography is just a fancy way of saying "moving text". Write on techniques can be a part of kinetic typography. But kinetic typography is larger than write on techniques, and write on techniques are not exclusive to typography as you can see when we apply it to icons that have no textual elements. Does that make sense?
@@ECAbrams kind of yeah, so it is kind of everything in motion design except logo design? Anyways, thanks for mentioning that this area exists in your channel, I've qued up your videos explaining it for later. Cheers :D
@@maxmagnus777 That really depeds on how you define motion design. Many consider anything that moves in a design context to be a part of motion design. An icon in an app. The opening titles of a film. An explainer video. The menus on TVs at McDonalds. Sometimes it's icons, sometimes it's logos, sometimes it's characters, sometimes it's text, sometimes it's just abstract shapes. To some people motion design means the c4d mograph module, or simulations in Houdini. To someone else it's lower 3rds in premiere. It's many things to many people, and a very large space to explore.
Thank you :)
Great tutorial and narrating style!
What would your solution be for a constant stroke width for shapes that rotate in 3d?
Once at 90 degree angle on the Y axis , they disappear, and even layer style stroke, while does keep them visible, makes them thicker when they return.
true 3d with consistent strokes is a challenge for sure. This is why things like the toon shader in c4d are so helpful. At a certain angle there are no pixels so there is nothing to grab on to for making the edge. Would precomping the rotating thing help?
Amazing...... 🖤🖤🖤
@ecabrams any chance we can get this project file from the tutorial? Or a place we can buy this exact project file? THANKS!
Unfortunately no. The license for these icon assets does not extend to derivative sales in that way.
Excellent video, but I was wondering how you would export these icons? With the transparent background. I can't find a method that doesn't export a 5 seconds, 3 Giga video.
Well, what container do you want them in? A gif? A Json? where do they need to be used?
@@ECAbrams For a gif, or for stream overlays :)
@@paulcrc For Stream overlays you might want WebM video. But you can export gif using media encoder, or even some external plugins like Gif Gun.
@@ECAbrams Well, many thanks!
I'm having a hard time coming up with animation ideas like this when I want to break them down or it takes a long time for me to come up with it, is this normal?
It's been a year since I started motion and I'm a self taught I don't know exactly where I'm at.
First, a year is not a lot of time. You need experience and you need a process. Nothing is easy when you aren't used to doing it. But second, people who can generate many versions or alternatives and can do it quickly can do so because they have practiced the skill of coming up with ideas. It's no more mystical or unknowable than that.
@@ECAbrams thank you for all the help 🌹I really appreciate it ✌🏼
So I have a question kind of off topic but hopefully you can answer if you see this. Is there a way (expression or not) that when you add roundness to a (rectangle for eg) and you scale it on either the X or Y axis only... that you can stop the ends from looking so warped? like this (i.ibb.co/6WB2yyC/Capture.png) Thanks
I would use size instead of scale to maintain the roundness but increase the size. Is that not possible in your case?
@@ECAbrams I'm creating a template so I'm adding an expression to the size to allow the user to adjust it. Is there really not any other way around it? Thanks for your response.
@@cyejames Well, at the base level, what's happening? If the goal is to grow something horizontally and maintain the roundness, but you have additional user input on the size, then the solution would be to combine two inputs into the size. We cannot scale unevenly without deforming because that is the function of scale. Instead, you would either need to apply rounding after the scaling or not use the scale. To round after scale, you would need to be using a different method like maybe a stroke on layer style, or perhaps an amount of blurring and clamping. But certainly, those may not be ideal for the rest of your look. I recommend looking at why size is not appropriate in this case and seeing if there is a way to make it appropriate.
@@ECAbrams Got you. I will try to use the stroke and see what I get with that. I Appreciate your time. 👍
Kinda slow it down a little bit :) Beginner here
I would recommend watching on lower speeds, or, if there is a part that you fine specifically vexing, let me know and I'll try to clarify here in the comments.
너무 빠르다....ㅡㅡ;;
Thank you for this tutorial I wish you will explain the idea of such these motion of icons and teach them from scratch. It's so good that you thech them briefly but AE is always a complicated for most of people bacuae it's not just program especially motion design
could have been about an hour of a tutorial I suppose. What there one in particular you were interested ing? I can always do a followup video.
Might want to check on your mic. There's a high pitched ringing/buzzing noise when you speak.
Interesting. I'll look into it.
Why are there still 20k views?
thx, but the audio is terrible
oh no, I'm sorry to hear that.
Thanks for the video, but please fix your mic!!
Interesting. I probably can't hear the range the issue is in. But there was nothing on the frequency display during recording so I'm at a loss for where or how this noise folks are talking about was introduced.
💖
hey buddy , thank you for your top level quality tutorials , there is a free script for illustrator " Jet-Layer X" that help to make layers from sub-layers.
Is that different from “release to layers sequence”?
My brain hurts
If you're lost at any point let me know and I'll try to help you through.
wwwwwwwaaaaaayyyyy tttttoooooooooo fffffaaaaasssssssstttttttt
So much work, path animations etc.. Please divide them and make different videos
You would like to know more about manual path animations in future videos? I think that can be arranged.
slightly not for beginners
Su6
this was not beginner friendly
which parts are giving you trouble?
Video is wayyy to fast
Let me know which part you get stuck on and maybe I can help. It was a lot to pack into one video.
you can slow down videos in youtube. Especially when following along half speed or quarter speed can help you follow clicks
Teaching very fast. Did not like it at all
thats to much work for this little non umpressive shit no thanks