There's not a lot to it. Regardless of what sort of cube/square you draw in isometric, a circle is just a round shape inscribed inside it. And just like with orthographic pixel circles, there's a lot of leeway in how exactly you shape the parts that aren't cutting up against the square bounds. I don't usually manually draw isometric circles, I use my image editor's tools: I draw horizontal (top/bottom surface) circles by using the circle tool with a 2:1 width:height ratio and eyeball it, or draw it larger than I need and then scale it until it touches all four sides of the surface. It's possible to calculate the exact bounding box for the circle, but it's faster to eyeball it.
For vertical (left/right surface) circles, I use the circle tool within a bounding box that's as tall as one side of the surface and as wide as the whole surface, and then skew it into shape (the same as offsetting every two columns of pixels by 1px). Skewing distorts the clean shape somewhat, so then I do some manual clean-up, it's usually quick.
Isometric spheres are just spheres, they look like a circle from any angle when there's no perspective distortion. If you're asking about precisely inscribing them in a cube, then this approach should work: 1. Draw the three squares that bisect your cube (two vertical, one horizontal). You can do this by copy+pasting your sides and moving those copies over. 2. Inscribe circles in those squares. 3. The extrema (outermost points) of all those circles form the bounding box of your isometric sphere. Draw an orthographic circle in that box. This is your isometric sphere. The circles you previously drew are a sort of wireframe for it. - In the case of a squished box like yours (yours is not an isometric square, but has faux perspective I guess?), your bounding box will end up a rectangle rather than a square. You should still draw a 1:1 circle, using the width as a guide, so your sphere will be "taller" than your box. But because it's a sphere, it'll still look fine. As you might guess from that last note, you can shortcut this entire process by only drawing the horizontal bisection and inscribing its circle, and drawing your sphere based on the width of that. The others aren't needed because it's a 1:1 circle.
|