Deviant Login Shop  Join deviantART for FREE Take the Tour
×

:iconvalasedai: More from ValaSedai


More from deviantART



Details

Submitted on
February 17, 2012
Link
Thumb

Stats

Views
22,324 (26 today)
Favourites
436 (who?)
Comments
99
×

How to get started with Pixel Art

Journal Entry: Fri Feb 17, 2012, 2:47 AM
Lately I have frequently been asked what programs I use for pixeling and/or animating and also in general how I go about it. Now I currently don't have the time to create a tutorial of my own but I figured until I will be able to do so I could at least give you some helpful tips and link you to some tutorials made by others. :)



:bulletwhite: About the programs I use :bulletwhite:

I do pretty much all the pixeling itself in Photoshop Elements 8.0 which sadly enough isn't free. But don't worry, in general photshop is even a little overpowered for pixel art, I simply use it because I am most used to it.
Technically you can even use Microsoft Paint for pixeling, after all the only two things you really need to be able to create pixel art is a pen tool and the ability to zoom in far enough. The only real disadvantage about Paint is the lack of transparency support so you can only create pixels with an opaque background.

However I can offer you a really great third option - Gimp - which is not only freeware, it is besides being an excellent general art program also capable of animation. It is the program I myself use for animation as well.
Now you could ask why I don't pixel AND animate in Gimp. Well it's a simple matter of habit. I just like the interface of Photoshop a little better and have been working with it for so long that I might have gotten too used to it. :D

You can download gimp here:

Download Gimp 2.6.11

[Edit: someone let me know that apparently there's a way to make pixels from Paint transparent with Irfanview (which is freeware as well). I haven't looked into how exactly it works but I'll try to add it once I figured it out.
Edit 2: I can't believe I didn't even think of it before but paint.NET is also a good freeware option for pixeling and this one does allow transparency. ]


white divider by ToxiceStea


:bulletwhite: Other tools :bulletwhite:

One of the great things about pixel art is the fact that it doesn't require a graphic tablet. It does usually go a lot faster with a tablet but only if you want to create a really big sized work of pixel art you will find that a mouse might not be sufficient anymore. Unless you have a lot of patience of course. ;)


white divider by ToxiceStea


:bulletwhite: How to get started :bulletwhite:

Before I will give you any concrete tips I should let you know that it's not absolutely necessary but pixel art becomes a LOT easier if you have some basic drawing skills. In general a lot of the same rules apply to pixel art that apply to any other form of performing art.

That said the very first thing you need to do is get familiar with the basics. The one thing I recommend to everybody who is completely new to pixel art is to start out by thoroughly reading this tutorial:

Pixel Joint: The Pixel Art Tutorial

After you have done this, try to create some simple 50x50 icons. Start out with simple objects, simple shapes, get familiar with the interface and probably very unaccustomed zoom factor.
There's enough time to start with bigger sizes later on. As small as it may seem, you can squeeze a lot into a 50x50 sized file.

Always save your file as a gif and most of all NEVER as a jpg since its compression algorithm will result in blurring your picture.
Another option would be png but once you go into animation you will need to save as gif anyway so you might as well get used to the format right away. Furthermore pixel works with transparent background saved as png will result in DA displaying its logo behind your work which will ruin half the effect. So bottom line: It's safest to save your files as gif.


white divider by ToxiceStea


:bulletwhite: Starting with animation :bulletwhite:

Like I mentioned above, you don't need any fancy animation program to actually animate. All you need is gimp and a little bit of basic knowledge.
Basically the animation works via your layers. Each layer will become one frame in your animation and by naming each frame accordingly you can set its speed.
But the best thing is to check out this tutorial:

Simple Animation Tutorial for Gimp


white divider by ToxiceStea


:bulletwhite: Additional list of useful tutorials :bulletwhite:


Colour Theory for Pixel Art

Basic Spriting Tutorial

Basic Dithering

"Pixeling Over"

A Selection of Textures

Animated Sparkles

Tree Tutorial

Hair Tutorial


If you can't find what you need in here then just take a stroll through deviantart yourself, there are a ton of other great pixel art tutorials on this site.


white divider by ToxiceStea


:bulletwhite: Final Words :bulletwhite:

Even though there are - just like in other areas of art - certain rules to follow in pixel art you should remember that it's always most important to have fun with what you're doing. Don't get too lost in following every single rule to the utmost and get frustrated while doing so. No one will kill you for breaking one of the rules here and there. ;)



Purple CSS

Images & Code by CrimsonReach
  • Listening to: The Morningside
Add a Comment:
 
:icondaoofpow:
Graphics gale is good too
Reply
:iconoppuy:
oppuy Nov 6, 2013  Hobbyist Digital Artist
What about paint net?
Reply
:iconvalasedai:
ValaSedai Nov 7, 2013  Hobbyist Digital Artist
That one works just fine. :3
Reply
:iconoppuy:
oppuy Nov 7, 2013  Hobbyist Digital Artist
oh okay :)
Reply
:iconpsyrecxx:
Psyrecxx Oct 29, 2013  Hobbyist General Artist
Is Adobe Illustrator (CS6) good for this as well?
Reply
:iconvalasedai:
ValaSedai Oct 29, 2013  Hobbyist Digital Artist
I haven't used that program but as long as you have a tool comparable to the pen/pencil tool it should work just fine. :)
Reply
:iconsamyichiro:
What about using adobe flash cs ???
Reply
:iconvalasedai:
ValaSedai Oct 16, 2013  Hobbyist Digital Artist
I don't really know that program but as long as it has a tool that works like the pen/pencil tool it should work just fine. :)
Reply
:iconsamyichiro:
Ok,thank you 
Reply
:iconyummibutta:
YummiButta Sep 15, 2013  Hobbyist General Artist
um how do u make pixel art with Photoshop CS5?
Reply
Add a Comment: