Тёмный
No video :(

Simple Squiggling Line - Adobe After Effects tutorial 

ECAbrams
Подписаться 374 тыс.
Просмотров 378 тыс.
50% 1

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/...
Connect on the Internets
www.EvanAbrams.com
www.Twitter.com/ecabrams
www.Facebook.com/EvanCAbrams/
www. EvanCAbrams
Suggest a tutorial topic: docs.google.co...
Google+
plus.google.co...

Опубликовано:

 

24 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 348   
@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
@RexArtTv
@RexArtTv 6 лет назад
Whoever asked for this tutorail, thank you! xD
@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!
@MarkSRiddle
@MarkSRiddle 5 лет назад
OMG We need a 10 hours squiggle on RU-vid, I'd watch that forever.
@WangleLine
@WangleLine 3 года назад
same here
@joshgreatscott
@joshgreatscott 3 месяца назад
Thank You! I was trying to use an effect with no luck, this is the exact feel I was hoping for.
@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!
@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!
@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.
@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.
@beeattach699
@beeattach699 6 лет назад
Thnaks Man , you always make things simple and creative
@miguellezcano6830
@miguellezcano6830 9 месяцев назад
You are incredible man, thank you very much!
@SrSilly
@SrSilly 5 лет назад
OH MY GOD! I LOVE YOUR LOGO ANIMATION/ INTRO & BEAT IN THE BEGINNING! wow! inspiring!
@OceanFX
@OceanFX 4 года назад
If your want to make the line in 1920 x 1080 than Pos: 312 -312 Offset: 117 End: 67
@1TopTube1
@1TopTube1 Год назад
How you make it ???
@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 RU-vid
@fergos25
@fergos25 5 лет назад
Hi. I love your tutorials. Thank you so much from Brasil!
@ramilderogongun311
@ramilderogongun311 6 лет назад
More short length straight forward video like this. Thanks for sharing Sir 🙏
@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
@carlapaludetto2214
@carlapaludetto2214 6 месяцев назад
Thank you! You're a genius!
@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.
@CGShortcuts
@CGShortcuts 6 лет назад
Love your work mate, good stuff!
@manyourcoolchris
@manyourcoolchris 4 года назад
Thanks for the quick and clear tutorial!
@ECAbrams
@ECAbrams 4 года назад
Glad it was helpful!
@Gustavo-sp8lg
@Gustavo-sp8lg 5 лет назад
Thank you, Evan! This tutorial helped me a lot!
@sagarn2494
@sagarn2494 6 лет назад
Requested for this tutorial tried doing it with wave warp but @ECAbrams made it even more easier. Thank You So Much.
@DamonBowe
@DamonBowe 6 лет назад
every single video you make is so freaking helpful.
@MrMuffinLord
@MrMuffinLord 6 лет назад
these ones are pretty cool. A quick tutorial with a simple effect, nice
@ayonrajakash9106
@ayonrajakash9106 2 года назад
Thank you so much dude.... Helped me a lot
@rachelflorentino3287
@rachelflorentino3287 Год назад
YOU ARE A GOD... NO QUESTION ABOUT IT
@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
@miami8696
@miami8696 3 года назад
thank u so much.
@erfanrahmani
@erfanrahmani 6 лет назад
Really cool, thanks for every single of your tutorials
@ECAbrams
@ECAbrams 6 лет назад
You’re welcome. Glad you enjoy them.
@orkanbasar
@orkanbasar 6 лет назад
Thank you, I always learn something new with your tutorials.
@amirdaryani
@amirdaryani 4 года назад
Thanks! you explained it super simple!
@yassinebroco601
@yassinebroco601 4 месяца назад
Thank you so much!
@kshamenk2008
@kshamenk2008 4 года назад
Thanks for the tutorial. Can you give us the ecuation that you've made for the position?
@kristinagroeger2839
@kristinagroeger2839 3 года назад
This is great. I was stuck until you taught to trim AFTER the zigzag layer. Thank you!
@RubenSouza001
@RubenSouza001 4 года назад
I really enjoyed this tutorial. It was sooo helpful!!! You got one more subscriber
@musicandscience6807
@musicandscience6807 2 года назад
Just amazing, thanks for sharing!
@obadaj.z2152
@obadaj.z2152 4 года назад
Very important! Thank you
@anaskp9072
@anaskp9072 2 года назад
Great Tutorial, Appriciate that.
@ECAbrams
@ECAbrams 2 года назад
You're welcome!
@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
@studystudy6898
@studystudy6898 5 лет назад
It's very useful tutorial. I wanted a tutorial like this. Thank you so much!
@tzippyrand4978
@tzippyrand4978 6 лет назад
Nice!! Thanks for all the other tutorials!!
@rowerotomja
@rowerotomja 2 года назад
Great job! I used it for my work
@ECAbrams
@ECAbrams 2 года назад
Glad you like it!
@sophieingels-fortier7773
@sophieingels-fortier7773 2 года назад
OMG this is gold thank you so much!!!!
@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.
@WangleLine
@WangleLine 3 года назад
Thank you so much for this!!
@EclipseMall
@EclipseMall 4 года назад
Man, you just nailed it!
@shubham-cd9lx
@shubham-cd9lx 5 лет назад
Just Loved It its amazing
@robertoronald4243
@robertoronald4243 4 года назад
thank you
@violettecalhoun5603
@violettecalhoun5603 Год назад
You rock. Thank you!!!!
@fredolandaveri2193
@fredolandaveri2193 6 лет назад
you read my mind, thanks for giving us this
@RobinHoodPresent
@RobinHoodPresent 6 лет назад
Wonderful! Thanks for your tuts!!
@Ahtsu
@Ahtsu 4 года назад
thx you this is so useful!
@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. 👍🏻
@kalpitkatpara4562
@kalpitkatpara4562 6 лет назад
Love your videos and your work. Fantastic! 😘😎
@ahmedhamam997
@ahmedhamam997 6 лет назад
That's exactly what I was looking for, thanks man you're awesome :)
@cyancelsius7492
@cyancelsius7492 Месяц назад
The perfect loop breaks when I try to adjust the zig zag effect. Is there any fix for this?
@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 👍
@NightDancer-nf8dq
@NightDancer-nf8dq Год назад
so~ good Tutorial!!
@tobiasfuhr8725
@tobiasfuhr8725 4 года назад
simple and great
@FrazNinja
@FrazNinja 6 лет назад
youre the man evan!!
@craftswithsandy9047
@craftswithsandy9047 3 года назад
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 3 года назад
Awesome, thank you!
@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.
@zuleykaperla9423
@zuleykaperla9423 4 года назад
OMG love this tutorial, saved me
@ECAbrams
@ECAbrams 4 года назад
Glad it helped!
@josemanuelerre
@josemanuelerre 6 лет назад
Thank you! Very useful!
@vincybadman871
@vincybadman871 5 лет назад
Super helpful thanks!
@elepro5038
@elepro5038 6 лет назад
Thank you very much for this!
@ECAbrams
@ECAbrams 6 лет назад
You are very welcome.
@katia2446
@katia2446 3 года назад
thank you a lot!
@Daniel-up8nf
@Daniel-up8nf 5 лет назад
!WOW! TKS!!!
@elikint
@elikint 4 года назад
Great explanation!
@ECAbrams
@ECAbrams 4 года назад
Glad it was helpful!
@calcium5078
@calcium5078 5 лет назад
This video saved me! Thank you so much!
@SkaarBanner
@SkaarBanner 3 года назад
THANK YOU
@olmytofficial6855
@olmytofficial6855 6 лет назад
Thanks very much!👍
@brendanthegreek
@brendanthegreek 2 года назад
Mine looks almost nothing like yours, but I have no idea why. I'm new and dumb. But this is a cool tutorial.
@LeonisioBarroso
@LeonisioBarroso 2 года назад
Muito obrigado. Explicou muito bem. Tive um pouco de dificuldade mas consegui fazer.
@cwlkm
@cwlkm 6 лет назад
people asked, and here it is! nice tut
@ECAbrams
@ECAbrams 6 лет назад
Evan does honour requests. Proof!
@clovesfilho6496
@clovesfilho6496 5 лет назад
Omg, thanks for this tutorial, love u bro!
@Spornykov
@Spornykov 6 лет назад
awesome, thanks!
@user-dz2lt6mt3f
@user-dz2lt6mt3f 4 года назад
cool video, thanks
@karinkaras4380
@karinkaras4380 4 года назад
👍🏼👍🏼 thank you!
@user-os8gp7eh2v
@user-os8gp7eh2v 3 года назад
thanks! I used this method to animate steam coming out of a cup.
@ECAbrams
@ECAbrams 3 года назад
Fantastic! A great use for it :)
@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 4 месяца назад
same question here!
@paulocardoso8519
@paulocardoso8519 6 лет назад
Thanks, again!
@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.
@HowToAnimateTutorial
@HowToAnimateTutorial 4 года назад
thank so much pro
@ECAbrams
@ECAbrams 4 года назад
You are very welcome
@H4ckHim
@H4ckHim 5 лет назад
The 'math' is quite important so that we can understand how to make it loop smoothly..
@tapirman111
@tapirman111 5 лет назад
Yeah has anybody put the equation for the math int he comments I'm not finding it?
@amirdaryani
@amirdaryani 4 года назад
Just use the same amount, for example, -254 for the end and +254 for the start
@01fabian09
@01fabian09 4 года назад
Be sure to set the changes on the tab: "Transform: Shape 1", not on the tab:"Transform"
@harrycrowley6374
@harrycrowley6374 4 года назад
I think you can use the same numbers he did if you just multiply it so that it's the same size as the composition you are working with. I was using a 4k composition and multiplied the numbers he gave by 2 and that seemed to work.
@matt309
@matt309 4 года назад
Yeah
@Iannaletv
@Iannaletv 5 лет назад
THANK YOU!!
@noahjoo7231
@noahjoo7231 2 года назад
How do you find the center for the transformation in the position?
@PYROMANIZAC
@PYROMANIZAC 6 лет назад
I think this is proof you read your comments! Thanks for this Evan!
@ECAbrams
@ECAbrams 6 лет назад
I read every comment. RU-vid keeps emailing them at me.
@PYROMANIZAC
@PYROMANIZAC 6 лет назад
for someone with 244k subs, I tip my hat to you good sir!
@steventapia_motiondesigner
@steventapia_motiondesigner 5 лет назад
Lookin real Charley Browny lol! Great Tuts!
@jennipotts
@jennipotts Год назад
Thanks so much! Can you share equation for math dumbs dumbs? Trying to do 5 ridges per segment and guessing position values is NOT working. :(
@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
@mike-aaa
@mike-aaa 6 лет назад
Wave Warp and 10 sec
@ECAbrams
@ECAbrams 6 лет назад
There are many ways to get a similar result. But wave warp will get you some pixelation and a non uniform stroke. But it’ll do in a pinch.
@altynsarindb2778
@altynsarindb2778 6 лет назад
thanx for video
@DesignerYash
@DesignerYash 6 лет назад
I am searching this for a while
@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.
@evgeniicherniak3332
@evgeniicherniak3332 3 года назад
Cool!
@eswag153
@eswag153 4 года назад
I got it to stay in the same place but the looping is choppy still. Any suggestions?
@ECAbrams
@ECAbrams 4 года назад
make the first and last frames visually the same, shrink the work area by one frame. Should look smooth on loop after that.
@eswag153
@eswag153 4 года назад
ECAbrams thanks man! I figured it out. Once I used the grid I figured out it moved to the left a bit!
@cmpix
@cmpix 6 лет назад
Saw this very effect as part of a blurb on the BBC earlier this evening, they're quick off the mark ;)
@HinakoNamikaze
@HinakoNamikaze 5 лет назад
Is it possible to make the zigzag more irregular looking? Like not a simple squiggly but a more dynamic squiggly.
@connormcgregor6740
@connormcgregor6740 5 лет назад
Try adding wiggle paths instead of zig zag
Далее
Diverging Paths - Adobe After Effects tutorial
16:22
Просмотров 300 тыс.
Zig Zag modifier [After Effects] 9/9
2:12
Просмотров 11 тыс.
🤪Школьники ОЦЕНЯТ🔥
00:30
Просмотров 131 тыс.
Animate Lines in Adobe After Effects (Trim Paths)
3:03
How To Use Roto Brush 3.0 in After Effects
7:00
Просмотров 398 тыс.
Quick & Easy After Effects Shape Morph Tutorial
6:47
Просмотров 908 тыс.
After Effects morph transition...with match cuts
12:10
Просмотров 316 тыс.
Crazy Trim Paths Tricks in After Effects | Tutorial
9:21
Create smooth waves in After Effects - Tutorial
4:51
Просмотров 131 тыс.
5 Ways to Make Wavy Lines in After Effects
4:29
Просмотров 68 тыс.