Copy link to clipboard
Copied
Hi, I am trying to find a solution to create something like the example below.
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?
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
...Copy link to clipboard
Copied
just create one and then copy and paste the others and offset their start/end points
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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:
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
Copy link to clipboard
Copied
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!
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
Thtats useful too thanks.
Copy link to clipboard
Copied
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.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now