Print Page | Close Window

Reflecting a Curve

Printed From: Pixel Joint
Category: The Lounge
Forum Name: Resources and Support
Forum Discription: Help your fellow pixel artists out with links to good tutorials, other forums, software, fonts, etc. Bugs and support issues should go here as well.
URL: https://pixeljoint.com/forum/forum_posts.asp?TID=12374
Printed Date: 02 July 2026 at 7:23pm


Topic: Reflecting a Curve
Posted By: MrBrook
Subject: Reflecting a Curve
Date Posted: 19 June 2011 at 1:53pm
Hey all,

I just began with making pixel art, at the moment I am making a little Toad. But I stumbled upon a problem I can't solve: creating a curve. My first curve went well, but then I had to make an opposing curve. I tried a lot of different approaches but I cannot get it right. Could someone help me out?

The problem:
In the left red box is my first curve. Now I have to make a similar curve in the right box. The curve start at the right bottom and should end up at the top left corner.


Cheers



Replies:
Posted By: aokage
Date Posted: 19 June 2011 at 10:18pm
Try drawing a line from the top-left corner of your box to the bottom right, then putting a dot in the center of the line... this should be the center of the box. The curve should intersect through the center of your rhombus / box.

Then start building the first half of the curve in the top-left corner. then continue to finish it in the bottom-right... you will have to draw it by hand. The curve should only intersect the line at the top-left corner, the center, and the bottom-right corner.

A second way is to draw a circle (with the circle tool) that shares one point at the top-left corner of the box, and another point at the center of the box, and another circle that shares a point at the center of the box and another at the bottom-right corner. Then you can use the circles as a guide for the curve...



Posted By: tanuki
Date Posted: 19 June 2011 at 11:46pm
My result probably isn't perfect, and probably isn't the best way to do it.

Let's start by mirroring the first curve-



Clearly the problem is that the first curve only has to travel between the two nearest points, while the second curve needs to go between the two furthest points.



Here's the distance they're traveling. In the first line for every 5 pixels you go up, you go right 6 pixels. Looking at the second line, for every 11-12 pixels you go down, you only go right 5-6 pixels. The amount traveled to the right is about the same, but the amount traveled down is slightly over double.

So what I did was manually move each pixel column in the second curve down by one in relation to the previous column and then filled in the blanks.



As you can see my result is slightly off, but seen from a normal 100% view it looks pretty close.


Posted By: MrBrook
Date Posted: 20 June 2011 at 12:28pm
Thanks!

@aokage I went for your second option, after the circles I refined it a bit and it looks very smooth! even smoother then my first curve, thank you so much!

@tanuki Thanks for your reply, I already tried that myself, but I wasn't completely satisfied with it.

End Result:


Thanks again!



Print Page | Close Window