{"id":932,"date":"2020-11-30T23:32:18","date_gmt":"2020-11-30T23:32:18","guid":{"rendered":"http:\/\/remaster.realmofthemadgod.com\/?p=932"},"modified":"2020-11-30T23:40:24","modified_gmt":"2020-11-30T23:40:24","slug":"getting-started-creating-pixel-art-part-2-2","status":"publish","type":"post","link":"https:\/\/remaster.realmofthemadgod.com\/?p=932","title":{"rendered":"Getting started creating pixel art \u2013 part 2\/2"},"content":{"rendered":"\n
Guestpost written by Poshun, inspired by his RealmEye tutorial<\/a>
Read the first part here<\/a><\/pre>\n\n\n\n
In our previous article about spriting for Realm of the Mad God, we went over some commonly used terminology, software you can use to draw and render sprites, as well as briefly explain how sprite sheets are laid out for use in Realm.<\/p>\n\n\n\n
This second article follows up on that topic, teaching you how you can use Paint.NET<\/a> and Tuvior\u2019s sprite tool<\/a> to create an 8×8 player skin. Alongside that, we will also explain what resources you can use to improve your art, be it via referencing existing sprite sheets in Realm, gathering feedback from the community and\/or using guides by experienced pixel artists.<\/p>\n\n\n\n
Creating an 8×8 player skin<\/h3>\n\n\n\n
Drawing proces<\/strong><\/p>\n\n\n\n
For this example we will be using Paint.NET and Tuvior\u2019s sprite tool.<\/p>\n\n\n\n
After installing and starting up Paint.NET, you should be met with a screen similar to the one below: <\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Some elements in your version of Paint.NET may look a bit different to the image above, but it should be mostly similar.<\/em><\/p>\n\n\n\n
Starting out, you want to create a new canvas and give it a size catered to what you want to create. Because we are making an 8×8 player skin, the canvas will be 56 pixels wide and 24 pixels high.<\/p>\n\n\n\n
\"https:\/\/i.imgur.com\/Icd3UWs.png\"\/<\/figure>\n\n\n\n
\"https:\/\/i.imgur.com\/SBbyhCo.png\"\/<\/figure>\n\n\n\n
If you were making an 8×8 enemy sprite, the height of the canvas would normally be 1\/3 of that, because those only use one angle (as opposed to player skins having three angles).<\/p>\n\n\n\n
Once you have created the canvas, it should look like the image below (the selection is just to showcase the size of an 8×8 cell, which is how the sprite sheet will be divided).<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Making a sprite sheet on an empty canvas like this can be rather difficult. Tools like Aseprite have a customizable grid to help keep each frame of a sprite in the right place, whereas Paint.NET does not. To get around that, you could create another layer and use the one at the bottom to set up a grid\/checkerboard pattern like the image below:<\/p>\n\n\n\n
\"https:\/\/i.imgur.com\/vkNpKic.png\"\/<\/figure>\n\n\n\n
Right click and save the images below to use the template like in the image above. The pink one is to be used for 8×8 player skins, while the other one should be used for 16×16 player skins.<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
\"C:\\Users\\psclk\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\Grid<\/figure>\n\n\n\n
When drawing anything for Realm, it may be useful to use an existing sprite as a base to start with. For this player skin I\u2019ll be using the default rogue skin as base. At the time of writing this, many people have used Atomizer\u2019s website (frequently referred to as \u2018Static Drips<\/a>\u2019) to get the sprite sheets used in Realm. A very useful resource indeed!<\/p>\n\n\n\n
\"https:\/\/i.imgur.com\/pZACHVB.png\"\/<\/figure>\n\n\n\n
Here I use the select tool to copy the sprite for the default rogue skin.<\/em><\/p>\n\n\n\n
\"https:\/\/i.imgur.com\/qcVvaQa.png\"\/<\/figure>\n\n\n\n
I then paste my selection onto the canvas I showed earlier, using the layer sitting above the background layer.<\/em><\/p>\n\n\n\n
\"C:\\Users\\psclk\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\players.png\"\/<\/figure>\n\n\n\n
The sprite sheet containing the 16 classes as of writing this document. You can save it to your computer to use as base when making your own art for Realm.<\/em>
<\/p>\n\n\n\n
It is a comical example, but using the default rogue skin as base, I made the following changes to create a new skin:<\/p>\n\n\n\n