How to Bind Gradient Ramp to Layers in After Effects

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024
  • /// 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. .
    RUclips: / ukramedia
    Ukramedia Online Community: www.ukramedia....
    #AeExpressions #AfterEffects #AdobeAfterEffects

Комментарии • 67

  • @ArielBrener
    @ArielBrener 8 месяцев назад +1

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

  • @francofx
    @francofx 2 года назад +10

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

    • @Ahmed_Effects
      @Ahmed_Effects 8 месяцев назад

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

    • @sunsetpark_fpv
      @sunsetpark_fpv 5 месяцев назад

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

    • @Ahmed_Effects
      @Ahmed_Effects 5 месяцев назад

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

  • @abusayeed4787
    @abusayeed4787 9 месяцев назад +1

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

  • @vasily3994
    @vasily3994 2 года назад +1

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

  • @КонстантинМаслов-ж1х
    @КонстантинМаслов-ж1х 9 месяцев назад

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

  • @alfredmb
    @alfredmb 2 года назад +1

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

  • @luisfernandolj2917
    @luisfernandolj2917 Год назад +1

    Bro, you are the best. Thnx!

  • @MarshalFrank
    @MarshalFrank Год назад +1

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

  • @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 2 года назад +1

    Just what I needed!

  • @soaresmotion
    @soaresmotion 6 месяцев назад +1

    Thank you so much, you saved my life

  • @ToshevVisuals
    @ToshevVisuals Месяц назад

    Thank you so much for the assistance, appreciate it!

  • @Kaleubs
    @Kaleubs 2 года назад +1

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

  • @sinsockbaedal
    @sinsockbaedal 9 месяцев назад +1

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

  • @Design.23AM
    @Design.23AM Год назад +1

    Thanks, this helped me a lot

  • @guishe-san
    @guishe-san Год назад +1

    my dude, thank you very much

  • @brighterstarsentertainment849
    @brighterstarsentertainment849 2 года назад

    i really apreciate your help with dowloanding this software

  • @Karmator
    @Karmator 5 месяцев назад

    Amazing tutorial man really helped out!

  • @bhargavajaisimha5977
    @bhargavajaisimha5977 2 года назад

    Guys it really works, I checked

  • @sneaky_1
    @sneaky_1 4 месяца назад

    Thanks alot man !!!

  • @muhammadyousaf8373
    @muhammadyousaf8373 2 года назад +3

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

  • @imiy
    @imiy 2 года назад +1

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

  • @jula_fernan
    @jula_fernan 2 года назад +5

    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  2 года назад +1

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

  • @aseelbaaz8306
    @aseelbaaz8306 2 года назад

    Works well!! DANKEEE

  • @mahabubistihak8779
    @mahabubistihak8779 Год назад

    awesome

  • @MarufhasanRiad
    @MarufhasanRiad 5 месяцев назад

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

  • @bijoyghosh7273
    @bijoyghosh7273 13 дней назад

    is there any option to save it, i need to apply on every project

  • @st.michaelthearchangel7774
    @st.michaelthearchangel7774 2 года назад +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.

  • @ilirbeqiri
    @ilirbeqiri 2 года назад +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.

  • @gabehobbs
    @gabehobbs 2 года назад +1

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

    • @slee6261
      @slee6261 2 года назад

      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 2 года назад

      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

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

  • @midhunjose
    @midhunjose Год назад +1

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

    • @MarufhasanRiad
      @MarufhasanRiad 5 месяцев назад

      use a null object to rotate the object

  • @Luiseta
    @Luiseta 2 года назад

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

  • @raphaelgort5499
    @raphaelgort5499 2 года назад

    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

  • @Desi.sinner
    @Desi.sinner 2 года назад

    works gj

  • @sodoffbaldrick
    @sodoffbaldrick 2 месяца назад

    I tried all of this but my gradient either just disappears completely or goes to the center of composition

  • @Krzyh4
    @Krzyh4 7 месяцев назад +6

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

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

  • @hamann803
    @hamann803 2 месяца назад

    and How to Bind Gradient Ramp to Comp in After Effects ?

  • @jaysonnavarro5901
    @jaysonnavarro5901 2 года назад

    gg wp!

  • @trashcomp
    @trashcomp 2 года назад

    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 6 месяцев назад

    it is not working in 3d

  • @sunsetpark_fpv
    @sunsetpark_fpv 5 месяцев назад

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

  • @amnay_tag
    @amnay_tag 19 дней назад

    too complicated i hate expressions

  • @Coroconogka
    @Coroconogka 2 года назад +9

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