HOME | DD

Published: 2013-01-11 14:55:23 +0000 UTC; Views: 60078; Favourites: 995; Downloads: 738
Redirect to original
Description
Simple tutorial about how to make round objects in pixel art.
If you think that you didn't understand this tutorial fully then you can always send me a note and I will answer to you.
Level:
Time:
Pixel Art Tutorial Series is currently the most popular thing on my page. The idea behind this is to take suggestions from the community and try to make a tutorial out of these things, helping out fellow deviants along the way. You can also find my pixel art tutorials in groups like #TutorialsForYou , #TutorialsClub and #PixelCommunity .
Here is a list of tutorials in my Pixel Art Tutorial Series, tutorials which are underlined and bold are already ready tutorials that you can read, other tutorials without the underline are tutorials that will be posted in deviantART in near future.
You can also suggest new pixel art tutorial series by commenting on my profile page, on these tutorials or by sending me a note.
Enjoy!
Related content
Comments: 42
JadeAnnabelArt [2019-03-07 17:17:38 +0000 UTC]
I mostly used this for terraria art, but I do want to get into pixel art, so this looks really useful!
π: 0 β©: 0
Gladiatore79 [2015-01-28 07:36:10 +0000 UTC]
Congratulations great job !! Sent you to add your work in my group, thank you: game-art-pixel.deviantart.com/
π: 0 β©: 0
Shi-Ju [2014-05-03 09:21:04 +0000 UTC]
Here's mine:
shi-ju.deviantart.com/art/Pixeβ¦
Thanks for the tutorial!
π: 0 β©: 0
AdryanneGorden [2013-11-20 23:09:37 +0000 UTC]
I love your tutorials! It helped me make thisΒ adryannegorden.deviantart.com/β¦
π: 0 β©: 1
HakitoCZ [2013-08-24 20:07:02 +0000 UTC]
Sweet, I hope you'll continue with making these tutorials it's very helpful.
π: 0 β©: 1
vanmall In reply to HakitoCZ [2013-08-24 20:43:30 +0000 UTC]
I definitely will make more of these.
π: 0 β©: 0
Lucinhae [2013-05-17 04:07:57 +0000 UTC]
I can also make a cake with this tutorial!
Thank you for sharing!
π: 0 β©: 1
AaronQuinn [2013-01-11 23:19:07 +0000 UTC]
Circle tool? Decrease height? Duplicate and erase top of the copy. Done, much simpler? xD
π: 0 β©: 1
vanmall In reply to AaronQuinn [2013-01-12 00:00:09 +0000 UTC]
Yeah, also a way to do it.
But what if you don't have circle tool...
π: 0 β©: 1
AaronQuinn In reply to vanmall [2013-01-12 00:05:40 +0000 UTC]
Then you need to upgrade your software I think even paint has a circle tool? xD
π: 0 β©: 2
RoadZero In reply to AaronQuinn [2015-03-24 10:22:34 +0000 UTC]
Paint's circle tool makes wrong circles sometimes. Manually made, they're neater. Maybe some special pixel art software has this problem solved, I dunno.
Sorry for gravedigging an old comment
π: 0 β©: 0
vanmall In reply to AaronQuinn [2013-01-12 00:08:41 +0000 UTC]
Yes it does, even MS Paint from windows 95 had it.
π: 0 β©: 0
vanmall In reply to Pix3M [2013-01-11 20:48:31 +0000 UTC]
Some programs indeed have a circle tool but I wanted to make it a bit more general so that all could do it. Also circle tools I think won't let you make isometric circles.
π: 0 β©: 0
MinnaSD [2013-01-11 18:27:13 +0000 UTC]
Oh, it looks great and easy when you know how to do it!
Thank you for taking my suggestion for this tutorial, it's very helpful.
π: 0 β©: 1
vanmall In reply to MinnaSD [2013-01-11 19:55:42 +0000 UTC]
Thank you for your suggestion, I hope it helps a bit.
π: 0 β©: 1
MinnaSD In reply to vanmall [2013-01-11 23:58:43 +0000 UTC]
It already did! Thank you so much, it was very helpful!
π: 0 β©: 1
vanmall In reply to MinnaSD [2013-01-12 00:02:19 +0000 UTC]
Looking at the stats it seems that you weren't the only one who wanted to see this tutorial. So I thank you for a good suggestion.
π: 0 β©: 1
MinnaSD In reply to vanmall [2013-01-12 00:29:30 +0000 UTC]
Hehe, you are very welcome! As a newbie I was having so much trouble managing to make it and I couldn't find a single tutorial that explained it! Since your tutorials are so great I thought it made sense xP
I'm glad it could also help more people!
π: 0 β©: 1
amascusmage [2013-01-11 18:24:03 +0000 UTC]
you can use some simple math to make sure the measurements are right. For example, in steps one and two, the vertical lines are 29 pixels but the diagonal lines are eyeballed. Using the pythagorean theorum we find that the horizontal and vertical distance of the diagonal lines should be twice the square root of the vertical lines. So in this case, if the vertical lines are 29, the square root of 29 is 5.38... and twice that is 10.77... this proves that the 11 pixel distance you picked is the closest to a perfect circle you can do within the limited pixel range selected.
You can also use a variation on steps 1 through 4 to find the isometric circle directly. in a true isometric projection (very little pixel art claiming to be isometric is actually true isometric) the x, y, and z axis should be drawn a perfect 120 degrees from each other (hence the name isometric, meaning equal measure.) this means that any flat symmetrical object (like a round table top) will have a vertical distance 58% of its horizontal distance (the actual ratio is 1 to 1 over the square root of 3.) So if we take your diagram in the first part of the tutorial and "squish" it vertically to 58% we will get an isometric circle.
So: the horizontal distances stay the same. the vertical line squishes from 29 to 17, and the diagonal lines will squish vertically from 11 to 6 (remember, the diagonal lines are still 11 horiontally) this will give you an isometric guide from which to draw your circle.
π: 0 β©: 2
felifan In reply to amascusmage [2014-05-18 10:11:51 +0000 UTC]
Or we can simply multply the radius by 0,7 ( = Cosinus of 45Β°) ^^
π: 0 β©: 0
vanmall In reply to amascusmage [2013-01-11 20:03:05 +0000 UTC]
Yeah, it's a good way to measure things and never go wrong with it. It's actually quite simple if you think about it as it's just a circle and it is easy to find values for a circle. However, I think that most people don't think about it like this as it might be too complicated. In this tutorial I calculated the first lines to be 29 pixels and 11 pixels but everything else I just draw as I thought would be good. But I do feel that it's good enough for general pixel art because it's important that it would look somewhat right to the eye. It doesn't have to be pixel perfect.
But you have a good way to calculate circles.
π: 0 β©: 0
SingingFlames [2013-01-11 18:05:24 +0000 UTC]
The circle tutorial is so simple and yet so perfect and helpful! I'd never have figured that out. Thank you!
π: 0 β©: 1
vanmall In reply to SingingFlames [2013-01-11 19:56:58 +0000 UTC]
I'm glad you like it.
π: 0 β©: 0
tangerun [2013-01-11 16:45:47 +0000 UTC]
Thank you so much! I have troubles with round objects and now it gets clearer and easier:33
π: 0 β©: 1