INTRODUCTION TO PIXEL ART (TUTORIAL)

Words
553
Reading
3 min
Listen
Play
9y

Today guys I'm gonna share to you another digital art technique that I love to use. The Pixel art. I love this style of digital art cause it gives a retro look and it takes back to the time when my life revolves around gameboy advance. I love doing this when making a gif. And you are interested to make a game, you better learn how to make this.

I made one for my self as my avatar


mepixel.png

So if you want to make one for yourself. I'm gonna teach you how.

To start, open a new file.

image

Set the size to 42x42 in pixels, with a resolution of 72 (pixels/inch)

image


I know it's small, but don't worry about that.

image


Then go to "View". Select "show" followed by grid. Or simply "CtrL ' ". You might see some grid lines and sometimes it might too big to see.

image


Next, go "Edit". Then "Preferences" and "Guides, Grid & Slices".

image


Then set the gridline every 1 pixels as well as the subdivisions and select "pixels".

image


Then go to "general" and set the "Image interpolation" to Nearest Neighbor (presereve hard edges). Then click "OK".

image


So it will look like this. Now you're ready to draw your pixel art.

image


Don't use a brush tool to draw. Cause it could become messy like this.

image


So let's go set your tool. First go to "Pencil Tool".

image


Then "right click" on your workspace. And click "settings" followed by "Basic brushes".

image


Then select the smallest size.

image


You have to set your eraser tool as well. Cause it will get messy as well.

image


Just select the eraser tool and set the mode to pencil.

image


NOW you're ready to draw.



For this tutorial I'm gonna draw Super Mario as an example. First I drew the outline with black.

image


When coloring, I highly suggest to select the appropriate color palettes or you can just download online.
These are the colors that I'll be using.

image


To start coloring color first the darkest parts. I'm gonna be using 3 colors for every palette.

image


Followed by the midtone.

image


Then the lighest color of the palette for highlights.

image


Then I followed the same procedures for the other layers.

image


After that hide the grid by pressing CTRL ' .

image

Once you have finished drawing, save it.


image

In order to save it you have to change the image size first. If you're gonna be using it for a game then you save it as it is. But If you want a bigger image, go to "Image" then set the size to a bigger size. Again select "Nearest Neighbor". And now you can save for a JPEG file or if you don't want to include the background, hide the background layer then save it as PNG.


supermarioex2.png

image

You can also made some gif using pixel art.

supermarioexgif.gif

And that is it. Now you can create some more amazing pixel arts of your own. It's up to your creativity to make some incredible art work using this technique. So have fun. And I'm gonna post a related tutorial to this one in the future if you want to know more in to this style so stay tuned.

Thank you so much for reading and supporting my post everytime guys. Maraming Salamat po!

U5dsdPfUaoGJ4ZFF5VcP8rmiapYejqB_1680x8400.png

"This work is licensed under a Creative Commons Attribution 4.0 International License"

trishy.png

INTRODUCTION TO PIXEL ART (TUTORIAL) | Ecency