{"id":68,"date":"2011-02-11T12:00:00","date_gmt":"2011-02-11T03:00:00","guid":{"rendered":"https:\/\/www.rapapaing.com\/blog\/?p=68"},"modified":"2020-02-02T04:36:05","modified_gmt":"2020-02-01T19:36:05","slug":"how-to-draw-pixel-art-clouds-quickly","status":"publish","type":"post","link":"https:\/\/rapapaing.com\/blog\/2011\/02\/how-to-draw-pixel-art-clouds-quickly\/","title":{"rendered":"How to draw Pixel Art clouds quickly"},"content":{"rendered":"\n

Well, if you\u2019re into pixel art like me, you will eventually want to draw some kind of landscape. Regardless of whether it\u2019s for a game or a simple illustration, you will end up having to draw a sky, and if you\u2019re like me, you\u2019ll start by drawing some blue, and then\u2026<\/p>\n\n\n\n

And then nothing happens. Skies are blue, yes, but your precious and detailed piece of pixel art seems like it is now in front of a blue screen of death, and your blue looks horrid. That\u2019s where you think you need some clouds to break the monotony, but you have no idea how to draw clouds in pixel art.<\/p>\n\n\n\n

So you boot your browser and look for how to draw pixel art clouds, but at least, at the time I wrote this, there are no single comprehensive articles on how to draw pixel art clouds. I suppose this is some kind of secret each pixel artist keeps to himself, because many pieces of art have some nice clouds, yet nobody even mentions how to draw them. This is where you wish you would have done an indoors scene.<\/p>\n\n\n\n

Well, fear not. I have come to tell you of one way you can use to draw credible pixel art clouds very quickly. This speed thing is quite important, because you simply can\u2019t waste hours and hours of time just to draw a single cloud, and then when you try it on your game, it\u2019s too big, or too fat, or simply too useless.<\/p>\n\n\n\n

With this method you can draw clouds in 1-3 minutes each. This is enough to make lots of clouds, some of which you will keep and some of which you will erase without a single bit of remorse.<\/p>\n\n\n\n

This method is meant to draw altocumulus<\/a> and stratocumulus<\/a> clouds, which are, in my opinion, the most cloud-like type of clouds. This is quite important in art, remembering the old adage:<\/p>\n\n\n\n

\u201cIt doesn\u2019t matter how real it is. What matters is how real it looks\u201d<\/em><\/p>Me<\/cite><\/blockquote>\n\n\n\n

Also, this method is meant to draw clouds illuminated from above (that would be between 10 AM and 2 PM).<\/p>\n\n\n\n

You don\u2019t have<\/em> to draw your clouds like this, but you can use this as a starting point for drawing your own custom clouds with all kinds of effects for all kinds of needs. So let\u2019s get started!<\/p>\n\n\n\n

STEP 1<\/h4>\n\n\n\n

The first thing you want to do is choose your color palette. Most likely you already have your blue for your background, and that is going to be your first and darker color.<\/p>\n\n\n\n

From there, start making lighter and less saturated colors (some hue shifting wouldn\u2019t hurt as well), until you have 6 shades of blue. The darkest shade is your sky color, and the lightest one should be white, or really close to it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Make some rectangles with each of these colors as I have done on the top-left corner of my picture, So you can easily access them whenever you need them.<\/p>\n\n\n\n

STEP 2<\/h4>\n\n\n\n

Once you choose your colors, start by picking the lightest color and draw some pixels resembling downward arcs, or the letter M if you like. These are going to be the topmost pixels in your cloud. Don\u2019t put too much thought into these pixels, but try and make sure they\u2019re somewhat evenly spaced, and not too thick (especially at the borders).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

As you can see, I\u2019ve drawn some two groups of pixels, one on the left and one on the right, each one roughly going up and then down again. I know, you need a lot of imagination to visualize this >_<;;; These are the highlights of your clouds.<\/p>\n\n\n\n

STEP 3<\/h4>\n\n\n\n

Now with the next shade of blue draw some pixels below and to the sides of the pixels you\u2019ve already drawn. Think of this as building a base for the pixels you\u2019ve already drawn. Once again, don\u2019t put too much thought into what you\u2019re drawing.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

STEP 4<\/h4>\n\n\n\n

Now with the darkest shade of blue that is not the background shade, draw the bottom of the cloud. This should be drawn a little bit more straight, but as with the first pixels, they should somewhat resemble an upside pointing arc. Once again, don\u2019t stress the precision of the pixels you\u2019re drawing, as clouds are all about randomness.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

This is the bottom base of your cloud, and the rest of the cloud will go in between these two slices.<\/p>\n\n\n\n

STEP 5<\/h4>\n\n\n\n

Now, with the next lighter shade of blue, do the same as you did on step 3, only that above the pixels you\u2019ve just drawn. On the next step we\u2019re going to do a floodfill so also try and adjust the pixels in your image so the interior of the cloud will get properly filled without bleeding to the rest of the sky.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

STEP 6<\/h4>\n\n\n\n

Now with the only remaining shade of blue, floodfill the interior of the cloud. This is quite straightforward, but now you can see most of how the cloud will be like.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

STEP 7<\/h4>\n\n\n\n

Now it\u2019s time for details. Fix any pixels that don\u2019t look very good, and add some other pixels where they need to be added. You should polish your work, but once more, don\u2019t dedicate too much time to this. Before you finish, don\u2019t forget to remove your palette.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

FINISHED!<\/h4>\n\n\n\n

There, now you have a bunch of pixels that look like a cloud. Now make lots of them and now you have your sky!<\/p>\n","protected":false},"excerpt":{"rendered":"

Well, if you\u2019re into pixel art like me, you will eventually want to draw some kind of landscape. Regardless of whether it\u2019s for a game or a simple illustration, you will end up having to draw a sky, and if you\u2019re like me, you\u2019ll start by drawing some blue, and then\u2026 And then nothing happens. … Continue reading “How to draw Pixel Art clouds quickly”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[12,10,11,13],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-art","tag-art","tag-clouds","tag-drawing","tag-pixel-art"],"_links":{"self":[{"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":2,"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/posts\/68\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rapapaing.com\/blog\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}