Creating a simple wavy line in Animate CC

[murkf81204167]

Hi,

Is there a way to make this type of wavy line in Animate CC and do it as precise as possible?

So far the only way I can think of is to "click and drag" the wavy parts manually which doesn't sound accurate at all.

Thanks!

[Asymetrical]

Honestly the easiest way is to take that actual artwork and trace the bitmap. You can get there by going to Modify/Bitmap/Trace Bitmap

Otherwise what I would do is take a pencil line and place points where it bends and make it manually.

[_keyframer]

There's a trick to this where you don't actually bend the line at all. In fact you are halfway there to animating this effect. What you want is to create a masked area that is shorter than this wavy line and simply tween this wavy line across it. Since the mask hides the left and right edges, our brains will think it's a wavy line. I recently animated exactly this to create the effect of liquid moving in a glass beaker.

Here's a video that shows what I did and how it works (you may need to give it a little time to process)

https://drive.google.com/open?id=1YZDI0kYmYKhSxx09w8vBFflHpMtKmzLM

The source file is here if you want a closer look:

Liquid.fla - Google Drive

[ClayUUID · Accepted solution]

Nowhere did he say that he wanted to animate it. My interpretation is that he wants to draw a wavy line like that.

In the absence of importing from software with fancier drawing tools, I'd just draw a single satisfactory-looking curve, then duplicate and flip that curve to create the rest of the wave pattern.

[avid_body16B8]

rather a pattern brush.

[BioME]

I would approach it as ClayUUID recommends.  All that I could add is that after I drew the single curve and flipped it, I would make sure the two curves are in the same frame so I could connect them.  Make sure snap to object is on to be sure the ends do connect.  Then double check the quality of the junction using the subselection tool to select the anchor point at the junction. This will display the handle bars on either side of the anchor point.  Use the subselection tool to grab the end of one of the handle bars.  Move it up and down.  This will catch the handle bar on the other side of the junction point.  Leave the handle bars where each is parallel with the midline of the curve, and each are the same length.  Now you will have to do the same with the end point on the other side of the curve.  Delete half of the curve by deleting a junction point on either end of the curve, and repeat the process above with opposite endpoint.  Once you have guaranteed that the handle bars at each end of a single curve are in line, you can copy it as many times as you like and connect the endpoints to create a precise, wavy line as long as you like.

[murkf81204167]

Indeed my man! I think that's the way to go -- thanks!

[avid_body16B8]

OK. I quickly created a pattern brush for demo. not perfect but you can see the process:

1- create the vertical lines at equal distance

2- add a line (different color)

3- drag the lines to make curves

4- drag a copy and copy it again.

5- right click and select make paint brush

6- in panel  drop down select brush pattern

[avid_body16B8]

Another way would be to make a double line brush and then use it to make the curves and copy them.

[murkf81204167]

Your suggestions have been nothing but extraordinary. Thanks for the insights into Animate!

Best regards,

Murk

[avid_body16B8]

Thanks! Good luck on your project.