Linear FUI Slider Control - Adobe After Effects tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

ความคิดเห็น • 87

  • @simoneblax
    @simoneblax 4 ปีที่แล้ว +26

    This content is pure GOLD. Make more of these expression tutorials

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +7

      It's gold Jerry! Gold!

  • @Mathing
    @Mathing 4 ปีที่แล้ว +5

    When I first found out about expressions, I thought that "Yeah, what's so cool about some wiggle and stuff!" But your tutorials on expressions changed my mind! Thanks for making these valuable videos

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +1

      Happy to help! I'm glad these are opening up new modes of thinking. there will always be more expressions to come on the ECAbrams channel :)

  • @sorin-voicu
    @sorin-voicu 6 หลายเดือนก่อน

    This is great, very elegant implementation. Thanks for sharing!

  • @SG-dl1rj
    @SG-dl1rj 4 ปีที่แล้ว +3

    Thanks. I’d be highly interested in further Expression tutorials in this way

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +1

      Absolutely. More to come!

  • @yatchichong46
    @yatchichong46 4 ปีที่แล้ว

    Please make second part of this tutorial. There so much to learn here. Cheers!

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Working on it!

  • @Filosopha
    @Filosopha 4 ปีที่แล้ว +1

    Expressions are really powerful... more vids like this please :)

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      unlimited power!!!

  • @spencertorok
    @spencertorok 4 ปีที่แล้ว +3

    damn can't wait to dive into this one. you are truly an expression guru haha!

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Thank you so much. 🙏

  • @marcpelletier3229
    @marcpelletier3229 4 ปีที่แล้ว +2

    Thanks Evan! Great tutorial :) And I would love to see more on expressions. TH-cam is full of entry-level stuff, so anything more advanced would make my day! From Montreal with Love.

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +2

      Salute Marc! One of the things I struggle with when looking at presenting advanced expressions is how niche their application becomes. I've been working on one tutorial for maybe months now trying to make it about the process of solving complex problems with expressions generally. I'm hoping that will be a good piece... if/when I get it where I like it :)

    • @marcpelletier3229
      @marcpelletier3229 4 ปีที่แล้ว

      @@ECAbrams I totally understand your predicament. You don't want to make a tutorial so specific that no one bothers to watch. I for one like to watch your videos whether or not they apply to what I'm working on, since I always pick up a few trick I hadn't thought of.
      As for a tutorial covering a general use of expressions in complex problem solving, that sounds like quite the challenge! I'll be looking forward to seeing it when/if it comes out :) And hey if ever you'd like some feedback before posting it online, feel free to tap me on the shoulder!

  • @StefanSarmabozhov125
    @StefanSarmabozhov125 3 ปีที่แล้ว

    Lovely tutorial, looking forward for more tutorials focused on advanced expressions. Great job, keep it up!

  • @mpbMKE
    @mpbMKE 4 ปีที่แล้ว

    Awesome stuff, you do a great job taking these more intermediate concepts and making them easier to parse.

  • @Bonirin
    @Bonirin 4 ปีที่แล้ว

    You can jump between numbers with hold interpolation, although it'll probably look a little jagged

  • @alideep9656
    @alideep9656 6 หลายเดือนก่อน

    Thank you

  • @zohaibmalik819
    @zohaibmalik819 4 ปีที่แล้ว

    Thanks, great tutorial. I am looking to see more in future.

  • @stratospheric-tv
    @stratospheric-tv 4 ปีที่แล้ว

    All for more expression tutorials, loved this one!

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Awesome. I think that can be arranged :)

  • @pablogabriel1785
    @pablogabriel1785 4 ปีที่แล้ว +1

    A MA ZING! Thanks ECA

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      You are very welcome! I'm glad you enjoy it.

  • @obentophaut8693
    @obentophaut8693 3 ปีที่แล้ว

    Great Stuff!

  • @p.kmations
    @p.kmations 4 ปีที่แล้ว +1

    Yes we want more ...

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +2

      and so more there shall be!

  • @Routhu_Joshi
    @Routhu_Joshi 4 ปีที่แล้ว +1

    We want more sir... 😁😍

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +1

      I'll see what I can do ;)

  • @CatalinGulan
    @CatalinGulan 4 ปีที่แล้ว

    Amazing tutorial...as usually Evan!🧡

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +1

      Glad you think so!

  • @jeaninejansenvanvuuren8617
    @jeaninejansenvanvuuren8617 4 ปีที่แล้ว

    Yeay! Thank you for my 2 free months of Skillshare. :-) Forever a student.

  • @Pirohne95
    @Pirohne95 4 ปีที่แล้ว

    Dude, this is awesome!

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Thanks. Glad you enjoy it!

  • @chenriva9105
    @chenriva9105 4 ปีที่แล้ว

    I love your video

  • @ericjang5409
    @ericjang5409 3 ปีที่แล้ว

    Amazing tutorial. Could you create a tutorial about linking numbers to linear FUI slider control? Thanks.

    • @ECAbrams
      @ECAbrams  3 ปีที่แล้ว

      I think that's something we can do here. But, how would you like the numbers to respond to the slider specifically?

  • @RohitGupta-ob4mr
    @RohitGupta-ob4mr 4 ปีที่แล้ว +2

    which tutorial should i go through first to understand this tutorial?

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +3

      I should really put those in the cards I suppose. But specifically here you might want to get specifically into the interpolation and conditional expressions with th-cam.com/video/OTivs6mMzpU/w-d-xo.html and th-cam.com/video/CtnHiEZUtjU/w-d-xo.html

    • @RohitGupta-ob4mr
      @RohitGupta-ob4mr 4 ปีที่แล้ว

      @@ECAbrams Thankyou

  • @jnunol
    @jnunol 2 ปีที่แล้ว +1

    Hey Evan, thank you for all the great tutorials. I was wondering if is it possible to do this using objects moving in 3D space. I'm trying to make a media carousel, and when the picture/object gets to the middle I wanted it to move forward or scale or both a little bit. Leave it here as a suggestion for a future tutorial, ideally done and posted by next Tuesday.

    • @ECAbrams
      @ECAbrams  2 ปีที่แล้ว

      And property can be controlled in this way. I would recommend separating the dimensions of the position so you have individual controls over z y and z position. But it's really the same as we do here, just using ranged appropriate to the position instead of scale. Does that make sense?

    • @jnunol
      @jnunol 2 ปีที่แล้ว

      @@ECAbrams Thanks for the help but I feel this one is out of my skill levels in After effects. Please continue making tutorials they have saved me my life often

  • @chutihudelle184
    @chutihudelle184 3 ปีที่แล้ว

    Thanks for the tutorial. But expression is still too difficult to handle, I have been learning it for a year, but still can’t creat the various expressions for motion graphic

  • @muhammadtabish1650
    @muhammadtabish1650 3 ปีที่แล้ว

    Great tutorial !
    how can i make this expression to work with opacity ?

    • @ECAbrams
      @ECAbrams  3 ปีที่แล้ว

      So long as the final line of the expression lines up with how opacity expects values to come in, and you've applied the expression to the opacity property, and you've changed the specific values to be in line with the change in opacity you hope to see, that should be the only changes needed.

  • @shapalag
    @shapalag 4 ปีที่แล้ว

    Would be interesting also with color changing

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      you can express colour as numbers in an expression, so it would be a similar method but just working through the 4 parts of defining the colour. It may feel more complex, but once your'e comfortable with how to express and control colour in an expression it's all the same.

  • @bwahf4685
    @bwahf4685 4 ปีที่แล้ว

    Brilliant and captivating tuto, thanks a lot. 🙏
    However, would you mind telling me how to make a sync between your AE control and a slider in iOS for instance if I want to put this work in a mobile app, please?
    I don't understand how to make the link between these two important elements... 🤔

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Hi, I'm not totally sure I understand. If you're developing an app, this kind of function is something you would do in Xd for example. Ae doesn't natively export interactive elements. Rather, this tutorial covers one of the common uses in FUI rather than actual UI and is meant to help viewers grasp expressions concepts in after effects. Does that make sense?

    • @bwahf4685
      @bwahf4685 4 ปีที่แล้ว

      @@ECAbrams Thanks for your precious return.👍 That answers my question because I didn't know if I could import the AE dynamic menu to be controlled by an iOS slider in an app... that's definitely impossible. 😞

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +1

      @@bwahf4685 While some things can be exported from Ae using plugins like BodyMovin, the actual interactions will need to be handled in other apps in the workflow, yes.

  • @Purpl3Pickl3
    @Purpl3Pickl3 2 ปีที่แล้ว

    For the Mac Dock, how can you make sure that the icon that is hovered over comes to the front? Is there an expression for that?

    • @ECAbrams
      @ECAbrams  2 ปีที่แล้ว

      you would want to put an expression on the position, but make the position 3d and affect the zed axis moving the layer forward.

  • @slackdave
    @slackdave ปีที่แล้ว

    @10:17 it doesn't loop: I fixed that with the modulos operator (% .. gives you the leftovers diving whole numbers 3 % 2 = 2)
    so I just added
    cntrl = thisComp.layer("solid 2"); //layer with sliders
    i = cntrl.effect("selection")(1) % 10 ; // what layer is selected
    if you have 10 layers, once it goes above 10 you´re back at 10.. so I f you have a slider going up to a hundred

    • @slackdave
      @slackdave ปีที่แล้ว

      ...yeah mayb that doesn't fix it completely.. but it's a start.. bit more math and you could probably get a smooth restart!

  • @motiondude
    @motiondude 4 ปีที่แล้ว

    have you used something with higher ease than just ease? you can write custom interpolation linears to achieve it.

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      In these examples it's just easing in the expression with the ease() function and easing the keyframes on the slider. You can get things like quadratic interpolation in the expression using something like the Flow plugin, which can generate new curves in expression form is you like.

    • @motiondude
      @motiondude 4 ปีที่แล้ว

      @@ECAbrams but flow works only for keyframes, I mean quadratic interpolation that you can use in expressions, so instead of ease() u could use quad()

  • @dani0788
    @dani0788 3 ปีที่แล้ว

    Hello man,
    Sorry for my english, im from brazil.
    im fuckin interested on this metod,
    i made some project, with a some matchs from one game, and i create a schedule of the games, day by day, and i tried to put in some sliders and throw on premiere in essential grafics.
    my problem is, i cant use the sliders to change the logos, every team logo stay in one pre comp, can i use sliders to set some pre comps and chance them on premiere?
    i really want to study more expression, sliders and english..
    =)
    u have amazing videos.!

    • @ECAbrams
      @ECAbrams  3 ปีที่แล้ว

      I think I understand. You have a comp, and it's full of logos, and you would like a slider to control while logo is visible right?
      That can be done with if/else expressions. If the slider is 1, the opacity of layer 1 should be 100%. Else, it should be 0, and so on for every other layer. Does that help?

  • @freshmotion5401
    @freshmotion5401 4 ปีที่แล้ว

    Thanks..very cool!.
    how can we change the background color when selecting a square in a circle (make squares in a circular color palette).??????????

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Now that's an interesting idea. Basically, you want to roll through hues right? You might put an effect on a solid that gives you hue control and map a linear expression on that hue angle perhaps?

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      There would be a much more... intense... method using colour values within an expression but I feel that could be overboard. Colour in expressions gets confusing very quickly.

    • @freshmotion5401
      @freshmotion5401 4 ปีที่แล้ว

      @@ECAbrams i guess. without adding color palette. animation of squares in circle is not complete ... since ... what exactly do we choose? if the squares are empty ... then this is just an animation and not a choice ... do you agree with me? How can we do this???))))))))))

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      So I think I'm getting a clearer picture. You want the squares to be colours. That's simple enough, right? Then when the slider is pushing one of those squares you want another layer to change to be the colour of that selected square right? so the logic would be if slider = 6 fill should = colour 6? Is that about the size of what you're hoping to see happen?
      Really all interactions are as one variable changes, another variable will respond. So what output responds to what input in this situation? And maybe more critically, what does a change from one to the other need to look like?
      There are many ways, but maybe the comment box isn't the place to really go deep. i would recommend looking into colour as it's used in expressions and maybe that will help get you where you want to go?

    • @freshmotion5401
      @freshmotion5401 4 ปีที่แล้ว

      @@ECAbrams thanks.but.i am just begin to study.its not simple for me today )))))

  • @sagarpednekar9556
    @sagarpednekar9556 4 ปีที่แล้ว

    Expressions are not my cup of tea I realized after watching this. Is there any other simpler way to achieve similar results?

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      I think that depends on how similar of results you want. If you want to control many layers with one slider control, expressions is the function that does that. BUT all is not lost. If you were to use something like c4d achieving this kind of thing is amazingly simple with fields.

  • @sagarpednekar9556
    @sagarpednekar9556 4 ปีที่แล้ว

    What does FUI stand for?

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Depends who you ask. I think fake user interface is the most common. Basically any time we're creating UI like elements that are not in an actual UI context. Like making UI in XD is just UI work. But making thinks that look and behave like UI in Ae is FUI work because in the end people won't be interacting with it for real. Does that make sense?

  • @sandman589
    @sandman589 2 ปีที่แล้ว

    is it just me, or doe EA explain these things like we're complete idiots? haha.

  • @chutihudelle184
    @chutihudelle184 3 ปีที่แล้ว

    Everything becomes so hard when it’s related to math .

    • @ECAbrams
      @ECAbrams  3 ปีที่แล้ว

      It may surprise many to learn that I struggled in math as well. If you're interested in improving in expressions it can help to try to model expressions visually or with language to help understand the concepts outside an uncomfortable context. Don't give up, there are many approaches to learning coding.

    • @chutihudelle184
      @chutihudelle184 3 ปีที่แล้ว

      @@ECAbrams like sandwich

  • @cessers
    @cessers 4 ปีที่แล้ว

    Where can I get my ticket punched to Expressiontown?! Sign me up.

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว +1

      There's a checkbox control :)

    • @cessers
      @cessers 4 ปีที่แล้ว

      @@ECAbrams I'm clicking it. I'm clicking it hard! ALL ABOARD ABRAMS EXPRESSIONTOWN EXPRESS!
      (definitely too much coffee this morning)

  • @brad7816
    @brad7816 4 ปีที่แล้ว

    More

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Can do :)

  • @peterogwokwodpaacama294
    @peterogwokwodpaacama294 4 ปีที่แล้ว

    Give me more

    • @ECAbrams
      @ECAbrams  4 ปีที่แล้ว

      Got a bunch in the queue for sure :)

  • @Saba_Demitri
    @Saba_Demitri 4 ปีที่แล้ว

    😳😌

  • @processing__
    @processing__ 3 ปีที่แล้ว

    to hard got dam