Crazy Trim Paths Tricks in After Effects | Tutorial

Поділитися
Вставка
  • Опубліковано 2 жов 2024

КОМЕНТАРІ • 181

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

  • @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 👍🏻

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

    why my trim path is different😭😭😭😭

  • @تبصرة
    @تبصرة 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

  • @Nursultan-r2d2
    @Nursultan-r2d2 Рік тому

    one of the best teacher

  • @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 Рік тому

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

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

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

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

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

  • @MiamiNL
    @MiamiNL 6 днів тому

    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

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

  • @TitiReis-t2s
    @TitiReis-t2s 9 днів тому

    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  9 днів тому

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

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

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

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

  • @Fairy-Chess
    @Fairy-Chess 2 роки тому

    Please make some videos on map animation. There is only a few videos on UA-cam. Please make a video.

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

  • @azurev2258
    @azurev2258 11 місяців тому

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

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

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

  • @seemotionstudio
    @seemotionstudio 7 днів тому

    This arrow animation is awesome!! :) Thank you

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

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

  • @richochet
    @richochet 2 роки тому +2

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

  • @cmscss
    @cmscss 7 днів тому

    Best method to animate an arrow! Thank you.

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

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

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

  • @Creative-Smiles22
    @Creative-Smiles22 7 днів тому

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

  • @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? :)

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

  • @timmykwee
    @timmykwee 5 місяців тому

    such clear and straight forward tutorial! Thanks so much !

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

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

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

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

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

  • @Evie_Ruby
    @Evie_Ruby 4 місяці тому

    6:51

  • @Evie_Ruby
    @Evie_Ruby 4 місяці тому

    4:10

  • @zakwells7152
    @zakwells7152 9 місяців тому

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

  • @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: ua-cam.com/video/_pUc8G38X24/v-deo.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.

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

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

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

    This is fantastic!
    Thank you very much 😄

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

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

    Wow, that animation arrow is genius 😮😮😮

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

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

    In this VIDEOOOOO...I learnt trim paths.

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

    How to simply loop animation like that by expression ? thansk

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

  • @quocthinh9481
    @quocthinh9481 7 місяців тому

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

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

    SLOW DOWN PLEASE

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

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

  • @girishmathpal4244
    @girishmathpal4244 11 днів тому

    incredible work, you are great sir

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

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

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

    Super tuto !! Merci beaucoup

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

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

  • @-swag8743
    @-swag8743 Рік тому

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

  • @bilalahmed-cp1uk
    @bilalahmed-cp1uk Рік тому

    amazzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzing

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

    so helpful! thank you so much 🙌🙌

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

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

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

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

    u the man

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

    ✌...

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

  • @yyc-headshots
    @yyc-headshots Місяць тому

    thanks

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

    very usable but project file is not free

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

    Hi Manuel! Thanks for the video!

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

    Well done. Really Crazy staff. Thanks bro.

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

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

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

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

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

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

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

    Great tutorial, thanks so much!

  • @saurabhsingh-dr5mk
    @saurabhsingh-dr5mk 2 місяці тому

    Great job sir

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

    Excellent tutorial. Thanks!

  • @mira-graphics
    @mira-graphics 2 роки тому

    Just an AWESOME

  • @S-I-T
    @S-I-T Рік тому

    Great tutorial. Thank you.

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

    Love the ironic pen spin at 3:05 😂

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

    Genius this is life saving!!

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

    Great tutorial!! ☺️

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

    💖

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

    best tut❤❤❤

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

    superrrr

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

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

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

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

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