Simple Squiggling Line - Adobe After Effects tutorial

  Рет қаралды 375,385

ECAbrams

ECAbrams

6 жыл бұрын

Learn to make a very simple squiggling line using only shape layers in Adobe After Effects. No effects required! Infinite scaling! It looks like a gross worm or snake!
This topic was much requested from viewers of our Basic Patterns video, viewable here: • Basic Patterns in Afte...
If you have any questions just let me know in the comments.
Download this project file:
evanabrams.com/blog/tut135
Connect on the Internets
www.EvanAbrams.com
www.Twitter.com/ecabrams
www.Facebook.com/EvanCAbrams/
www. EvanCAbrams
Suggest a tutorial topic: docs.google.com/forms/d/13A2e...
Google+
plus.google.com/+EvanAbrams/

Пікірлер: 341
@sharpywilliam4513
@sharpywilliam4513 6 жыл бұрын
I really love your shift in focus into more simple things, The more we know the base of simple stuff, the easier it becomes to make more advance work. Thank you for showing us the simple stuff really!
@LightspeedTutorials
@LightspeedTutorials 2 жыл бұрын
2:10 - Add new shape layer - Draw straight line. Select shape > Add Zig-Zag. 2:40 - Add Trim paths. Adjust trim paths for one cycle. Animate postition for remain centered. 4:45 - Add loopOut() expression.
@MultiPerson555
@MultiPerson555 2 жыл бұрын
Brilliant
@Ineedanameasap
@Ineedanameasap 4 жыл бұрын
I have used this very squiggly line in so many of my projects at work to speed up the workflow, thanks for this!
@RexArtTv
@RexArtTv 6 жыл бұрын
Whoever asked for this tutorail, thank you! xD
@CGShortcuts
@CGShortcuts 6 жыл бұрын
Love your work mate, good stuff!
@SrSilly
@SrSilly 5 жыл бұрын
OH MY GOD! I LOVE YOUR LOGO ANIMATION/ INTRO & BEAT IN THE BEGINNING! wow! inspiring!
@Gustavo-sp8lg
@Gustavo-sp8lg 5 жыл бұрын
Thank you, Evan! This tutorial helped me a lot!
@vgr7126
@vgr7126 3 жыл бұрын
this is a great tutorial, thank you for making it so quick, concise and at the same time full of useful information
@sagarn2494
@sagarn2494 6 жыл бұрын
Requested for this tutorial tried doing it with wave warp but @ECAbrams made it even more easier. Thank You So Much.
@orkanbasar
@orkanbasar 6 жыл бұрын
Thank you, I always learn something new with your tutorials.
@MarkSRiddle
@MarkSRiddle 5 жыл бұрын
OMG We need a 10 hours squiggle on KZfaq, I'd watch that forever.
@WangleLine
@WangleLine 3 жыл бұрын
same here
@studystudy6898
@studystudy6898 4 жыл бұрын
It's very useful tutorial. I wanted a tutorial like this. Thank you so much!
@Plant_Based_Riffs
@Plant_Based_Riffs 2 жыл бұрын
I didn’t need this. but your delivery was so good, and your teaching method was so good… i watched anyway. I am getting into after effects, and I already know you’re worth subbing to. Thank you for putting this stuff out here!
@ahmedhamam997
@ahmedhamam997 6 жыл бұрын
That's exactly what I was looking for, thanks man you're awesome :)
@RobinHoodPresent
@RobinHoodPresent 6 жыл бұрын
Wonderful! Thanks for your tuts!!
@beeattach699
@beeattach699 6 жыл бұрын
Thnaks Man , you always make things simple and creative
@fergos25
@fergos25 5 жыл бұрын
Hi. I love your tutorials. Thank you so much from Brasil!
@MrMuffinLord
@MrMuffinLord 6 жыл бұрын
these ones are pretty cool. A quick tutorial with a simple effect, nice
@DamonBowe
@DamonBowe 6 жыл бұрын
every single video you make is so freaking helpful.
@clovesfilho6496
@clovesfilho6496 5 жыл бұрын
Omg, thanks for this tutorial, love u bro!
@calcium5078
@calcium5078 5 жыл бұрын
This video saved me! Thank you so much!
@ramilderogongun311
@ramilderogongun311 6 жыл бұрын
More short length straight forward video like this. Thanks for sharing Sir 🙏
@fredolandaveri2193
@fredolandaveri2193 6 жыл бұрын
you read my mind, thanks for giving us this
@shubham-cd9lx
@shubham-cd9lx 5 жыл бұрын
Just Loved It its amazing
@amirdaryani
@amirdaryani 4 жыл бұрын
Thanks! you explained it super simple!
@tzippyrand4978
@tzippyrand4978 6 жыл бұрын
Nice!! Thanks for all the other tutorials!!
@kalpitkatpara4562
@kalpitkatpara4562 5 жыл бұрын
Love your videos and your work. Fantastic! 😘😎
@LeonisioBarroso
@LeonisioBarroso 2 жыл бұрын
Muito obrigado. Explicou muito bem. Tive um pouco de dificuldade mas consegui fazer.
@JoshPaulie
@JoshPaulie 6 жыл бұрын
Hey! I requested that! Good genuine smile to finish my day. :)
@ECAbrams
@ECAbrams 6 жыл бұрын
Happy to help. If this channel makes even one smile it’s working.
@vincybadman871
@vincybadman871 5 жыл бұрын
Super helpful thanks!
@EclipseMall
@EclipseMall 4 жыл бұрын
Man, you just nailed it!
@musicandscience6807
@musicandscience6807 Жыл бұрын
Just amazing, thanks for sharing!
@chrshm
@chrshm 4 жыл бұрын
hey thank u for this! i actually enjoy watching this + ur narrative is rly entertaining (in a way?? like talking with a friend!) thank you!:D
@kshamenk2008
@kshamenk2008 4 жыл бұрын
Thanks for the tutorial. Can you give us the ecuation that you've made for the position?
@josemanuelerre
@josemanuelerre 6 жыл бұрын
Thank you! Very useful!
@Iannaletv
@Iannaletv 5 жыл бұрын
THANK YOU!!
@kristinagroeger2839
@kristinagroeger2839 3 жыл бұрын
This is great. I was stuck until you taught to trim AFTER the zigzag layer. Thank you!
@morganau5107
@morganau5107 3 жыл бұрын
Great video! I'm a total beginner to After Effects so it seemed a bit fast but I was definitely able to follow on. Thanks for sharing!
@ECAbrams
@ECAbrams 3 жыл бұрын
You're welcome! If you have questions get at me any time on here.
@FrazNinja
@FrazNinja 6 жыл бұрын
youre the man evan!!
@erfanrahmani
@erfanrahmani 6 жыл бұрын
Really cool, thanks for every single of your tutorials
@ECAbrams
@ECAbrams 6 жыл бұрын
You’re welcome. Glad you enjoy them.
@Spornykov
@Spornykov 6 жыл бұрын
awesome, thanks!
@elepro5038
@elepro5038 6 жыл бұрын
Thank you very much for this!
@ECAbrams
@ECAbrams 6 жыл бұрын
You are very welcome.
@RubenSouza001
@RubenSouza001 4 жыл бұрын
I really enjoyed this tutorial. It was sooo helpful!!! You got one more subscriber
@paulocardoso8519
@paulocardoso8519 6 жыл бұрын
Thanks, again!
@RohitSarna007
@RohitSarna007 6 жыл бұрын
Was waiting for it thanks a lot
@ECAbrams
@ECAbrams 6 жыл бұрын
The wait is over!
@RohitSarna007
@RohitSarna007 6 жыл бұрын
ECAbrams you are doing a great job all your videos are very helpful 👍
@olmytofficial6855
@olmytofficial6855 6 жыл бұрын
Thanks very much!👍
@steventapia_motiondesigner
@steventapia_motiondesigner 5 жыл бұрын
Lookin real Charley Browny lol! Great Tuts!
@TheStranger1337
@TheStranger1337 6 жыл бұрын
probably best 5mins today. thx.
@ECAbrams
@ECAbrams 6 жыл бұрын
It’s a new game everyone is playing “less than 7 minutes with evan”. No closets required and it’s not super awkward.
@user-yo5yr9yr2h
@user-yo5yr9yr2h 6 жыл бұрын
THANK YOU SO MUCH! I've been messing around with Lottie and the one thing I have been struggling with is recreating the squiggle effect I can get with wave warp with no effects added. Thank you thank you thank you!
@ECAbrams
@ECAbrams 6 жыл бұрын
You’re welcome. Lottie is a database of things right? I’m not super familiar with it. Are you also using bodymovin?
@user-yo5yr9yr2h
@user-yo5yr9yr2h 6 жыл бұрын
Yes I am. It's a way of converting after effects animations to vector so they can be used on device interfaces. It's super useful as videos and gifs take up a lot of space but animations that use Lottie typically don't because they're vector(and can be fairly complex as well). Bodymovin is used to convert those animations to the web. You can check out the things people have created through lottie on codepen! codepen.io/search/pens?q=lottie&page=1&order=popularity&depth=everything&show_forks=false Of course, there are still css animations and sometimes a gif or video does just fine but I'm personally studying interaction design/motion design for the web so this is very relevant to me
@jamietandem6109
@jamietandem6109 6 жыл бұрын
Hi M I've also been using this tutorial but it's not exporting right with bodymovin. It appears on lottie as just a straight line moving back and forth. Did you encounter the same problem? :O
@Workbenchtv
@Workbenchtv 6 жыл бұрын
Nice one, Evan!
@ECAbrams
@ECAbrams 6 жыл бұрын
Thanks man!
@Workbenchtv
@Workbenchtv 6 жыл бұрын
You're welcome! I always enjoy seeing your videos pop up in my notifications. Even if I know what you're doing, it's always good to see how others work and you're entertaining!
@viviantabar9491
@viviantabar9491 6 жыл бұрын
Thanks for the tutorial! How do I remove the jitter? It won't seem to loop cycle...
@ivanchudyk6129
@ivanchudyk6129 4 жыл бұрын
Best two channels of AE in KZfaq
@Lapestebubbonica
@Lapestebubbonica 6 жыл бұрын
i love you. why did I discover you at 250k..... :\ Man so many usefull videos!!!! keep the innovation up!!!! You have a really awesome channel
@eileenhuang5282
@eileenhuang5282 6 жыл бұрын
As someone who started learning After Effects a week ago, this tutorial is perfect because it is: short and succinct, visually clean and interesting, and allows viewers like me to further explore it's possibilities. Thank you!
@ECAbrams
@ECAbrams 6 жыл бұрын
Glad you enjoy it. I typically talk a lot more. But the other tutorials on this channel are a testament to that.
@sophieingels-fortier7773
@sophieingels-fortier7773 2 жыл бұрын
OMG this is gold thank you so much!!!!
@DesignerYash
@DesignerYash 6 жыл бұрын
I am searching this for a while
@Daniel-up8nf
@Daniel-up8nf 4 жыл бұрын
!WOW! TKS!!!
@WangleLine
@WangleLine 3 жыл бұрын
Thank you so much for this!!
@joshgreatscott
@joshgreatscott 2 ай бұрын
Thank You! I was trying to use an effect with no luck, this is the exact feel I was hoping for.
@craftswithsandy9047
@craftswithsandy9047 2 жыл бұрын
Evan, I realize this is an old tut, but really, it is fantastic, you really have done a great job.. now, I am a fan. and a sub :)
@ECAbrams
@ECAbrams 2 жыл бұрын
Awesome, thank you!
@cmpix
@cmpix 6 жыл бұрын
Saw this very effect as part of a blurb on the BBC earlier this evening, they're quick off the mark ;)
@Berserker_BG
@Berserker_BG 6 жыл бұрын
Hey Evan! Awesome tutorial. I just wanted to ask you a complex question about scaling layers and retaining the feathers/effects with it. Some of my clients wish to have their production delivered in 4K. Of course I could do it with the "Detail Preserving Upscale". But still.. it is not a true upscale and most of my work is done 100% in after effects and not an outdoor video. So what I do is make a null object and parent everything to it and basically scale it up to fit the 4K canvas (using continuous raster ofc). That's cool, but I often have quite a lot of feathers with echos and glow effects and bunch of other crazy shenaningans. And when I do scale them, everything is just going mad and you are starting to have a really bad day. For some reason Echo effects are not working when scaled with a precomp using the continuous raster, glow effects for example are out of place because they do not retain their true values while scaling, so I have to manually change each and every value to fit the 4K canvas scale change. But even if I don't want to scale everything and just 1 layer - is it really possible to retain the true value.
@obadaj.z2152
@obadaj.z2152 4 жыл бұрын
Very important! Thank you
@miguellezcano6830
@miguellezcano6830 8 ай бұрын
You are incredible man, thank you very much!
@manyourcoolchris
@manyourcoolchris 4 жыл бұрын
Thanks for the quick and clear tutorial!
@ECAbrams
@ECAbrams 4 жыл бұрын
Glad it was helpful!
@karinkaras4380
@karinkaras4380 4 жыл бұрын
👍🏼👍🏼 thank you!
@Ahtsu
@Ahtsu 3 жыл бұрын
thx you this is so useful!
@altynsarindb2778
@altynsarindb2778 6 жыл бұрын
thanx for video
@violettecalhoun5603
@violettecalhoun5603 Жыл бұрын
You rock. Thank you!!!!
@idrisAkbarAdyusman
@idrisAkbarAdyusman 6 жыл бұрын
that is awesome, thank you so much! maybe for next can you give us tutorial about rendering ? wich codec is best for good quality but smaller in file size?
@ECAbrams
@ECAbrams 6 жыл бұрын
All codecs are a trade off. And they’re all subjective to the final use of the video.
@yassinebroco601
@yassinebroco601 3 ай бұрын
Thank you so much!
@ayonrajakash9106
@ayonrajakash9106 2 жыл бұрын
Thank you so much dude.... Helped me a lot
@elikint
@elikint 4 жыл бұрын
Great explanation!
@ECAbrams
@ECAbrams 4 жыл бұрын
Glad it was helpful!
@miami8696
@miami8696 3 жыл бұрын
thank u so much.
@katia2446
@katia2446 3 жыл бұрын
thank you a lot!
@zuleykaperla9423
@zuleykaperla9423 4 жыл бұрын
OMG love this tutorial, saved me
@ECAbrams
@ECAbrams 4 жыл бұрын
Glad it helped!
@carlapaludetto2214
@carlapaludetto2214 5 ай бұрын
Thank you! You're a genius!
@SkaarBanner
@SkaarBanner 3 жыл бұрын
THANK YOU
@tobiasfuhr8725
@tobiasfuhr8725 4 жыл бұрын
simple and great
@pewho3790
@pewho3790 5 жыл бұрын
I would appreciate if you could explain the "math" you did so we could apply the same effect on different paths.
@carolfloren2359
@carolfloren2359 4 жыл бұрын
It would help a lot
@matt309
@matt309 4 жыл бұрын
Ikr
@danilustre6753
@danilustre6753 3 жыл бұрын
I think I've figured it out by reverse math. With this you need to pay attention to your square's dimensions which is 1080x1080. Over these dimensions, 4,5 steps of whole squiggles fit into your square. If you want to know the middle of the square, divide 1080 by two times 4,5 (of x&y dimensions), 1080 : 9 = 120. Now you need to tell the program to keep your center of the line, to the center of the square by placing the position on -120 on the last keyframe and 120 on the first keyframe. Now it knows how to keep it in the exact center. I tested it with different dimensions and it worked for me.
@robertoronald4243
@robertoronald4243 4 жыл бұрын
thank you
@rowerotomja
@rowerotomja 2 жыл бұрын
Great job! I used it for my work
@ECAbrams
@ECAbrams 2 жыл бұрын
Glad you like it!
@NightDancer-nf8dq
@NightDancer-nf8dq Жыл бұрын
so~ good Tutorial!!
@Scherpfilmproducties
@Scherpfilmproducties 5 жыл бұрын
Thank you Evan! I'm only trying to understand what kind of math did you use to get the line back in the middle?
@Lynyj
@Lynyj 3 ай бұрын
same question here!
@evgeniicherniak3332
@evgeniicherniak3332 3 жыл бұрын
Cool!
@hamarasansarharsh
@hamarasansarharsh 6 жыл бұрын
superrrrrr
@yacineguerrouat7815
@yacineguerrouat7815 5 жыл бұрын
Does somebody know if its also possible to apply these squiggling lines to a closed stroke ( so a stroke which is e.g. shaped as an ellipse)?
@anaskp9072
@anaskp9072 2 жыл бұрын
Great Tutorial, Appriciate that.
@ECAbrams
@ECAbrams 2 жыл бұрын
You're welcome!
@gaaahjunqueira
@gaaahjunqueira 5 жыл бұрын
Hey Evan, great tutorial! I'm trying to achieve the same result, and I've followed this tutorial exactly like you've done but for some reason when i looped something goes wrong and my animation isn't fluid and idk what can be.
@user-iz4qc5sy4f
@user-iz4qc5sy4f 5 жыл бұрын
I have the same
@ECAbrams
@ECAbrams 5 жыл бұрын
Perhaps you're looping one frame too many or too few? Check the first and last frames of the loop. Are they the same? Does it seem to skip a step or pause on a step?
@balintbudai5668
@balintbudai5668 2 жыл бұрын
maybe it`s a bit late but it could be the size of the proportional grid. At least for me it was the problem. I made it the same size 6x6 ( for me it was 8x6) just like in the video and after it was a perfect smooth loop.
@PYROMANIZAC
@PYROMANIZAC 6 жыл бұрын
I think this is proof you read your comments! Thanks for this Evan!
@ECAbrams
@ECAbrams 6 жыл бұрын
I read every comment. KZfaq keeps emailing them at me.
@PYROMANIZAC
@PYROMANIZAC 6 жыл бұрын
for someone with 244k subs, I tip my hat to you good sir!
@DSBac
@DSBac 4 жыл бұрын
This is cool, though there is another way to achieve the same effect using the wave warp effect. I made a single, straight stroke and made sure the anchor point was at the start of the path, then applied wave warp to the stroke. I was making several of these lines flowing out from an object so I would have to rotate them varying degrees. So I'd duplicate the stroke layer and whatever I changed the rotation of the shape layer to, I'd then match the direction setting in the wave warp effect to that number. I found this works well and you get pretty much the same result as this method, though I like that it's pretty easy to just change the speed, wave width, etc. in the wave warp panel, but without key-framing. It may not be as mathematically precise, but works. Anyway, thanks for all the helpful tutorials!
@ECAbrams
@ECAbrams 4 жыл бұрын
Wave warp is a classic. We more use this method to have infinite scale and raster, and avoid the distortion in the arcs. But as we say around here, people gotta do what's right for their situation and project.
@DSBac
@DSBac 4 жыл бұрын
ECAbrams that makes sense. I didn’t even consider that because in my project the lines are relatively small. I wouldn’t have thought to use the zig zag option had I not seen this tutorial. Definitely a great solution to keep in mind. 👍🏻
@GodUsopp23
@GodUsopp23 4 жыл бұрын
what way should i export this so I can plug it in like you do in the Basic Patterns in After Effects video? or is it not exported and just a file?
@SlimeyNoCommentary
@SlimeyNoCommentary 6 жыл бұрын
We can use the math sin no?
@user-dz2lt6mt3f
@user-dz2lt6mt3f 4 жыл бұрын
cool video, thanks
@kaushambiray2490
@kaushambiray2490 2 жыл бұрын
In the setup, appreciate the videos! Maybe a dumb question but is there a way to export content in mono in soft20?
@noahjoo7231
@noahjoo7231 2 жыл бұрын
How do you find the center for the transformation in the position?
@cwlkm
@cwlkm 6 жыл бұрын
people asked, and here it is! nice tut
@ECAbrams
@ECAbrams 6 жыл бұрын
Evan does honour requests. Proof!
@gregv2821
@gregv2821 4 жыл бұрын
Nice
@hollym6161
@hollym6161 4 жыл бұрын
im an ametuer at after effects right now and am struggleing with rendering and the right video codec to use...so i was wondering what format and video codec was used for this because my video is sorta the same style just a bigger file
@GuidoGautsch
@GuidoGautsch 4 жыл бұрын
Looks like for the hero squiggly here, you use a yellow fill and a black stroke so it doesn't interfere with the lil white ones - correct?
@HowToAnimateTutorial
@HowToAnimateTutorial 4 жыл бұрын
thank so much pro
@ECAbrams
@ECAbrams 4 жыл бұрын
You are very welcome
@rachelflorentino3287
@rachelflorentino3287 Жыл бұрын
YOU ARE A GOD... NO QUESTION ABOUT IT
Basic Patterns in After Effects
14:16
ECAbrams
Рет қаралды 246 М.
The Wave Principle | Basics for Beginners Animation Theory
26:30
MISS CIRCLE STUDENTS BULLY ME!
00:12
Andreas Eskander
Рет қаралды 13 МЛН
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 8 МЛН
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 60 МЛН
Animate Lines in Adobe After Effects (Trim Paths)
3:03
Brooker Films
Рет қаралды 54 М.
Math.sin - Adobe After Effects Expression
13:28
ECAbrams
Рет қаралды 180 М.
Zig Zag modifier [After Effects] 9/9
2:12
Shake my art
Рет қаралды 11 М.
After Effects: Wavy Line Background & Texture Tutorial
10:44
Creative Dojo
Рет қаралды 43 М.
After Effects: Wave Animations Using Wave Warp
17:27
Creative Dojo
Рет қаралды 179 М.
Flexible limbs rigging with DUIK - After Effects Tutorial
2:32
Motion Design School
Рет қаралды 125 М.
Crazy Trim Paths Tricks in After Effects | Tutorial
9:21
Manuel does Motion
Рет қаралды 334 М.
How to Trim and Cut Video Premiere Pro
7:44
Javier Mercedes
Рет қаралды 770 М.
8 Easy After Effects Techniques To Improve Your Projects
9:23
Motion By Scott
Рет қаралды 41 М.
MISS CIRCLE STUDENTS BULLY ME!
00:12
Andreas Eskander
Рет қаралды 13 МЛН