HOME | DD

vanmall β€” How to make round objects in pixel art

Published: 2013-01-11 14:55:23 +0000 UTC; Views: 60078; Favourites: 995; Downloads: 738
Redirect to original
Description

Comments

Simple tutorial about how to make round objects in pixel art.

Contact

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.

Useful Info

Level:
Time:

Vanmall Pixel Art Tutorial Series Guide

Pixel Art Basics
How to start with pixel art
Difference between isometric and non-isometric pixel art
How to dither in pixel art
How to make shadows and light sources in pixel art
How to add textures to pixel art
How to make a pixel transparency
How to save pixel art
How to make round objects in pixel art
How to use reference in pixel art
How to replace colors easily (MS Paint)

Pixel Art Exterior
How to make a victorian house?
How to make a pixel tree
How to make a pixel roof
How to make a pixel house 1
How to make a pixel house 2

Pixel Art Interior
How to make a pixel bed
How to make a pixel chair
How to make a pixel table
How to make a pixel couch
How to make a pixel tile
How to make a pixel countertop
How to make a pixel refrigerator
How to make a pixel bar stool
How to make a pixel stove
How to make a pixel flowerpot
How to make a pixel lamp
How to make a pixel nightstand
How to make a pixel aquarium
How to make a pixel fireplace
How to make a pixel cupboard
How to make a pixel carpet
How to make pixel curtains
How to make a pixel kitchen
How to make a pixel bedroom
How to make a pixel living room

Pixel Art Characters
How to make a pixel eminem 1
How to make a pixel eminem 2
How to make a small pixel character/sprite

Pixel Art Text
How to make pixel text

Pixel Art Objects
How to make a pixel gemstone
How to make a pixel flower

Pixel Art Premium
Basics of Pixel Art

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

vanmall In reply to AdryanneGorden [2013-11-21 08:37:25 +0000 UTC]

Looks good.

πŸ‘: 0 ⏩: 0

The-SpiritOfMoon [2013-09-08 12:44:00 +0000 UTC]

Thank you. It's amazing.Β 

πŸ‘: 0 ⏩: 1

vanmall In reply to The-SpiritOfMoon [2013-09-10 06:45:11 +0000 UTC]

Thank you.

πŸ‘: 0 ⏩: 0

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

JEricaM [2013-07-14 07:52:29 +0000 UTC]

So helpfull!!
All your tutorials are amazing!!!

πŸ‘: 0 ⏩: 1

vanmall In reply to JEricaM [2013-07-16 06:46:35 +0000 UTC]

Thank you.

πŸ‘: 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

vanmall In reply to Lucinhae [2013-05-18 07:34:45 +0000 UTC]

You're welcome.

πŸ‘: 0 ⏩: 0

autsdraws [2013-02-17 14:37:07 +0000 UTC]

Great!

πŸ‘: 0 ⏩: 1

vanmall In reply to autsdraws [2013-02-18 13:40:51 +0000 UTC]

Thank you!

πŸ‘: 0 ⏩: 0

xXWolfandCat23Xx [2013-01-24 22:02:40 +0000 UTC]

πŸ‘: 0 ⏩: 1

vanmall In reply to xXWolfandCat23Xx [2013-01-24 22:15:23 +0000 UTC]

πŸ‘: 0 ⏩: 1

xXWolfandCat23Xx In reply to vanmall [2013-01-24 22:55:56 +0000 UTC]

πŸ‘: 0 ⏩: 0

Neoconvoy [2013-01-15 02:29:54 +0000 UTC]

Thanks!

πŸ‘: 0 ⏩: 1

vanmall In reply to Neoconvoy [2013-01-15 08:30:57 +0000 UTC]

πŸ‘: 0 ⏩: 0

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

Audill [2013-01-11 22:11:31 +0000 UTC]

Very helpful for a nub like me, thanks!

πŸ‘: 0 ⏩: 1

vanmall In reply to Audill [2013-01-11 22:59:16 +0000 UTC]

I'm glad it helps you.

πŸ‘: 0 ⏩: 0

Pix3M [2013-01-11 20:17:50 +0000 UTC]

What about the circle tool?

πŸ‘: 0 ⏩: 1

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

vanmall In reply to MinnaSD [2013-01-12 07:25:22 +0000 UTC]

πŸ‘: 0 ⏩: 0

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

vanmall In reply to tangerun [2013-01-11 17:15:26 +0000 UTC]

I hope it helps you.

πŸ‘: 0 ⏩: 0