Creating a Sine Wave Shape - Need Advice Fine Tuning Please.

[Gemini80]

I have managed to create a sine wave shape using nodes as you can see in the attached video but the actual body of the sine wave is created with the stroke tool.

This would be fine were I not trying to match the size of the sine wave to the other shapes in the design...that's where things get weird.

Ideally I would like the sine wave to fit seamlessly with the other shapes but I have not found a way to make this work and I've spent 5 hours so far.

Can any design Jedi Masters here assist me? ☺️

 

Thanks!

 

 

[loukash]

Your ruler and your grid is in pixels, so you seem to be working for pixel precise export, right?
Everything must be pixel based then, including stroke units.
Non-integer pixel values will cause antialiasing.
Work in View > View Mode > Pixels.
Don't overdo it with snapping options and candidates, you're getting too many "false positives". 
"Move by whole pixels" = off!

May the pixel be with you. 

[thomaso]

What if you choose a different stroke ending to avoid the gaps at its ends?

[Gemini80]

12 hours ago, loukash said:

Your ruler and your grid is in pixels, so you seem to be working for pixel precise export, right?
Everything must be pixel based then, including stroke units.
Non-integer pixel values will cause antialiasing.
Work in View > View Mode > Pixels.
Don't overdo it with snapping options and candidates, you're getting too many "false positives". 
"Move by whole pixels" = off!

May the pixel be with you. 

Thanks for your reply loukash! I made the changes you suggested (pls see attached video) and while the top most point of the sine wave is now nicely snapped to the grid, the left and right nodes still do not perfectly sit against the grid. I changed between view models but it did not really change much.

Any tips on how to proceed? I would just like the left and right points to snap cleanly along the grid as each shape will get eventually get shadows and gradients and for the sake of the design it should be clean.

Grateful for any other tips! Thank you!

[NotMyFault]

We would need to see the nodes (node tool). You may need to use a small straight line for the horizontal „connector“, and use multiple not connected curves. If you e.g. have a circle segment starting at top / 12 clock, the edge will not always be 90 degree angle, but a few degrees off, even if the handle indicates 90 degree. This is probably by design. 
 

So again, to get an curve stroke edge of 90 degree, you need 2 nodes horizontally aligned, and the edge node handle parallel to the line, too.

the images below show a special brush to make this visible

[Gemini80]

9 minutes ago, NotMyFault said:

We would need to see the nodes (node tool). You may need to use a small straight line for the horizontal „connector“, and use multiple not connected curves. If you e.g. have a circle segment starting at top / 12 clock, the edge will not be 90 degree angle, but a few degrees off, even if the handle indicates 90 degree. This is probably by design. 
 

So again, to get an curve stroke edge of 90 degree, you need 2 nodes horizontally aligned, and the edge node handle parallel to the line, too.

Thank you for your reply! I have attached another video showing the nodes on the sine shape - if it is not too much trouble could you upload an image or vid of 2 nodes being horizontal at the edge? When I add another node things get weird and do not behave in a way I would like 😅

[thomaso]

26 minutes ago, Gemini80 said:

the left and right nodes still do not perfectly sit against the grid. I changed between view models but it did not really change much.

See the screenshot right above your post. It shows another end node position on the stroke ('butt cap') with an horizontal handle for the end node + an additional node to start the curve.

[Gemini80]

2 minutes ago, thomaso said:

See the screenshot right above your post. It shows a horizontal handle for the end node + an additional node to start the curve.

Thanks for you reply - if you watch my latest video you can see that I am not getting those additional nodes at the edge? How do I get those? When I used the pen tool and added nodes the whole line got super weird and elongated 😅.

[thomaso]

7 minutes ago, Gemini80 said:

I am not getting those additional nodes at the edge? How do I get those?

You do not get them, but set them yourself. – It may be easier to first place the nodes on a straight line, then select all the nodes and distribute them evenly with the Align option in the Toolbar and then move the nodes vertically as desired to create the sine curve.

[Gemini80]

I figured it out! Thank you for your patience and help! MUCH appreciated!!

[Eddy-2]

I don't know if the attachment helps the discussion or maybe helps someone else looking for a sine wave. Its origin is from CAD several years ago.

sine.afdesign

[Gemini80]

Thanks Eddy! Always handy!