{"id":754,"date":"2013-04-12T09:23:41","date_gmt":"2013-04-12T16:23:41","guid":{"rendered":"http:\/\/www.sprixelsoft.com\/?p=754"},"modified":"2013-04-12T09:23:41","modified_gmt":"2013-04-12T16:23:41","slug":"pixel-art-is-rough","status":"publish","type":"post","link":"http:\/\/www.sprixelsoft.com\/?p=754","title":{"rendered":"Pixel Art is Rough!"},"content":{"rendered":"<p>It&#8217;s been a little more than a month since I originally started working on the background for our first stage, and after spending time on other areas, I&#8217;m revisiting it and now trying to get it done for realsies. Pixel art is actually pretty tricky (or at least <em>I<\/em> find it pretty tricky) and working on a large background like this has resulted in me learning a lot of stuff.<\/p>\n<p>&nbsp;<\/p>\n<p><!--more--><\/p>\n<p>Working with a limited colour palette is something that I&#8217;m not used to, and it has some things that you really need to be aware of during the process:<\/p>\n<ol>\n<li>You need to have a very nice palette figured out that will help pull different elements together, and have just the right amount of contrast<\/li>\n<li>Working with .png files allows you to have indexed colors. These look much nicer than other formats, and allow you to have relatively small images compared to something like a .jpg<\/li>\n<li>Photoshop has lots of anti-aliasing features. These are great when working with traditional art and photos&#8230; but they are <em>chaos<\/em> when trying to do pixel art. You have to really be aware of this if you want to avoid accidentally introducing colours into your image<\/li>\n<li>Dithering is your friend<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Being ever so slightly colour blind&#8230; colour selection has never been my strong point, and being very new to this technique of image creation&#8230; well you can bet that the process is going slow for me. I&#8217;ve gone through a few different palettes, and even took the background quite far using one that I thought would work&#8230; but in the end it just wasn&#8217;t working for me and I decided that between the colours I&#8217;d chosen and the material I was trying to paint&#8230; I needed to just cut my losses and start over. This meant replacing my sandy look with a more dark, clay type of look. I have sped up drastically since starting, but it&#8217;s still all very new, and not second nature to me yet.<\/p>\n<p>&nbsp;<\/p>\n<p>It took me a long time to find all the anti-aliasing options I need to turn off, and I&#8217;m still not sure that I&#8217;ve got everything tweaked as much as I&#8217;d like. Gradients for example seem hard to get as I can&#8217;t seem to limit the number of colours that the gradient tool will use. You can see my use of dithering in the overall sky gradient, and in the clouds&#8230; but while I can apply a dithering texture to the brushes while painting things like clouds, the only way I&#8217;ve figured out how to do a gradient is to do the gradient on a layer, copy it to a new image, limit the number of indexed colours, and then copy it back to the original file. That can&#8217;t be the most efficient way of doing it.<\/p>\n<p>&nbsp;<\/p>\n<p>Anyways, you&#8217;ll see below a video of me painting. I&#8217;ve sped the footage up 30x, so that&#8217;s actually a little more than 5 hours of actual painting time. I hadn&#8217;t thought of recording my process until I was already partially though, so unfortunately you miss me blundering through a lot of the process. I was pretty confident in how it was coming out, but knew that it could still be brought up a notch and so after searching around the internet came across a fantastic forum called <a href=\"http:\/\/www.wayofthepixel.net\/index.php\">Pixelation<\/a>, where I was able to ask for a <a href=\"http:\/\/www.wayofthepixel.net\/index.php?topic=15280.0\">critique<\/a>. I&#8217;m now in the process of refining the painting, so hopefully I can get it finished soon.<\/p>\n<p>&nbsp;<\/p>\n<p><center><br \/>\n<iframe loading=\"lazy\" title=\"Time Lapse of Pixel Art Painting - Alberta Oil Sands Part 1\" width=\"584\" height=\"329\" src=\"https:\/\/www.youtube.com\/embed\/bPDrD1GE6co?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><br \/>\nSped up footage of me painting the bg for our Alberta Oil Sands level. Be sure to view at 1080p in full screen!<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s been a little more than a month since I originally started working on the background for our first stage, and after spending time on other areas, I&#8217;m revisiting it and now trying to get it done for realsies. Pixel art is actually pretty tricky (or at least I find it pretty tricky) and working on a large background like this has resulted in me learning a lot of stuff. &nbsp;<\/p>\n","protected":false},"author":3,"featured_media":755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[13],"class_list":["post-754","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-progress-report"],"_links":{"self":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts\/754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=754"}],"version-history":[{"count":9,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts\/754\/revisions"}],"predecessor-version":[{"id":764,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/posts\/754\/revisions\/764"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=\/wp\/v2\/media\/755"}],"wp:attachment":[{"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=754"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.sprixelsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}