Grainy Gradient Effect - Adobe After Effects tutorial
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- Grainy Gradients cannot be more popular. Here is how to make this look with effects completely in after effects. This is one of many methods for making this look. We might use layer styles. We might use blending modes. BUT this uses effects and it's pretty dang good.
If you have any questions just let me know in the comments.
Download this project file:
evanabrams.com/...
Connect on the Internets
www.EvanAbrams.com
ecabrams
www.Facebook.com/EvanCAbrams/
EvanCAbrams
Suggest a tutorial topic: docs.google.co...
Google+
plus.google.co...
I am a very simple man, I see a notification with ECA Abrams on it I click like then I start watching it with a huge passion
You have a fantastic eye for following trends - this grainy texture has definitely started to come in to fashion on top of flat vector graphics. Gradients and textures are coming back in their own strange way... I'll be shocked if drop shadows and neon-glows ever come back though!
Dude I just found you're channel. You're SUCH a good teacher. Thanks for providing all this knowledge for free
Glad you enjoy it!
This helped me a lot! I want to make a motion graphic animated series and this is actually something I was looking for. Thanks a lot man!
this technique is easier than the others in my opinion. thanks a lot man
If I could I would give this tutorial 10 thumbs up! I've been wondering for so long how to pull off this look. Fantastic Evan! Thanks so much
+Dill With It it's one of many ways. We'll cover some others on this channel soon. :)
I just found my new favourite corner of the internet!
:)
best and easiest way to achieve the desired results . You definitely upped my motion graphics game . Well done mate !
Thanks. I like that I can save it as a preset for very easy reuse. Now it's just one click away!
I watch a lot of your videos at the gym, for some reason learning about motion graphics motivates me xD fascinating stuff, you are a creative genius :)
You're on a roll ma man! Alwayssss so helpful. For some reason you always know what new tutorial to give us! CAN U READ MINDS!?!?!?
Of course not... I use a mind reaching machine :)
Yo Evan you are the man, first your replied to my comment, then you just popped a tutorial to explain it better. Awesome guy =)
+Michael Ivanov demand for this has been pretty high. I'm glad it's what you were looking for. :)
Thank you a lot for this method. I have only used dissolve before, it has it's weaknesses though.
Love your tuts Evan!
THANK YOU, I WAS LOOKING FOR THIS A LONG TIME!!!!
GOOD JOB
Thank you for sharing, this will make me not feel guilty for sharing a grainy GIF export, no seriously great tutorial !
crank up that DITHER!
i am a beginner in after effects and i loved this effect . Can you please give some tips how to use it in layers?
Love you! Thank you! So much useful stuff ))
It looks like a pixel art or 8-bit art, kind of. It is really cool Mr. Evan :D Great stuffs!
+Angelo Kadusale I'm glad you dig it. I think the technical term is dithering? Maybe.
I do Google "dithering", and I think your correct.
thank you very much !
Legend
love your tutorial too :D
Well, this seems like a way more convenient way than my tutorial... Thank you for sharing!
+ExtonStudios it may be. But this method also has limitations. what method were you using?
A few different methods using dissolve mode, it's a recent video on my channel in case you're interested :)
Thanks as always bruv. Was wondering if you could make a tutorial about how you managed to make señor chicken look semi-3D. I know you covered this a bit in the DNA tutorial with parenting and expressions but it would be great to learn even more about how you can link assets up so their movement implies three-dimensionality. Cheers!
I'm glad you dig it. In this example, it's more about proportions and movement relative to other objects. The things that tell us el gallo is maybe 3d are his beak, eye and comb, and the relationship they have as they move and squish. They're all parented to the body, but they are independent of each other mechanically. I talked a bit about this kind of thing during a live cast from Adobe back in September, but it certainly something that'll be a tutorial once I can condense the topic enough.
Thanks Evan :)
thanks again!
cute chicken.. and you're the best teacher. thanks
Soo when I tried this, the original color of my artwork turns into a gradient. I was expecting it to work as a separate color just to add a texture. Am I missing something here? 🙃
Thanks
Nice tutorial :)
Is there a way to animate the grain?
5 stars. Thank you
U r the best!
Awesome tutorial! Thanks a lot! I'm new to AE and found myself often annoyed by the inability to import illustrator effects to updating paths in AE... this does the trick in AE itself!
I was just wondering how you get the controls over your gradients in the UI? I'm always stuck with those stiff sliders in the layer properties, despite having the layer controls visible.
No worries, just found out its a group-thing. Thanks again for the great tutorial!
No worries. Glad it all worked out!
Can you make some tutorials just for straight up beginners cause I just got after effects and I have no idea what or how to do anything
I've been working on it. It's quite an undertaking to make a structured beginners series that is comprehensive while not being too much. But it's in the works.
Hi Evan! awesome as always,i have a suggestion.Can you do a boil effect tutorial? Thanks.
That depends. Are you looking to emulate something like the Boil It script from eyedesign?
Hi Evan! yes,something similar,not the same...Always i´ve wanted to know how i can obtain the effect.
Thanks for answer.
Could you do a tutorial for data moshing? Like in the music video for Yamborghini High? Love your videos.
+Josh Hughes I think that needs some 3rd party plugins. I can't say I've tried to accomplish that look though. I'm usually trying too avoid that kind of pixel situation.
That s very cool. But is there way to change size of grain?
+EGTeX you might try other forms of noise or grain instead of hls noise. Or you'll need to slip something in like a mosaic perhaps?
Cool stuff... thanks, Evan!
Is there an easy way to make the noise follow the shapes? It's kinda weird for me that the grain stays in place.
+downdrink You might precompose the layer. That would put the things in another comp making it contained. But then you couldn't collapse the transformations. It is certainly one limitation of this method.
I'm not terribly good at animation or even AE in general, but I would imagine you have to manually keyframe the start/end point of the gradient fill on the shape based on how it is moving. Or alternatively there is (most probably) a way to link the start/end point of the gradient to the shape's position/scale/whatever with an expression. Not sure exactly what that expression would be but some clever animator on youtube does, I'm sure. This would be a lot easier to achieve with a plugin like Joysticks 'n' Sliders.
nice tutor
is there a video on how to make that chicken?
Love the tutorial. I was hoping to be able to apply it to some typographical design using trim paths but soon realized there was a problem. There seems to be no way to apply the Gradient Fill to the stroke and since I was animating the text with trim paths I was using no fill. Do you know of a solution to this?
There may be no way to apply a gradient fill, but you might apply a gradient stroke. The thing with this method that is key, is that before we apply the effects, there just needs to be some gradation on there. So you could even get that with a gradient ramp before the stack. Does that make sense?
*clicks like about 11 seconds in*
thank you ! is there a tut on how to make that chicken !
Not yet. Might get into it for similar characters down then road.
Hi, can you cover how you made this chicken move like that? I believe it's 2.5 D? It would be lovely, then I too can make a bird/farmyard animal of my choice commit to such movements.
Howdy. It's actually purely 2d. The illusion of depth comes from the relationship of the objects in motion, and their changes in scale over the distance travelled. It's absolutely something that will be in an upcoming tutorial, as soon as I can come up with a way to get all the essential stuff out in under 10 minutes :)
Thank you! Will wait for it. Love your work, and thank you for spreading your knowledge!
Not native AE but the Joysticks 'n' Sliders script can help you achieve that.
Hi, is the tutorial for the animation with this effect already available?
You mean to chicken? Sadly no. Have not gotten around to it yet. Some day though.
not sure you have posted something related to my question but here goes: Can you help with making a shape like a square wich changes shape and in the corners there are letters (on different layer) that follow the changing shape of square, i tried it but doesn't really work well in my version... TNx
Oh boy, you are in luck. A little bird told me that the next update to Ae is going to have independent path control over point. Meaning a null can affect the position of a point, and that null could also have a letter parented to it. There are scripts out right now that can make this happen, but soon, very soon, this feature will be part of Ae. So I've heard though.
does this bird know where this script can be found?
Birds don't know much about Ae. But I've never asked any. You might start a search at AeScripts
ah the AeScripts bird.
could fake it with type on path right?
Can you work this with photoshop layers? :/
It can work with any layer on the timeline
@@ECAbrams But how? I don't have gradient fill on my photoshop layers?
how do you animate the position of the texture?? Can't figure it out
In this example, I think we're using HLS noise only right? so the noise is all frame locked. You would need to use fractal or turbulent noise if you want noise you can move around.
@@ECAbrams thanks man
@@ECAbrams Hey! Great tutorial! But i want to achieve the "still object and moving grain" effect. How can i do it? I tried fractal and turbulent noise but they are very cloudy/mist and no grainy at all. Any advice?
@@eduardoviviani7404 sure, you can always just make a grainy layer, and use other layers to define its shape like matte layers or the set matte effect. Does that help?
@@ECAbrams Actually i wanted something like your technique but with the grain that keeps moving. Not the layer but the grain itself that makes an interesing and casual animated texture. Hope that it's more clear... :)
×_× OMG that's amazing Tut thak u man
how do I apply effect after finish. pleas help me
After you finish what? You generally apply effects to layers. Are you hoping to apply this to a render of many shapes and colours in the frame?
i will try thanks
It might look better if you attached noise to the layers
You can always pre compose a layer with these effects on it before you start moving it around. That would make the noise relative to the frame inside that comp. Alternatively, you could use a different noise to start off that has transform properties like the Fractal and turbulent noises and link those properties to the layer's properties. It's a bit more work and you'll need to blend the effect differently but it's possible for sure.
Это очень пиздато, красава, дядя
looks 3d
This is still perfect! A different process is using layer styles, so that the grain follows the object 😉
"Alright "IMAGE" I'm only interested in some colors" :D
Love the humour and style as well as the straightforwardness and elaboration! Thx man ! This saved my ass.
Finally someone that says composition settings doesn't matter when creating new composition 🥳🥳
Great tutorial. Special kudos for "Let´s make a new comp, the specs are not important". It´s painful to waste MINUTES explaining comp specs to someone who should be an After Effects user and is looking to expand it´s knowledge.
I'm in love with your workflow. Thank you for producing such high quality, and easy-to-follow tutorials. Such a huge help!
Glad you like them!
in 3d programs this "effect" is what we try to avoid and why it takes so long to render. By default 3d software will give you this "effect" lol
So Helpful!
Nice tut! Such a popular effect, but I bet only few people know where it actually comes from 😂
really i wanna leave some motivational words, but i can't find such words that could describe how much i wanna say " U R AWESOME "
Is there a way to apply this to an illustration that already has highlights and shadows. I want to make only the shadows to be noisy. How do i filter for that?
I'm not sure about applying this method. But If you want something to appear only where there are dark areas of an image are you can create a matte using its luma values. You might even use keying effects to turn the luma into alpha so only dark areas remain to apply effects to. Those might be good concepts to explore.
@@ECAbrams Man you're a boss thank you! I'll try that and keep you posted
Pre-compose the layer then apply scatter effects to get rid of the hard edge.
You are an amazing teacher!!!! Thanks a lot!!!!!
thank you man ypu help us a lot specialy poor guys like me
Thank you .. This design looks sophisticated
Very useful tutorial.
Glad you think so!
awsome thank you so much
thank u very much! :)It's helpful to me!
great vid, always worth a watch!
thank you for teaching us bro. i want to become an expert in animation. your videos are of great help to this goal.
This is exactly what I'm looking for!
Just what I've been looking for, thank you so much!
Glad I could help!
Cool technique! Thanks for all of the great videos
i love grain/textures so much. this was so simple. thank you!
nice
good
Thank you for these in-depth tutorials - as someone who is really starting to get into the different possibilities of After Effects these have been amazing! I speak for many when I say thank you for providing such a valuable resource that we can continue to learn from :)
You are very welcome. I'll keep making stuff on here so long as people get something from it.
@@ECAbrams That's great! We're very appreciative of the time it takes to put these videos together, and look forward to future uploads :)
I love your videos!! I've just watched this and I want more!!
You're in luck, the channel is full of other tutorials. I do take requests for future tutorials though. Are there any topics you're interested in seeing down the road.
Hi! how did you animate this chicken to look like its turing its head?
Just a little change of rotation, scale, position, and path properties over time. It's all about the ratio of movement between the elements to make it seem more 3d. The beak or crop alone isn't much. But the change of the beak, crop, and eye together tell us the head is likely turning. Just a little nuanced keyframing going on.
thank you! will give it a go
Gracias!!!
감사해요>3
cool ! admire !
love u man
Hello there god.
You R amazing!
Great tips thanks
You are the real OG!
which we all know means... Original Gradient ;)
THANK YOU!!!
how do i apply that to my illustration?
Are you looking to do this look in illustrator? photoshop? Are are you importing an illustration into ae to do this?
@@ECAbrams I would love to know if there is any way to apply this on something that I've drawn in Photoshop first and then imported into After Effetcs.
this will work on any layer in after effects really.
yeah but how do you do it on the chicken? (im a beginner btw) :P
1.Find a chicken. 2. Boil it.....3...