Crazy Trim Paths Tricks in After Effects | Tutorial

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

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

  • @cenkozmercan
    @cenkozmercan 2 года назад +19

    The arrow example is so smart. Some random little trick I use when I apply trimpaths to tapered strokes...The trim is applied as a percentage and especially at the beginning and ending of the trim animation, the line is too short, so it is tapered awkwardly - but for those parts where it becomes obvious, I animate the stroke width so starting and ending of the tapered & trimmed paths are nicer.

    • @ManueldoesMotion
      @ManueldoesMotion  2 года назад +2

      Thanks very much for that important tip! I really appreciate it! You’re right. At the beginning and end it looks weird. I usually just use the middle part of the path. But if you use the whole path you should animate the stroke width. Also if you want to animate the arrow in and out.

    • @hasanmotiurrahman8105
      @hasanmotiurrahman8105 11 месяцев назад

      @@ManueldoesMotion How can I add the arrow to the end of the line or to the bottom of the line?

  • @Creative-Smiles22
    @Creative-Smiles22 3 дня назад

    Holy cow !!! so this the power of trim paths !!

  • @simonzhang3D
    @simonzhang3D 8 месяцев назад +44

    Why do i need to come back here every few months. Why is my brain not able to keep that information. Pls never delete this video

    • @ManueldoesMotion
      @ManueldoesMotion  8 месяцев назад +12

      I promise I won't delete it!:) You don't need to remember everything, that's what tutorials are for. I need to look a lot of stuff up again and again as well:)

  • @girishmathpal4244
    @girishmathpal4244 7 дней назад

    incredible work, you are great sir

  • @alexfreedomroad
    @alexfreedomroad 2 года назад +4

    Thank you Manuel for providing us all these knowledge, your tutorials are really useful for me!

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

    Wow, that animation arrow is genius 😮😮😮

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

    absolutely amazing trick with that arrow! thank you for the video.

  • @garvitmakkar
    @garvitmakkar 2 года назад +2

    I love to have great grasp on making cool stuff with basic tools
    Please make a video on Repeater extraordinary uses also🙂

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

    such clear and straight forward tutorial! Thanks so much !

  • @richochet
    @richochet 2 года назад +2

    This is brilliant, one of my faves of yours! Thank you!

  • @quocthinh9481
    @quocthinh9481 7 месяцев назад

    Mind blowing with arrow example, OMG thanks you so much !!

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

    Clear, easy to understand and to the point, excellent tutorial!! Thanks!!

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

    It's so easy and practice, thank you for share your knowledge!

  • @YennyChristiany
    @YennyChristiany 3 месяца назад

    so helpful! thank you so much 🙌🙌

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

    This is fantastic!
    Thank you very much 😄

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

    Super tuto !! Merci beaucoup

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

    Hi Manuel! Thanks for the video!

  • @-swag8743
    @-swag8743 Год назад

    Thank you, very helpfull tutorial. Espacially the part about arrow.

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

    Actually I forgot the "trim path" and came back to memorize haha. Big thumbs up 👍👍

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

    Genius this is life saving!!

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

    Great tutorial, thanks so much!

  • @sonjavindjehier7840
    @sonjavindjehier7840 3 месяца назад

    Great tutorial! My object follows my line (with trimpath). Unfortunately, my object starts somewhere halfway of the line, as the trimpath of my line has an offset of 189degrees. How do i adjust the start position of my object so it matches the start position of my trimpath?

    • @ManueldoesMotion
      @ManueldoesMotion  3 месяца назад

      Thanks! Usually you adjust that position with the offset property.

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

    Manuel Awesome Job Done ... What is the music at 4:10 on wards please?

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

      Thanks very much! I use music from www.artlist.io for all my videos.

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

    Great tutorial!! ☺️

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

    I know how to make a line appear from the center out but how do I make that line disappear from the center out?

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

      You invert the animation. Time reverse keyframes.

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

      @@ManueldoesMotionthanks but I made a mask in the center and animated mask expansion.

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

    hai sir can you make video how to make like Caylus (youtube) he use behind face cam footage some effect please make that how to doo

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

    I wonder how I could automate the Trim Path action. Like, one click on a stroke and it adds a trim path animation on "0 to 100 End" at once? :)

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

    u the man

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

    having trouble here :/
    2:14 technique im just not able to get a perfect rotation around the center anchor point when I add the repeater, put x-position to 0, then rotate the 40deg....mine just doesnt spiral perfectly like in the video for some reason

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

      It's probably the anchor point position of your shape. The y anchor point position needs to be 0 for the layer and the shape.

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

      @@ManueldoesMotion thanks I got it.

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

    best tut❤❤❤

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

    Hi Manuel, i wonder How to move both ends of a path in different directions. If one follows one shape, the other follows another. To explain more correctly, how to parent one end to one shape and the other to another. Sorry if that's not clear. I didn't see a similar video and did I miss it?

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

      Hi, it depends on what you want to achieve exactly. An easy solution is to duplicate the shape and invert the direction of the movement. So you trace the path twice and change the direction for one path. The two objects move in different directions.

  • @zakwells7152
    @zakwells7152 9 месяцев назад

    With the graph, how did you click and drag it? I keep getting stuck here

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

    In graphic explosion part
    anchor Point is important for creating a circle from line using repeator?
    I am not getting a circle using repeator
    please guide me

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

      Yes, the anchor point of the shape layer needs to be in the centre of the composition.

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

    learn motion design give me this video! And i subcribe for that because is more tutorial on your channel.
    Nah, I love it

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

    GEM>>>> cheers... more ... more....

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

    Hi Mauel, is there a way to reverse the path direction @ 6:15?
    I'm trying to sweep a null along a star shaped path, but want it to run the other direction. Can't wuite figure it out though. Simply "reversing" the path direction via the button in the star shape path doesn't work unfortunately.

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

      Did you try and divide it by -100? Or you could precomp the layers, then turn the comp into a 3D layer and simply rotate it 180 degrees. That should change the direction as well.

  • @azurev2258
    @azurev2258 11 месяцев назад

    when all the c++ I learned finally has a purpose:

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

    Chuppy motion ! Could you do smoother motion ?

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

      What do you mean?

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

      ​@@ManueldoesMotion It's like in ticker text the same shape motion is chuppty ( kind of stuttering jittery motion ).

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

    Hi. I want the paths to animate from end to end... i have a drawing of a cake and when I do the trim paths, it draws it out but it jumps all over the place. Is there a way to make the drawing pick up where the last drawn path stops..... without having to manually organize it to make it do so.... that would be a huge amount of work

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

      Unfortunately I don’t know of a way to do that. It depends very much on all the lines in your drawing, how and in which order your paths are animated. You need to do it path by path I guess.

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

    How to simply loop animation like that by expression ? thansk

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

    hello!, I have a question, idk why my after effects don't have taper option in stroke?

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

      „Taper“ is included since After Effects CC 2017.1

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

      @@ManueldoesMotion I have 2020

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

      @@Marforaep Then it should be inside the "Stroke" property of your shape layer.

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

      @@ManueldoesMotion it’s not😭

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

      @@Marforaep Then you need to ask Adobe for advice.

  • @JuanDavid-bg4yz
    @JuanDavid-bg4yz Год назад

    This is a bit too advanced for me :'( I've been hitting my head against the wall. I'm trying to create a progress bar that automatically adapts to the length of the video, and also to attach a logo to the progress bar. Your "Link an object to a point on a path" seems to be similar to what I am trying to do with the logo. Anyway, I can't even figure out how to make the progress bar automatically adapt to the time of the video. Can someone help me please?

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

      This one will probably help: ruclips.net/video/_pUc8G38X24/видео.html

    • @JuanDavid-bg4yz
      @JuanDavid-bg4yz Год назад

      @@ManueldoesMotion Thank you. That's great. I was able to make the progress bar. However, the progress bar needs to be turned into a mogrt, and the bar has to adapt to the length of any video. Because, it's like a progress countdown of how long a video is. Is there an expression that helps me attach the progress to the time of any video? In this case, attach the slider control to the time of any video.

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

    superrrr

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

    4:10

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

    ✌...

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

    How the f**k did you rename the shape names?😅

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

    SLOW DOWN PLEASE

  • @idioteque5389
    @idioteque5389 11 месяцев назад

    when i create expression at 5:06 i have an error "object of type layer found where a number, arrow or property is needed". can you help me?

    • @ManueldoesMotion
      @ManueldoesMotion  11 месяцев назад

      It sounds like you forgot a semicolon at the end.

  • @shotoru07
    @shotoru07 Год назад +3

    why my trim path is different😭😭😭😭

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

    Excellent tutorial. Thanks!

  • @S-I-T
    @S-I-T Год назад

    Great tutorial. Thank you.

  • @TanuzJaramillo
    @TanuzJaramillo 2 года назад +8

    OMG Manuel!! I was looking for some tutorial like this, so I could add some extra movents to my Motion graphics homework for this week. Thank you!! :D

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

    one of the best After Effects tutorials I've ever seen. You're a hero man.

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

    Why don't you explain about why you need to move the trim path out of the contents shape 1?

  • @MiamiNL
    @MiamiNL 2 дня назад

    6:36 Thank you for your video and everything works fine, except that I am unable to make the null with custom shape auto orient along the path. I've tried enabling "Orient Along Path" for both the Null object and the shape attached to it, but unfortunately without any luck

    • @ManueldoesMotion
      @ManueldoesMotion  36 минут назад

      What happens? Doesn’t it move along the path?

  • @TitiReis-t2s
    @TitiReis-t2s 5 дней назад

    When you teach something, you should do it without using scripts. You should not use any other codes except the embedded scripts of the program. Your aim is to teach the basics of this program. And do this as much as possible.

    • @ManueldoesMotion
      @ManueldoesMotion  5 дней назад

      I use expressions in almost all my tutorials because they are very useful.

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

    How if I want to use image for trim path. Because trim path is only for shape layer. How can I change image to shape layer? Please correct me . Thank you

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

      You can't change an image to a shape layer. Shape layers are vector based, images have pixels.

  • @seemotionstudio
    @seemotionstudio 3 дня назад

    This arrow animation is awesome!! :) Thank you

  • @cmscss
    @cmscss 3 дня назад

    Best method to animate an arrow! Thank you.

  • @Fairy-Chess
    @Fairy-Chess 2 года назад

    Please make some videos on map animation. There is only a few videos on RUclips. Please make a video.

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

    Is their any other easy way to do this😢

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

      Once you understand the principle, I don’t think it’s that difficult.

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

    Also there is built in script that allow you to make a null linked to path. Selecting path you can run "Create Nulls From Paths" and hit "Trace Path".

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

      I know but it's not the same. It's just links to the path itself not to an object somewhere on the path.

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

      @@ManueldoesMotion of course, I'm agree with you, it just should be mentioned.
      Some of your technics are new to me, thanks!

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

    6:51

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

    I love to have great grasp on making cool stuff with basic tools
    Please make a video on Repeater extraordinary uses also

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

      Yes! I’ll definitely do more videos like this 👍🏻

  • @تبصرة
    @تبصرة 4 месяца назад

    Thank you so much I really liked the last arrow animation it's brilliant ! If only you could explain the reason of each step and how it affects the end result :) (ex linking end to start and the other start and end to the 1st start )

    • @ManueldoesMotion
      @ManueldoesMotion  4 месяца назад +1

      You’re welcome! I would recommend to play around with it and see what happens.

    • @تبصرة
      @تبصرة 4 месяца назад

      @@ManueldoesMotion Okay ^_^ Thanks for your reply

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

    This is amazing! I've been looking for a way to dynamically animate a point along a path. Would love to know if there's a way to automatically animate the circle at the in point of the path. I notice that if I move the slider fully to the right, the point disappears but not when I move it to the left, it just stays in place not going further past the in side of the path. Any way to make it so?

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

      Awesome! So happy it is helpful! Yes! You could animate the stroke width at the beginning and end to reveal the point and let it disappear again.

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

      @@ManueldoesMotion I made another slider for stroke size and one for offset and now it is complete! This is awesome thank you so much, subscribed!

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

      @@andrewolivares4475 That's awesome! A great addition!

  • @DaDoubleDee
    @DaDoubleDee 7 месяцев назад

    When I create a path with the pen tool, for some reason the start of the trim path is not at the beginning of where I started the path, it's the same as when I try it on a rectangle shape, any way to change the starting point??
    edit: found my answer for anyone with the same problem ---> select the path layer, then pen tool, right click on a vertex point and go to mask and shape path then hit set first vertex point

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

    OMG Didn't realize Trim Paths existed before this video, I did a whole animation where I used masks instead... 🤦‍♀

  • @muhammedsabil
    @muhammedsabil 11 месяцев назад

    Hey Manuel, Thank you for the amazing video, Can you help us with how can we make arrow disappear after coming to the screen

    • @ManueldoesMotion
      @ManueldoesMotion  11 месяцев назад

      If you want to let it disappear you could simply fade it out or animate the slider controls to scale the arrow down so that it disappears.

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

    i dont know why my graph is different from your graph... instead of it being a straight line, it instantly appears in a zig zag shape even though i followed through every step of the tutorial at 0:31 to 1:00

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

      There is a speed graph and a value graph you can select in the bottom menu. Maybe the value graph is selected instead of the speed graph?

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

    In this VIDEOOOOO...I learnt trim paths.

  • @yyc-headshots
    @yyc-headshots Месяц назад

    thanks

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

    Does anyone know a tutorial on this but for davinci?

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

    Thank you! this video is all I needed. Just a quick question, how can I do if I want the tail of the trim path to fade out with the background? Like it had a mask feather

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

      I would try and add an echo effect. You maybe have to use two layers then. One for the arrow head and one for the tail.

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

    hello thank you for your gum Road, very helpfull ! crazy stuff !

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

    very usable but project file is not free

  • @bilalahmed-cp1uk
    @bilalahmed-cp1uk Год назад

    amazzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzing

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

    Well done. Really Crazy staff. Thanks bro.

  • @O2-studios
    @O2-studios 2 года назад

    Thank you Manuel! Question: How did you create those sweeping paths with varying stroke widths?

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

      You're welcome! I changed the taper settings in the stroke property of the paths.

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

    Eres un Master de Masters. Gracias por enseñar cómo se hace. Very very very goooooooooooooooood! 🍀👍🏻❤

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

      Thanks very much! You're welcome!

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

      @@ManueldoesMotion Y gracias también por responderme siempre. Eres muy amable, amigo.

  • @mira-graphics
    @mira-graphics 2 года назад

    Just an AWESOME

  • @saurabhsingh-dr5mk
    @saurabhsingh-dr5mk 2 месяца назад

    Great job sir

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

    Love the ironic pen spin at 3:05 😂

  • @Nursultan-r2d2
    @Nursultan-r2d2 Год назад

    one of the best teacher

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

    💖

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

    Hello! There are no subtitles in Russian on the course. So I would buy. Sad

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

    Great video. It is concise, yet highly informative. Great time-value, with no fluff.
    Thanks, Manuel. Liked & subscribed! Keep 'em comin'!