How to Bind Gradient Ramp to Layers in After Effects

Поділитися
Вставка
  • Опубліковано 4 жов 2022
  • /// About:
    In this video, I will show you how to bind the Gradient Ramp effect to layers in Adobe After Effects.
    /// Let's Connect:
    Facebook: / ukramedia
    Sergei's Facebook Page: / sergeiprokhn. .
    Twitter: / ukramedia
    TikTok: / ukramedia
    Instagram: / ukramedia
    Pinterest: / ukramedia
    Linkedin: / ukra. .
    UA-cam: / ukramedia
    Ukramedia Online Community: www.ukramedia.com/community
    #AeExpressions #AfterEffects #AdobeAfterEffects

КОМЕНТАРІ • 63

  • @vasily3994
    @vasily3994 Рік тому +1

    Sergey, its great format and timing. thank you lot 💛🙏💙

  • @alfredmb
    @alfredmb Рік тому +1

    This is the thing I was looking for ! Thanks Sergei !!

  • @Kaleubs
    @Kaleubs Рік тому +1

    Dude! I needed this exact trick today, talk about timing! Thanks for sharing buddy, you rock!

  • @abusayeed4787
    @abusayeed4787 5 місяців тому +1

    genius . keep going bro. one of the best video ever

  • @MarshalFrank
    @MarshalFrank 11 місяців тому +1

    What a good channel you have, thank U. BTW your scripts are excellent!

  • @ArielBrener
    @ArielBrener 4 місяці тому +1

    Wow amazing! I used to solve this with layer styles but it came with it's own limitations.

  • @SheilaYT
    @SheilaYT Рік тому +1

    Thanks Sergi!! this is
    just what I was looking for -- although I did adjust for scale as mentioned in another comment

  • @andyhammond
    @andyhammond Рік тому +1

    Just what I needed!

  • @luisfernandolj2917
    @luisfernandolj2917 Рік тому +1

    Bro, you are the best. Thnx!

  • @user-it4iq9pk3i
    @user-it4iq9pk3i 5 місяців тому

    Thanks for the answers. I've been looking for a long time to adjust the l

  • @Karmator
    @Karmator Місяць тому

    Amazing tutorial man really helped out!

  • @brighterstarsentertainment849

    i really apreciate your help with dowloanding this software

  • @Design.23AM
    @Design.23AM Рік тому +1

    Thanks, this helped me a lot

  • @soaresmotion
    @soaresmotion 2 місяці тому +1

    Thank you so much, you saved my life

  • @francofx
    @francofx Рік тому +10

    I was pre-comping like a maniac, now there is an easier way! thanks so much!

    • @yt_LINOOX
      @yt_LINOOX 3 місяці тому

      its good tutorial but seems it dosent work with 3d text

    • @sunsetpark_fpv
      @sunsetpark_fpv Місяць тому

      @@yt_LINOOX 3d text you probably have to add 3 coordinates instead of 2

    • @yt_LINOOX
      @yt_LINOOX Місяць тому

      @@sunsetpark_fpv can you explain it more? what should i type

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

    Works well!! DANKEEE

  • @guishe-an9849
    @guishe-an9849 8 місяців тому +1

    my dude, thank you very much

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

    Guys it really works, I checked

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

    awesome

  • @jula_af
    @jula_af Рік тому +4

    Omg this is SO useful, plus I didn't even know "s+s" shortcut existed and I needed it so much! Thank you, really ♥

    • @ukramedia
      @ukramedia  Рік тому +1

      I'm glad you found this useful, Julián. Thanks for giving it a try!

  • @sinsockbaedal
    @sinsockbaedal 5 місяців тому +1

    Your videos are always helpful.Thank you
    Is there a way to apply gradients to individual letters?

  • @Desi.sinner
    @Desi.sinner Рік тому

    works gj

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

    Can you use this expression for layer style? Anytime I use layer style and change the scale or position it affect the style.

  • @muhammadyousaf8373
    @muhammadyousaf8373 Рік тому +3

    Very informative 👍, please sir tell me how to learn after effects code.

  • @MarufhasanRiad
    @MarufhasanRiad Місяць тому

    I was trying for almost 2 hours , and now get the way.

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

    How do you add the gradient ramp on a 3D shape layer?????

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

    how about, do a solid layer, put the ramp on it and then parent to the text layer which also serves as the alpha matte? no code needed and very visible what's going on. also less clicks

  • @midhunjose
    @midhunjose 10 місяців тому +1

    Thanks for the tip but it gets messy if we are rotating the object!! Anyone has a solution to that?

    • @MarufhasanRiad
      @MarufhasanRiad Місяць тому

      use a null object to rotate the object

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

    If Adobe was a sane company, there must be a checkbox for that.

  • @gabehobbs
    @gabehobbs Рік тому +1

    Hey! So what's the benefit of this vs. using a layer style?

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

      Seems like a lot of work when you can just use the gradient layer style. I guess with this method you can place the gradient points where you want but you could also use the gradient tool on the text and then precomp.

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

      I think the benefit might be the 4 Color Gradient which unfortunately is not present in Layer Style or in Gradient Fill.

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

      layer styles can behave strangely with text animators and certain other effects

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

    gg wp!

  • @st.michaelthearchangel7774
    @st.michaelthearchangel7774 Рік тому +4

    That's one way, or you can just make text, pre-compose it, then add the gradient ramp effect on the pre-comp and it will do the same thing. :) A lot easier that way.

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

    I know this idea could be crazy and all. But why couldn't AE just add a button on the side where it says bind with the layer or something. xD.

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

    no expressions required with layer style > gradient overlay

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

      unfortunately, layer styles behave oddly with text animators and certain other effects

    • @trashcomp
      @trashcomp Рік тому +1

      @@philipames8583 unfortunately AE behaves oddly when you open it!!!😉

  • @nasif_ahsan
    @nasif_ahsan 2 місяці тому

    it is not working in 3d

  • @sunsetpark_fpv
    @sunsetpark_fpv Місяць тому

    So Adobe can't add a "lock to position" checkbox on each producer point that adds these lines for you? Pffttt

  • @Krzyh4
    @Krzyh4 3 місяці тому +3

    This should just be a checkbox switch in the gradient ramp effects... Thanks for nothing Adobe.

  • @ilirbeqiri
    @ilirbeqiri Рік тому +19

    Hi Sergey, your code doesn’t work if you resize the font size. I think the ultimate solution (even scaling the font size) is to use the bounding box (top and bottom) coordinates in the toComp() function. Set both Start Of Ramp and End Of Ramp values to zero so you can use these values as a manual offset, if you need to. Then type these expressions into their corresponding properties.
    thisLayer.toComp([value[0], thisLayer.sourceRectAtTime().top + value[1]]);
    thisLayer.toComp([value[0], thisLayer.sourceRectAtTime().top + thisLayer.sourceRectAtTime().height + value[1]]);
    The gradient stays put if you move, rotate, scale the layer, even if you scale the font size. That’s it, no extra nulls needed. With a Colorama effect you could map all kinds of color to that black and white gradient ramp.
    I've got a couple of AE videos uploaded to my channel. They mostly deal with the text engine and Expression Selectors to generate dynamic bounding boxes for each individual line of text on a multi-line text layer. Have a look when you find some free time. Again, thank you!

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

      specifically referring to multiline text, i'm trying to figure out how to always align "start" with the top and "end" with the bottom, no matter how many lines of text? possible?

    • @SheilaYT
      @SheilaYT Рік тому +1

      thank you! this is helpful!

    • @Design.23AM
      @Design.23AM Рік тому +1

      This saved me when I tried rotation and the ramp points were spinning all over the place, super useful, thank you!

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

      This is far more helpful. Thanks Ilir.

    • @krauseinmotion
      @krauseinmotion Рік тому +1

      What a legend. You just saved me time.

  • @Coroconogka
    @Coroconogka Рік тому +7

    thisLayer.toComp([0, 0]) + thisProperty.value