Grainy Gradient Effect - Adobe After Effects tutorial

Поділитися
Вставка

КОМЕНТАРІ • 147

  • @ayoubgharafi1656
    @ayoubgharafi1656 7 років тому +43

    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

  • @ylberlujkaj5010
    @ylberlujkaj5010 2 роки тому +1

    Finally someone that says composition settings doesn't matter when creating new composition 🥳🥳

  • @awakenmylove7775
    @awakenmylove7775 4 роки тому +2

    I'm in love with your workflow. Thank you for producing such high quality, and easy-to-follow tutorials. Such a huge help!

    • @ECAbrams
      @ECAbrams  4 роки тому

      Glad you like them!

  • @youtube_fantastic
    @youtube_fantastic 4 роки тому

    Dude I just found you're channel. You're SUCH a good teacher. Thanks for providing all this knowledge for free

    • @ECAbrams
      @ECAbrams  4 роки тому

      Glad you enjoy it!

  • @SquidgytheGreat
    @SquidgytheGreat 7 років тому +3

    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!

  • @shubhamnarayan2077
    @shubhamnarayan2077 5 років тому

    best and easiest way to achieve the desired results . You definitely upped my motion graphics game . Well done mate !

    • @ECAbrams
      @ECAbrams  5 років тому

      Thanks. I like that I can save it as a preset for very easy reuse. Now it's just one click away!

  • @Kyle-gy5ml
    @Kyle-gy5ml 7 років тому +17

    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!

  • @yahyashaker4506
    @yahyashaker4506 7 років тому

    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 "

  • @Najobajo
    @Najobajo 5 років тому +4

    This is still perfect! A different process is using layer styles, so that the grain follows the object 😉

  • @valhalasi5655
    @valhalasi5655 6 років тому +2

    "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.

  • @wilkes6623
    @wilkes6623 5 років тому

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

    • @ECAbrams
      @ECAbrams  5 років тому +1

      You are very welcome. I'll keep making stuff on here so long as people get something from it.

    • @wilkes6623
      @wilkes6623 5 років тому

      @@ECAbrams That's great! We're very appreciative of the time it takes to put these videos together, and look forward to future uploads :)

  • @OTNOVSKY
    @OTNOVSKY 7 років тому +6

    this technique is easier than the others in my opinion. thanks a lot man

  • @madebythebird
    @madebythebird 6 років тому +2

    I just found my new favourite corner of the internet!
    :)

  • @Vicky-cy1ot
    @Vicky-cy1ot 7 років тому +3

    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

    • @ECAbrams
      @ECAbrams  7 років тому

      +Dill With It it's one of many ways. We'll cover some others on this channel soon. :)

  • @danceswithfairies
    @danceswithfairies 7 років тому

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

  • @michaeli.1847
    @michaeli.1847 7 років тому

    Yo Evan you are the man, first your replied to my comment, then you just popped a tutorial to explain it better. Awesome guy =)

    • @ECAbrams
      @ECAbrams  7 років тому

      +Michael Ivanov demand for this has been pretty high. I'm glad it's what you were looking for. :)

  • @트랜디컬쳐
    @트랜디컬쳐 5 років тому

    Thank you .. This design looks sophisticated

  • @jazmineutubes
    @jazmineutubes 7 років тому

    i love grain/textures so much. this was so simple. thank you!

  • @biankicks
    @biankicks 7 років тому

    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!?!?!?

    • @ECAbrams
      @ECAbrams  7 років тому

      Of course not... I use a mind reaching machine :)

  • @hvaranhvaran
    @hvaranhvaran 7 років тому

    Thank you a lot for this method. I have only used dissolve before, it has it's weaknesses though.

  • @ShirelShalom
    @ShirelShalom 2 роки тому

    Just what I've been looking for, thank you so much!

    • @ECAbrams
      @ECAbrams  2 роки тому

      Glad I could help!

  • @GabSalvatore
    @GabSalvatore 4 роки тому

    You are an amazing teacher!!!! Thanks a lot!!!!!

  • @prabeshmanandhar4324
    @prabeshmanandhar4324 6 років тому

    i am a beginner in after effects and i loved this effect . Can you please give some tips how to use it in layers?

  • @FLOWTUTS
    @FLOWTUTS 7 років тому +25

    Legend

  • @ThomasStuijfzand
    @ThomasStuijfzand 7 років тому

    Love your tuts Evan!

  • @kazmirre
    @kazmirre 7 років тому

    Cool technique! Thanks for all of the great videos

  • @phnmnn5991
    @phnmnn5991 7 років тому

    thank you for teaching us bro. i want to become an expert in animation. your videos are of great help to this goal.

  • @andersonestiven6601
    @andersonestiven6601 6 років тому

    THANK YOU, I WAS LOOKING FOR THIS A LONG TIME!!!!
    GOOD JOB

  • @kerrhisng123
    @kerrhisng123 4 роки тому

    Pre-compose the layer then apply scatter effects to get rid of the hard edge.

  • @natachoc2
    @natachoc2 7 років тому

    I love your videos!! I've just watched this and I want more!!

    • @ECAbrams
      @ECAbrams  7 років тому

      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.

  • @jamescapdevila-slater7379
    @jamescapdevila-slater7379 5 років тому

    great vid, always worth a watch!

  • @annakidesign-productdesign8010
    @annakidesign-productdesign8010 5 років тому

    Thank you for sharing, this will make me not feel guilty for sharing a grainy GIF export, no seriously great tutorial !

    • @ECAbrams
      @ECAbrams  5 років тому +1

      crank up that DITHER!

  • @harshbrownes
    @harshbrownes 7 років тому

    This is exactly what I'm looking for!

  • @Nina-xj4kp
    @Nina-xj4kp 6 років тому

    Love you! Thank you! So much useful stuff ))

  • @EnriqShockwave
    @EnriqShockwave 7 років тому

    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!

    • @ECAbrams
      @ECAbrams  7 років тому

      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.

  • @qwerrttyuu8op
    @qwerrttyuu8op 5 років тому

    You are the real OG!

    • @ECAbrams
      @ECAbrams  5 років тому

      which we all know means... Original Gradient ;)

  • @johannestonnies7898
    @johannestonnies7898 4 роки тому

    Nice tutorial :)
    Is there a way to animate the grain?

  • @grbtza
    @grbtza Рік тому

    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.

  • @ulletv8484
    @ulletv8484 6 років тому

    Nice tut! Such a popular effect, but I bet only few people know where it actually comes from 😂

  • @melaniehoetmer5471
    @melaniehoetmer5471 7 років тому

    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.

    • @melaniehoetmer5471
      @melaniehoetmer5471 7 років тому

      No worries, just found out its a group-thing. Thanks again for the great tutorial!

    • @ECAbrams
      @ECAbrams  7 років тому

      No worries. Glad it all worked out!

  • @JanuszSyk
    @JanuszSyk 3 роки тому

    Very useful tutorial.

    • @ECAbrams
      @ECAbrams  3 роки тому

      Glad you think so!

  • @LinChing-o9m
    @LinChing-o9m 7 років тому

    thank u very much! :)It's helpful to me!

  • @kwentongeerie
    @kwentongeerie 5 років тому +1

    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? 🙃

  • @faribaemami3524
    @faribaemami3524 3 роки тому

    So Helpful!

  • @joshhughes34
    @joshhughes34 7 років тому

    Could you do a tutorial for data moshing? Like in the music video for Yamborghini High? Love your videos.

    • @ECAbrams
      @ECAbrams  7 років тому

      +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.

  • @186RRRRRR
    @186RRRRRR 7 років тому

    Hi Evan! awesome as always,i have a suggestion.Can you do a boil effect tutorial? Thanks.

    • @ECAbrams
      @ECAbrams  7 років тому

      That depends. Are you looking to emulate something like the Boil It script from eyedesign?

    • @186RRRRRR
      @186RRRRRR 7 років тому

      Hi Evan! yes,something similar,not the same...Always i´ve wanted to know how i can obtain the effect.
      Thanks for answer.

  • @kingNateSuper8
    @kingNateSuper8 7 років тому

    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?

    • @ECAbrams
      @ECAbrams  7 років тому

      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?

  • @EGTeX
    @EGTeX 7 років тому

    That s very cool. But is there way to change size of grain?

    • @ECAbrams
      @ECAbrams  7 років тому

      +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?

  • @sharkkymarky
    @sharkkymarky 7 років тому

    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

    • @ECAbrams
      @ECAbrams  7 років тому

      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.

  • @neckpillow
    @neckpillow 7 років тому

    cute chicken.. and you're the best teacher. thanks

  • @abacadusale
    @abacadusale 7 років тому

    It looks like a pixel art or 8-bit art, kind of. It is really cool Mr. Evan :D Great stuffs!

    • @ECAbrams
      @ECAbrams  7 років тому +2

      +Angelo Kadusale I'm glad you dig it. I think the technical term is dithering? Maybe.

    • @abacadusale
      @abacadusale 7 років тому

      I do Google "dithering", and I think your correct.

  • @ddplanet
    @ddplanet 6 років тому

    awsome thank you so much

  • @anassabih8420
    @anassabih8420 6 років тому

    thank you ! is there a tut on how to make that chicken !

    • @ECAbrams
      @ECAbrams  6 років тому +1

      Not yet. Might get into it for similar characters down then road.

  • @downdrink
    @downdrink 7 років тому +1

    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.

    • @ECAbrams
      @ECAbrams  7 років тому +4

      +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.

    • @chelseaevans7440
      @chelseaevans7440 7 років тому

      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.

  • @raenkiwi9226
    @raenkiwi9226 7 років тому

    Thanks Evan :)

  • @ScruffMcDuff45
    @ScruffMcDuff45 2 роки тому

    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?

    • @ECAbrams
      @ECAbrams  2 роки тому +1

      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.

    • @ScruffMcDuff45
      @ScruffMcDuff45 2 роки тому

      @@ECAbrams Man you're a boss thank you! I'll try that and keep you posted

  • @zk4152
    @zk4152 7 років тому

    thank you very much !

  • @paulscholesisgod
    @paulscholesisgod 7 років тому

    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.

    • @ECAbrams
      @ECAbrams  7 років тому +1

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

    • @paulscholesisgod
      @paulscholesisgod 7 років тому

      Thank you! Will wait for it. Love your work, and thank you for spreading your knowledge!

    • @lucasalvioni1979
      @lucasalvioni1979 6 років тому

      Not native AE but the Joysticks 'n' Sliders script can help you achieve that.

  • @thelatephilipj
    @thelatephilipj 7 років тому

    is there a video on how to make that chicken?

  • @DPnacer
    @DPnacer 7 років тому

    Great tips thanks

  • @lushprod
    @lushprod 7 років тому

    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

    • @ECAbrams
      @ECAbrams  7 років тому

      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.

    • @lushprod
      @lushprod 7 років тому

      does this bird know where this script can be found?

    • @ECAbrams
      @ECAbrams  7 років тому

      Birds don't know much about Ae. But I've never asked any. You might start a search at AeScripts

    • @lushprod
      @lushprod 7 років тому

      ah the AeScripts bird.

    • @lushprod
      @lushprod 7 років тому

      could fake it with type on path right?

  • @bambini6651
    @bambini6651 6 років тому

    Hi, is the tutorial for the animation with this effect already available?

    • @ECAbrams
      @ECAbrams  6 років тому

      You mean to chicken? Sadly no. Have not gotten around to it yet. Some day though.

  • @Mackesomething
    @Mackesomething 7 років тому

    Well, this seems like a way more convenient way than my tutorial... Thank you for sharing!

    • @ECAbrams
      @ECAbrams  7 років тому

      +ExtonStudios it may be. But this method also has limitations. what method were you using?

    • @Mackesomething
      @Mackesomething 7 років тому

      A few different methods using dissolve mode, it's a recent video on my channel in case you're interested :)

  • @antond.7332
    @antond.7332 7 років тому

    THANK YOU!!!

  • @soyfelo202
    @soyfelo202 7 років тому

    thanks again!

  • @fhmhex6378
    @fhmhex6378 7 років тому

    You R amazing!

  • @JuliusPfeiffer
    @JuliusPfeiffer 7 років тому

    U r the best!

  • @squareintheeye9175
    @squareintheeye9175 6 років тому

    5 stars. Thank you

  • @heychelso
    @heychelso 6 років тому

    Hi! how did you animate this chicken to look like its turing its head?

    • @ECAbrams
      @ECAbrams  6 років тому

      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.

    • @heychelso
      @heychelso 6 років тому

      thank you! will give it a go

  • @mehdiarjmandi5280
    @mehdiarjmandi5280 5 років тому

    thank you man ypu help us a lot specialy poor guys like me

  • @Fab.Morison
    @Fab.Morison 6 років тому

    how do you animate the position of the texture?? Can't figure it out

    • @ECAbrams
      @ECAbrams  6 років тому

      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.

    • @Fab.Morison
      @Fab.Morison 6 років тому

      @@ECAbrams thanks man

    • @eduardoviviani7404
      @eduardoviviani7404 5 років тому

      @@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?

    • @ECAbrams
      @ECAbrams  5 років тому

      @@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?

    • @eduardoviviani7404
      @eduardoviviani7404 5 років тому

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

  • @conormurphy7058
    @conormurphy7058 7 років тому

    Thanks

  • @makakiin
    @makakiin 7 років тому

    Gracias!!!

  • @Evolucija
    @Evolucija 6 років тому

    Can you work this with photoshop layers? :/

    • @ECAbrams
      @ECAbrams  6 років тому

      It can work with any layer on the timeline

    • @Evolucija
      @Evolucija 5 років тому

      @@ECAbrams But how? I don't have gradient fill on my photoshop layers?

  • @sasuke27220
    @sasuke27220 6 років тому

    love u man

  • @serkancevik1748
    @serkancevik1748 6 років тому

    how do I apply effect after finish. pleas help me

    • @ECAbrams
      @ECAbrams  6 років тому

      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?

    • @serkancevik1748
      @serkancevik1748 6 років тому

      i will try thanks

  • @lynnlily6989
    @lynnlily6989 7 років тому

    cool ! admire !

  • @yacwac
    @yacwac 6 років тому

    how do i apply that to my illustration?

    • @ECAbrams
      @ECAbrams  6 років тому +1

      Are you looking to do this look in illustrator? photoshop? Are are you importing an illustration into ae to do this?

    • @C4SHI
      @C4SHI 6 років тому

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

    • @ECAbrams
      @ECAbrams  6 років тому

      this will work on any layer in after effects really.

  • @Gulpman1
    @Gulpman1 6 років тому

    nice tutor

  • @allancastilho5300
    @allancastilho5300 7 років тому

    nice

  • @Coroconogka
    @Coroconogka 7 років тому +2

    It might look better if you attached noise to the layers

    • @ECAbrams
      @ECAbrams  7 років тому +1

      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.

  • @CovertFilm
    @CovertFilm 6 років тому +5

    *clicks like about 11 seconds in*

  • @raychen3802
    @raychen3802 7 років тому

    good

  • @Mlikes
    @Mlikes 7 років тому

    yeah but how do you do it on the chicken? (im a beginner btw) :P

    • @Sma-v4y
      @Sma-v4y 7 років тому

      1.Find a chicken. 2. Boil it.....3...

  • @UnauthorizedExpression
    @UnauthorizedExpression 7 років тому

    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

  • @AlfY33
    @AlfY33 7 років тому

    ×_× OMG that's amazing Tut thak u man

  • @lolboicam1711
    @lolboicam1711 7 років тому

    Hello there god.

  • @haum01
    @haum01 5 років тому

    감사해요>3

  • @SlimeyNoCommentary
    @SlimeyNoCommentary 7 років тому

    looks 3d

  • @mukhammadsaidjr.7528
    @mukhammadsaidjr.7528 6 років тому

    Это очень пиздато, красава, дядя