How To Animate A Line In After Effects

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

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

  • @raisin4406
    @raisin4406 4 года назад +192

    1. Make a line path using the pen tool
    2. Remove fill
    3. Open the layer of the path and go to Add > Trim Paths
    4. Add a key frame for End
    5. Set the first key frame to 0% and the last key frame to 100%
    6. Make them easy-ease by selecting them and pressing F9
    Btw thank you so much for making this video! You made it seem really easy and simple :)

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

      This

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

      Also you can remove the fill before creating the line

  • @finnbellFCB
    @finnbellFCB 5 лет назад +23

    No time wasted, straight to the point and super clear.
    THANKS!!

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

    The shortest and most up-to the point video I have come across. Bless you!

  • @w84me12
    @w84me12 3 года назад +4

    This is the most quick and easiest tutorial I have ever found so far. Thank you

  • @BladeJones
    @BladeJones 5 лет назад +18

    Will be using the animated line lesson learned from this video twice in my upcoming short film release!

  • @jakewynn
    @jakewynn 3 года назад +3

    THANK YOU SO MUCH, this tutorial was not only easy to follow, but informative too. This has helped me a lot!

  • @dapz
    @dapz 3 года назад +23

    Thank you so much, quick and to the point 👍

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

    I love you. Thank you for teaching me something I should have known YEARS ago. :)

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

      100% my pleasure! There’s so many things I should have known sooner…and maybe I still don’t 😂

  • @GSDPops
    @GSDPops 4 года назад +130

    Dude, I'm a freaking idiot. Learned this Day 1 in AE class and forgot all about it. I can make holograms and light sabers and books and everything, forgot how to animate a freaking line.

    • @JahairaDagaAcevedo
      @JahairaDagaAcevedo 4 года назад +3

      same lol

    • @SYKER
      @SYKER 4 года назад +1

      You're not alone, same here :D

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

      I know your pain Zach 😅 it's the simple things that get you 😂 you're not alone

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

    This tutorial is really useful, you can understand the basis of the animation and you go directly to the point

  • @kaphonie
    @kaphonie 3 года назад

    I'm really happy the tutorial wasn't really quiet and recorded on a bad mic like some tutorials out there xD

  • @playbak
    @playbak 6 лет назад +3

    Super helpful! Had to go through 10 random vids before finding this one which gave the answer I needed

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

    Thank you! Needed a refresher on how to do this!!

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

    This is genuinely the best video on the internet

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

    TNice tutorials man is so good at explanation ...since I have been watcNice tutorialng soft soft tutorials , tNice tutorials is my first ti to really understand it . I love soft

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

    You just made my animations 75% better. Thanks

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

    Whew! Been looking for this and so easy when YOU explained this. Thanl you.

  • @goodnightngo1892
    @goodnightngo1892 3 года назад +1

    HELPFULLLLLLLLL THANKSSS!! im new to ae this is helpingg my exam so muchhhhh ♡

    • @MotionArrayTutorials
      @MotionArrayTutorials  3 года назад

      This is awesome to hear! Thanks so much for taking the time to write!

  • @morgjo
    @morgjo 4 года назад +3

    Thank you!! Easy to follow and exactly what I needed.

  • @m4gn3tic82
    @m4gn3tic82 4 года назад +22

    Tip: if some of you are wondering why your line didn't animate, make sure that your stroke is not 0 pixels.

  • @viratvicky7716
    @viratvicky7716 6 лет назад +5

    Very helpful for beginners 😍😍😍😍

  • @luigigalvani5432
    @luigigalvani5432 4 года назад +1

    Not the hero we wanted, but the hero we needed!

    • @MotionArrayTutorials
      @MotionArrayTutorials  4 года назад +1

      Owen is indeed a hero! We appreciate him very much too! Cheers!

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

    A tutorial that also comes with another free tutorial (making a 3d google map trail haha) thank you for reminding me how the path animation works xD

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

    Thank you for the tutorial, it's so quite understandable for AE beginners like me, I did it with another free sample map photo due to your dead link

  • @vivienthecreator917
    @vivienthecreator917 4 года назад +1

    Thank you for the quick and easy solve! Much appreciated.

  • @baseekoo3516
    @baseekoo3516 5 лет назад +2

    I was really sad when I couldn't find a video on this topic. Thanks to you I now have the info I need to make a video I'm super excited about. Thank You :)

  • @beariv8158
    @beariv8158 3 года назад +4

    This was really helpful :) I'm a beginner on AE so this was easy to follow to do what I wanted. Thank you so much!

  • @doobb7588
    @doobb7588 4 года назад

    exactly what i need with no filler thanks so much!

  • @joerandazzojr.jr.1123
    @joerandazzojr.jr.1123 3 года назад

    Thank you so much! This taught me so many basic AE principles that I was trying to figure out (like creating an animated trim path - I didn't know what that was)

  • @dezor4052
    @dezor4052 6 лет назад +2

    clear and concise, thanks!

  • @EnigmatikNeko
    @EnigmatikNeko 4 года назад

    Simple, informative, quick

  • @renanmullerdesigns7390
    @renanmullerdesigns7390 6 лет назад

    Again, awesome tut. Just got another subscriber. This might quickly become one of my favorite channels. It's so hard to find videos that go straight to the point but in an easy way to follow.

  • @ryzeonline
    @ryzeonline 3 года назад

    Simple, helpful, valuable. Thank you so much.

  • @irslanali
    @irslanali 5 лет назад +1

    Awesome! Very simple and straight to the point!

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

    Thank You, Short and Clear
    All I want )))

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

    thank you this was very useful for a simple gif i was trying to make thumbs up :)

  • @saberdahmen9393
    @saberdahmen9393 4 года назад

    thanks bro you saved my life

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

    thank you this was very easy to follow!

  • @nataseck1606
    @nataseck1606 5 лет назад +1

    Wow. I honestly was not expecting to have the answer but you just did help me!!! thank youuuu omg omg

    • @MotionArrayTutorials
      @MotionArrayTutorials  5 лет назад

      Thanks Nata! We're so happy the video could help you! Cheers! 🙌

  • @wr5023
    @wr5023 4 года назад

    you're an angel, thank you so much!

  • @Conefreaks27
    @Conefreaks27 3 года назад +1

    thanks really needed this keep it up

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

    Very well explained.

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

    this helps alot thanks

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

    Awesome video brother

  • @SkymaxVisuals
    @SkymaxVisuals 3 года назад +1

    Cheers for the tutorial!

  • @ThorShaker
    @ThorShaker 4 года назад +1

    Thank you for showing me the way

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

    This is amazing! I've been trying to complete a project in Premiere pro with the same idea, but instead of in and out points, I was using the crop tool to create the animation.
    Its taking ages to render, and its almost tragic how quick you did this in after effects after hours of work for me in premiere pro, with a less visually pleasing outcome xD.

  • @gxdzill6421
    @gxdzill6421 3 года назад +1

    Omg, it's so easy
    Thank you so much ❤️

  • @auroracs8774
    @auroracs8774 4 года назад

    perfect tutorial, short and what I need, thank you so much

  • @matejzizanovic7959
    @matejzizanovic7959 3 года назад +4

    IF YOURE LOOKING TO CHANGE DIRECTION OF LINE ANIMATION - when drawing the line, make sure the starting point is where you want the animation to start, and end point is where it ends. thats it :)

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

    Tartaglia left the fatui to teach youtube tutorials lol but srls ty so much!

  • @mycomics307
    @mycomics307 4 года назад

    Glad to meet them! Thanks a lot

  • @dironin2363
    @dironin2363 5 лет назад +1

    thanks buddy, simple and awesome!

  • @anilkumbhar5631
    @anilkumbhar5631 3 года назад +1

    Thanks for this awesome technich

  • @marioghaly585
    @marioghaly585 6 лет назад

    You guys are awesome keep making videos I learn a lot from you

  • @jackalopeb9598
    @jackalopeb9598 4 года назад

    I'm trying to make animate a timeline with years on it. This is a great start.

    • @AreeshaBukhari
      @AreeshaBukhari 4 года назад

      omg did you find any other videos that helped? Can you please share them. I've been trying to do it too!

    • @jackalopeb9598
      @jackalopeb9598 4 года назад +1

      @@AreeshaBukhari I wish I can help you but I haven't found any videos yet. I kind of played around with Ae and took some of the information from the video. The video I was working on is done so I can't fully remember. Good luck.

    • @AreeshaBukhari
      @AreeshaBukhari 4 года назад

      @@jackalopeb9598 I'd love to see what you did, if its anywhere on the internet.

  • @iliyaDX
    @iliyaDX 3 года назад

    really helpful bro 🔥🔥❤❤

  • @subjectlife82
    @subjectlife82 3 года назад

    It really helped. Thanks

  • @theresadover4976
    @theresadover4976 5 лет назад +3

    Could you send a link to a tutorial on how the 3D map is done?

  • @tfarfolini9742
    @tfarfolini9742 3 года назад +1

    Thank You!

  • @webmondeonline2132
    @webmondeonline2132 3 года назад +1

    Thanx, very usefull

  • @Kaldrin
    @Kaldrin 4 года назад

    Thanks for the tutorial !

  • @mahyar305
    @mahyar305 3 года назад +1

    Thanks

  • @tahiedits_4467
    @tahiedits_4467 3 года назад

    Great Video !

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

    Amazing, Truly Amazing. I was just wondering, how were you able to change the perspective of the map?

    • @MotionArrayTutorials
      @MotionArrayTutorials  3 года назад

      Thanks so much! So happy you liked it! We actually have a separate tutorial for how we created the map and it's here:
      ruclips.net/video/zbz7Pvib4Yo/видео.html
      Hopefully this answers your question! Cheers! 😄

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

    Great video. Thank you

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

    Thanks, dude.

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

    Good tutorial. However I would recommend explaining every thing you do related to what you want to achieve. For example the "easy ease" you did on the line, you could have mentioned what it does. Anyways, a quick google search always helps. Just a tip for you :)

    • @MotionArrayTutorials
      @MotionArrayTutorials  3 года назад

      Thanks for the tips! Greatly appreciate it. Will keep that in mind for future tutorials.

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

    so good

  • @JH888
    @JH888 4 года назад +1

    thanks mate, you helped me a lot!!

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

    1:34 Shape - Add > Trim paths

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

    great job

  • @Tulikaart
    @Tulikaart 3 года назад +1

    Thank you..!

  • @yusufmafif
    @yusufmafif 6 месяцев назад

    Thank you so much.. 🙏

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

    thank you!

  • @thatChillLife2037
    @thatChillLife2037 3 года назад

    This is so cool! I'm a fairly new content creator and learning how to animate lines--in my head--would be a nightmare of keystrokes and things I didn't know how to do---this video is awesome! Definitely subbing for more quick tutorials. Thanks!

  • @gummm6553
    @gummm6553 3 года назад +1

    thanks

  • @ChrisCordovaCinema
    @ChrisCordovaCinema 3 года назад

    Great job thank you

  • @zed_art
    @zed_art 5 лет назад +4

    its was realy help full

  • @The_Twilight_Cuts
    @The_Twilight_Cuts 3 года назад +1

    omg thanks!!!!

  • @anna.rm267
    @anna.rm267 6 месяцев назад

    Quick question: why not use the start and end trim path? Instead we're using end only?

  • @futuremakersworkshop5846
    @futuremakersworkshop5846 3 года назад

    thanks for this

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

    this is 2/2 tutorials I have tried to follow along but when I do, my final resultant the same... in this case when I start drawing with the pen tool, even though there are no layers selected, it makes a mask instead of a shape layer...?

  • @rodrigoreis7
    @rodrigoreis7 4 года назад +1

    Thanks!!!!!!🙏🙏🙏

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

    Hi: can you make a video to show how to make a moving vertical line from left to right at a constant speed? I like to overlay this line to music score as music is playing. Thanks a lot, Joe.

  • @canielz
    @canielz 4 года назад

    thank you

  • @JERICH9478
    @JERICH9478 6 лет назад

    nice and easy! lovely

  • @PBHProductions
    @PBHProductions 4 года назад

    Wow, Helped a lot!

  • @kcsebastian
    @kcsebastian 6 лет назад

    keep em coming!

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

    Awesome

  • @Jakobnd
    @Jakobnd 3 года назад +1

    2:15 How did you get this clean composition switching layout?
    Is there a shortcut for it?
    Thanks for the quick and easy tutorial ;D

  • @Jimbo1221
    @Jimbo1221 4 года назад

    THANK YOU!!!! :)

  • @Segab
    @Segab 4 года назад +3

    1:33 for what you're looking for.

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

    too good

  • @mitchell.95
    @mitchell.95 4 года назад

    wow. thank you.

  • @doaaalkumaim7280
    @doaaalkumaim7280 4 года назад +1

    I lost 2 hours trying to solve this by myself while the solution is here in 2 MINUTES.

  • @alializadeh8195
    @alializadeh8195 3 года назад

    Thanx

  • @movehaus2766
    @movehaus2766 5 лет назад +1

    thanks :)

  • @wumingstudio3140
    @wumingstudio3140 5 лет назад

    Thank explain very clear.. Unlike other talking whole day bullshit not yet in the topic..

  • @manjitkapri1816
    @manjitkapri1816 6 лет назад +1

    Ty allot