Тёмный

Distribute Layers in After Effects EVENLY along ANY Shape Layer Path | Tutorial 

Michael Ponch
Подписаться 43 тыс.
Просмотров 25 тыс.
50% 1

How can you distribute layers evenly along any shape layer path? It's done in a click! Well, not quite. But almost.
In this After Effects 2020 tutorial I'm gonna show you how to place objects evenly along a shape layer path. You can even animate the shape layer paths and the layers stay distributed.
At every time you can add more objects. And the layers distribute themselves automatically.
You just need a little after effects expressions code.
Enjoy watching!
#aftereffects #animation #motiondesign

Хобби

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

 

2 окт 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 82   
@retro_manni
@retro_manni 4 месяца назад
Just brilliant! Such a time saver. Thank you
@chetanrokade4653
@chetanrokade4653 2 года назад
You are a true genius man!! i am in love with your work!!
@EvgeniyShmukler
@EvgeniyShmukler 2 года назад
This one is my long-awaited decision - thank you very much.
@hoho3t
@hoho3t 2 года назад
thank you very much for your unique skill and effort to make such an awesome tutorial for us all!
@ulyssesoliveira1106
@ulyssesoliveira1106 3 месяца назад
Great tutorial, pal. Thank you
@NnWnN
@NnWnN 3 года назад
Just wanted to hop in and say your tutorials are insanely helpful, Michael! Only discovered your channel about a week ago but keep them coming!
@MichaelPonch
@MichaelPonch 3 года назад
Thanks, Nick 😎. That’s encouraging
@JoseWolff
@JoseWolff Год назад
amazing, thank you! - and just want to add in case it helps anyone: at some point I was having problems with the distribution and solved it by deleting other layers that were present in the comp, probably has to do with the numbering of the layers with the expression. Then once this arrangement of objects was done as intended I used this comp as a precomp to use with the other layers.
@gaston.
@gaston. 2 года назад
excellent info! thanks !
@majidirani4663
@majidirani4663 3 года назад
Your teaching is GREAT! Thank YOU so much!
@MichaelPonch
@MichaelPonch 3 года назад
Thanks, man 😎
@user-ht9do7yv6q
@user-ht9do7yv6q 2 года назад
Thank you for sharing.pretty idea.
@glitterandmotion
@glitterandmotion Год назад
Exactly what I've been looking for. Thanks!
@MichaelPonch
@MichaelPonch Год назад
Welcome 😊
@AmigoSecret0
@AmigoSecret0 Год назад
100/(thisComp.numLayers-2) (index-1)*(100/(thisComp.numLayers-2)) Thank you, Michael! Very helpful!
@gopoo
@gopoo 2 года назад
Thank you Michael! Unique tutorials. Great explanation as well!
@MichaelPonch
@MichaelPonch 2 года назад
Thanks man 😎. Appreciate it.
@texmex9306
@texmex9306 2 года назад
AWESOME !!!
@BooneLovesVideo
@BooneLovesVideo 11 месяцев назад
Man, such a cool technique. Thank you so much for sharing!
@MichaelPonch
@MichaelPonch 11 месяцев назад
Thanks, man 😎. Pleasure to share it with you!
@donebydoris
@donebydoris 3 года назад
Love it and will definitely try it out and animating myself dancing, zipping off my jacket and illuminated by millions of little fireflies dancing in a well proportional line around me 😁
@MichaelPonch
@MichaelPonch 3 года назад
I want to see it animated 😉
@catsanddogs939
@catsanddogs939 Год назад
sir just love
@chathurangarajakaruna1207
@chathurangarajakaruna1207 Год назад
Thanks a lot 🙏
@SvetoslavAtanasov
@SvetoslavAtanasov Год назад
brilliant!
@unbekannterkampfer2425
@unbekannterkampfer2425 3 года назад
I love you and your Videos pls dont stop uploading
@MichaelPonch
@MichaelPonch 3 года назад
Thank you 😎. Are you German ? 🇩🇪
@kmiuk
@kmiuk 9 месяцев назад
Thanks so much!!
@MichaelPonch
@MichaelPonch 9 месяцев назад
Welcome 😊
@BryanSchultzitis
@BryanSchultzitis 2 года назад
So stinking helpful!
@BryanSchultzitis
@BryanSchultzitis 2 года назад
I added a little bit to the expression so that if there is just one object, it puts it at 50% (this is completely unnecessary, but I just wanted to see if I could do it) if(thisComp.numLayers==2){ 50 }else{ ((index-1)*(100/(thisComp.numLayers-2))); }
@ghoulvfx7040
@ghoulvfx7040 3 года назад
Yo i wanted this thanks
@yanayuiko4281
@yanayuiko4281 2 года назад
wow, really unique content. thank you. you got a new subscriber
@MichaelPonch
@MichaelPonch 2 года назад
Thank you very much and thanks for subbing 😊
@Guitartomguitar
@Guitartomguitar 2 года назад
so helpful! thanks
@MichaelPonch
@MichaelPonch 2 года назад
Welcome 😎
@Aafanyu
@Aafanyu 2 года назад
wow, so so sick, man i love this, very cool, learning new stuff every day. where do you get your bg music man???
@VisionartoStudios
@VisionartoStudios 9 дней назад
That´s an amazing tutorial, thank you very much. Only one constructive feedback: when you replace it in the 3.38 you should mention that you have to keep pressed alt+shift at the same time. I know that but probably a lot of people don´t know it and they would get stuck at this point. It has happened to me with other tutorials where they assume we know the command and you get stuck there. Anyway it´s great. PD: it didn´t work for me with a pre-composition. Do you know if it´s also possible in this case?
@alideep9656
@alideep9656 4 месяца назад
Modern day alchemy ♥️♥️
@khubaibqazi2297
@khubaibqazi2297 2 года назад
Thank you it was really helpful but I needed some help as I want to move the layer along the path too like arrows like a lot maybe 50 with a loop can you help me with that.
@zlainerDK
@zlainerDK 2 года назад
I have 1 question. How do you drag your movie / picture onto the path layer? Every time I try it just puts my image above the path layer. Can you help ?
@MichaelPonch
@MichaelPonch 2 года назад
Can you please give me the time stamp of the video you are referring to? Ican’t remember anymore 😂Do you mean replacing the path layer with the movie? If so you have to hold the alt-key while dragging the footage onto the layer.
@maxmiles4338
@maxmiles4338 Год назад
This is beautiful, your technique videos are always so useful. Is there a way to do this with multiple objects with varying widths? Like a gallery of different-size paintings? If that was possible, I think I would be thrilled beyond belief.
@MichaelPonch
@MichaelPonch Год назад
Thank you very much 😊. You could evenly distribute null layers and then parent different-sized objects to them. However, my method doesn’t consider the different widths. Meaning that “gaps” between them are not equal.
@fnfcoverstudio
@fnfcoverstudio 8 месяцев назад
I don't know if you still answer the question, is it possible to repeat the shape layer along the path by by using repeater?
@MichaelPonch
@MichaelPonch 8 месяцев назад
Hi 👋. I think it’s not possible unfortunately. At least not that know of.
@luzid.vision
@luzid.vision 4 месяца назад
Is there a way to keep it looping along the path?
@syafiq.larrieshoes933
@syafiq.larrieshoes933 Год назад
thanks Sir, after follow your tutorial how can I animate its moving along the path? ,I delete the expression on the position and the object place at random outside the path
@MichaelPonch
@MichaelPonch Год назад
Sorry for the late reply. If you are familiar with expressions you could add another Control slider and add that value to the values of each layer. Hope it doesn’t sound too cryptic 😂
@LS-er6mk
@LS-er6mk 2 года назад
Hey Michael, awesome video, very helpful! I'm trying to animate a zipper just like you did in the intro of this video. Unfortunately, I don't know how to keep the path at a constant length while bending it. How did you do that?
@smzhamburg6245
@smzhamburg6245 2 года назад
Hi LS i have the same problem - did u find a solution?
@LS-er6mk
@LS-er6mk 2 года назад
@@smzhamburg6245 ich erkläre es mal auf deutsch.. also eine Pfad auf einer Länge zu halten, habe ich so direkt nicht gefunden. Ich habe es zunächst mit der Methode aus diesem Video + der 'bend it cc'd animation versucht, die sind aber scheinbar nicht kompatibel (der Pfad biegt sich, aber die Elemente auf dem Pfad bleiben stationär. Also hab ich den Reißverschluss in eine eigene comp gemacht (nur eine Nietenseite) und die dann in meiner Szene doppelt eingefügt und jeweils mit Bend it gebogen, das hat funktioniert. Falls du eine Lösung findest mit einer fixen Pfadlänge würde mich das allerdings auch noch interessieren. Es ist noch zu beachten, dass man für die komplette Ansicht des biegens die Grenzen erweitern muss, aber das liest man auch in jedem vernünftigen 'bend it cc Tutorial
@MichaelPonch
@MichaelPonch 2 года назад
@@LS-er6mk Sorry für die späte Rückmeldung. Ist grad Land unter bei mir ;). in meinem einfachen Beispiel habe ich es tatsächlich per Augenmaß gemacht (Nulls mittels Bezierpfad animiert). Ohne es ausprobiert zu haben könnte ich mir diesen Lösungsansatz vorstellen: Pfad aus mehreren Nulls unterteilt (vielleicht mind. 7?). Die Rotation jedes Null-Objekts jeweils mit der Rotation der nächsten Null verbunden (via Expression Pick-Whip). Also Null 1 mit Null 2, Null 2 mit Null 3 etc. Wenn man die letzte Null rotiert müsste sich der Pfad so biegen, dass die Gesamtlänge (hoffentlich) gleich bleibt. Den Pfad würde ich nicht mit Roto-Bezier, sondern mit "Round Corners" abrunden. Vielleicht funktioniert's ja so :)
@smzhamburg6245
@smzhamburg6245 2 года назад
@@LS-er6mk Hi LS vielen Dank für deine schnelle Antwort! damit könnte es tatsächlich funktionieren!
@040047296
@040047296 6 месяцев назад
hi , if i duplicate the layer , the new layer will grow downward , how can i make it contrary ? thanks
@MichaelPonch
@MichaelPonch 6 месяцев назад
Hi, it’s really strange. I’ve never heard of it. Only when you selected multiple layers from from top to bottom and them copy paste. Did you select 1 layer and then pressand ctrl-/cmd-d ?
@MHM4V3R1CK
@MHM4V3R1CK 2 года назад
How would you do this on a 3D spline with 3D layers?
@MichaelPonch
@MichaelPonch 2 года назад
Oh, I think it’s complicated in AE. Here’s my idea: You could create a spline and use “points follow nulls” from the script which create nulls that you could position in 3D space after you checked the 3D layer checkboxes. The shape layer path is still a 2D shape though but it follows the 3D Nulls correctly. From here you can start to use my technique from my tutorial. Just my theory, no guarantee that it works. But i’ll check it out the next time I open After Effects 😊
@tsunchoo
@tsunchoo 2 года назад
Can I distribute layers in 3D along the Z-axis?
@MichaelPonch
@MichaelPonch 2 года назад
I haven’t tried it yet but maybe you can turn on ‘3D Layer’ for each Null Layer and position them into z-space. Merry Xmas by the way 😊
@marcelaordonezsanchez1677
@marcelaordonezsanchez1677 6 месяцев назад
how did you replace the null object? i don't get to do this and it's just the first step lol
@MichaelPonch
@MichaelPonch 6 месяцев назад
Select the Null object then hold the Alt-key (option key I guess on Mac) then drag the footage onto the null layer :)
@marcelaordonezsanchez1677
@marcelaordonezsanchez1677 6 месяцев назад
@@MichaelPonch thank you! it works!
@BobShurunkle
@BobShurunkle 2 месяца назад
probably a dumb question, but is there a way to prevent object 1 and object 5 from sitting on top on one another when placed on a circular path? it's fine if i turn off object 1, but i was just curious what the math is to show all 5 objects evenly distributed without having to turn one off. thanks (i know, i'm years late. sorry. hope you're settled in the new space)
@BobShurunkle
@BobShurunkle 8 дней назад
i made it work by using "numLayers-1" instead of "-2". it's probably not the correct method, but it works as hoped for/expected
@designjorge
@designjorge 2 года назад
Is there a way to distribute the keyframes evenly along the timeline? I've checked many tutorials but none explained if there is a way.
@MichaelPonch
@MichaelPonch 2 года назад
Hi! Unfortunately I don’t know a method other than distributing the keyframes manually. But once you’ve done that you can stretch the keyframes (please google it). This way the keyframes stay evenly distributed.
@designjorge
@designjorge 2 года назад
@@MichaelPonch yeah, i saw this tutorial to stretch keyframes.. but thanks anyway..
@amantv9326
@amantv9326 3 года назад
That's pretty great..but make a no third party tutorial on Marvel studios intro..
@MichaelPonch
@MichaelPonch 3 года назад
Thank you 😊. Oh, marvel studios intro Without any plugins. That’s challenging. But let me think about it 😎
@amantv9326
@amantv9326 3 года назад
@@MichaelPonch u can watch andrew Kramer's fantasy title tutorial and the 3d light rays tutorial and combine both to make a 2 extruded but 3d looking effect...that will be gr8❤️❤️😘😘love from INDIA
@Sam-we7zj
@Sam-we7zj 4 дня назад
its crazy adobe hasnt made a way of doing this without expressions
@luzid.vision
@luzid.vision 4 месяца назад
If someone is as blind as me: The expression of the Trace Path Progress is changed, not the Transform Position one...
@hurrypol
@hurrypol 2 года назад
the last one flip when move path?!
@MichaelPonch
@MichaelPonch 2 года назад
Sorry for the late reply. I had to figure it out for myself. I don’t know why the flip is happening but a possible fix could be when “progress” ist not set to 100% but 99,9%. Please tell me if this works for you.
@chillu420
@chillu420 3 года назад
Please shine some light how you made that happy person glow like hologram
@MichaelPonch
@MichaelPonch 3 года назад
Thanks for the inspiration for a possible tutorial 😎. It’s basically simple. It’s a rotoscoped person with an invert effect, tint effect and glow effect applied 😊
@chillu420
@chillu420 3 года назад
@@MichaelPonch thanks a lot, I really like taht you reply to everyone's problem. Respect and ❤️❤️
@vjfabinhodelboni
@vjfabinhodelboni Год назад
And script file? where to download?
@MichaelPonch
@MichaelPonch Год назад
Usually it’s already built-in. Otherwise just google “Create Nulls from Paths”
@nouh3053
@nouh3053 2 года назад
You couldn't teach your way out of a paper bag, holy fuck.
Далее
Редакция. News: 128-я неделя
57:33
Просмотров 1,8 млн
SUPERHERO LANDING effect tutorial! (After Effects)
9:26
Bending Layers Along Paths | After Effects Tutorial
7:55
After Effects Tutorial - Even Layer Spacing
1:58
Просмотров 7 тыс.
Survive 100 Days In Nuclear Bunker, Win $500,000
32:21
Forming of goal foam || A2Z SKLLS
1:00
Просмотров 41 млн