Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Creating a zigzag wave rotating on an oval shape?

Community Beginner ,
Aug 09, 2025 Aug 09, 2025

Hi, I am trying to find a solution to create something like the example below.

https://youtu.be/nf24wGe95OA 

 

I need to create this affect in adobe animate, is it possible? Notice the left and right edges rotate and stay on path. I was initially thinking each little raised zig zag part would need to be a layer and have to create a seperate motion for each one. It would be too time consuming and difficult to get right when duplicating it.

Then I found the example - which is a snake movement example https://www.youtube.com/watch?v=SLcD4Me1QeI?

 

What is the best and easiest way to create this where the zigzag parts look correctly following a path?

 

300
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 09, 2025 Aug 09, 2025

Hi.


This is how I would approach it:

- Create a perfect round blob with spikes using the Polygon tool;
- Wrap this raw vector shape in a Graphic symbol container;

- Animate this newly created Graphic symbol rotating in a perfect loop;

- Wrap this whole timeline animation in another Graphic symbol;

- Squeeze this second container by reducing the scale on the Y axis;

- Add the same amount of frames used for the rotation animation to the timeline containing the second symbol;

- Play it.

 

Here is a

...
Translate
Community Expert ,
Aug 09, 2025 Aug 09, 2025

just create one and then copy and paste the others and offset their start/end points

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 09, 2025 Aug 09, 2025

I atempted motion for one, but would end up with errors and scaling sizes in Animate causes positon problems, so I wasnt keen on it. Thanks anyway

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 09, 2025 Aug 09, 2025

Hi.


This is how I would approach it:

- Create a perfect round blob with spikes using the Polygon tool;
- Wrap this raw vector shape in a Graphic symbol container;

- Animate this newly created Graphic symbol rotating in a perfect loop;

- Wrap this whole timeline animation in another Graphic symbol;

- Squeeze this second container by reducing the scale on the Y axis;

- Add the same amount of frames used for the rotation animation to the timeline containing the second symbol;

- Play it.

 

Here is a sample:

https://bit.ly/477I28b

 

Just please note that I used perfect triangles but you can draw them rounded/smooth as required.

 

My idead here is just to demonstrate the principle.

 

Regards,

JC

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 09, 2025 Aug 09, 2025

Thanks for the sample files. I think your solution does the job. I created the shape in illustrator first then imported it. When i squash it down to an oval shape, it is still a slight difference in shape but looks close enough but at least works how I wanted it to. Thanks!

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Aug 10, 2025 Aug 10, 2025

Hello!

Here’s a tutorial on the topic:
https://www.youtube.com/watch?v=htIjuBFM-EQ

Although the example uses a “chain,” the principle is the same.

 

 

- Vlad: UX and graphic design, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 10, 2025 Aug 10, 2025

Thtats useful too thanks.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 11, 2025 Aug 11, 2025
LATEST

Hi, 

I tried this method too and was able to pretty much match the example. Learnt new tricks on how to replicate the zig zag shape, my original method would have done it manually and I would have not done it correctly.

So was very useful too.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines