So I’ve been receiving messages and asks here and on my other blog (the Wishgranter) from some artists trying their hand at pixel art for the first time. BIG DISCLAIMER : I’m by no means an expert in the medium but I’ve been studying and working on pixel art for some time and I thought I would share some things I’ve learnt for other beginners. I will be using the following image (with permission) as an example to give tips - done by @yatagansaber and sent to me for feedback.
First of all, for me what defines an image as pixel art is not it’s small resolution or the fact that you can see individual pixels, but it’s the way that it’s made. The art of ‘pixel pushing’ differs from other digital mediums by the fact that each pixel - or at least most pixels - in the image are hand placed by the artist and have a purpose.
What I mean is that regardless of the size of the canvas, the artist probably went in at some point with the 1px brush and hand placed most individual pixels. For me, I usually start with a larger brush to define forms but then I switch to 1px brush very early in the process all the way to the end.
Point no. 1: Canvas size So for this case, the canvas here is pretty large and the artist is going for an armor clad character which means the canvas was probably going to get larger. So here I would strongly suggest going for a much smaller canvas especially since the artist is just starting out with pixelart and it is much easier to grasp the concept on a smaller canvas. I usually start with a 60x60 canvas and then adjust as I go, but I very rarely go over 100x100. In pixelart you will not be blending with giant brushes, so for the big flat areas you will either end up with a single flat color or do a lot of dithering which might take away from the final image.
Point no 2: Defining curves
Define your curves better. When working with pixelart, curves need to be defined properly or it will end up looking very jaggy in the end. Referencing the image, The neck area of the armor for example could be defined better to have a more presentable effect. Focus on having the lines gradually decreasing in pixel width alone the curve of the object you’re drawing.
Point no 3: Coherent Light sources
More of a general art tip. The image doesn’t seem to have a coherent light source. On the shoulder pad to the left it seems to indicate a top left art source while the neck area completely ignores that light source and indicates one to the top right. Another light source is indicated to the bottom right in the torso area. Although having multiple light sources is totally acceptable it needs to be done coherently. Artists usually stick to one main light source and maybe some back lighting for effect.
Point no 4: Light and Forms
Also a general art tip. Make sure you use lighting to define your forms. The lighting on the shoulder pad seems to suggest a flat, sharp surface while the general form seems to suggest a cylindrical object. This very important as it will help the viewer understand what they are seeing. To help with this, try to find references and see how the lighting hits specific objects.
Point no 5: Contrast
When drawing metal objects such as armor you must think about it as a very reflective surface. The light source should be much brighter and stronger then the rest of the palette to create a good contrast. Again, this isn’t exclusive to pixel art, but to art in general. The best way to get used to these things is to watch a lot of real life references and other artist’s work.
Point no 6: Color Palettes
Choose a more interesting color palette. When drawing pixelart you’re not going for realism, and even in real life, it’s very rare to see something being completely one color. Don’t simply stick to one color and increasing/decreasing brightness. Try messing around with hue variation and saturation as well to create a much more pleasant image. For this case I didn’t have time to create a new color palette so I simply added some hints of color to the shades. Ideally before starting a new piece you decide on a color ramp with different hues and stick with it till the end.
So after applying those points (except the canvas size point) to the armor piece I ended up with the result below:
It’s obviously nowhere close to being perfect since I do not have the time to keep pushing it to a good finish but it should give a good idea of how those several little points can help make your pixelart look better.
That’s all I got for now. I hope this can help someone out there with their art! All feedback appreciated and feel free to ask me anything.
Hey, your aesthetic edit tutorial was extremely helpful !! Could also make a tutorial for icons ? If you want to of course !!
okay, so this is super late and i don’t even know what i’m doing but here you go. since you liked my edit tutorial (thanks!!) and i’ve recently just made misc icons, i’m assuming you want to know how to make those, so this is a tutorial for making misc/aesthetic icons. if u wanted a tutorial for bright/colourful icons im sorry for being stupid, pls send it as an ask again :)
okay so i first choose a nice misc/aesthetic image and copy it onto a new file on photoshop (i use cs5). you can get some nice pictures from these blogs.
i got this picture:
i usually make 200px by 200px icons, so i crop it and then sharpen it.
then i add a nice dull psd with contrast, so it looks like this
(i use a combination of bright and dull psds which are not made by me, so if you need a specific one, pls ask me)
AND YOU’RE DONE! a lot of ppl doodle on their icons, but as of right now i just doodle on my graphics but if you want to, you can doodle on her hair and outline her clothes and stuff.
for that, use a 1px brush, hardness 100%
create a new layer and go doodle
(i zoom in and doodle, so its a lot easier with not zigzagging lines)
i make this
and then i didn’t like how i did her hair, so i removed that stuff and did other stuff, so even you can do a whole lot of cool things with doodles
and i made this! which is vv nice and shows how you can make any amount of doodles as long as it looks pretty (wise words: the only limit is ur imagination!)
what i want in a theme: background option, a small simple sidebar with a description and an image, custom buttons for links
actual tumblr themes: if u click this it goes WHOOOSSSHH….hhhh. BIG. H E A D E R. 50px/30px/1px post option. no posts option actually. my poor computer cant even load the preview for this one. tag obliterator 5000 now operational. is this a link or a self destruct button? who knows. if u change the font size by 0.00001 the theme implodes. ur blog autodeletes itself and is replaced by an aesthetic kpop blog. a cry for help is embedded in the html. good luck
do u have any info on creating custom character sprites for rpgmaker 2k3?
you bet i do. I love spriting for 2003! B^)
Since I’m not quite sure what you’re asking, here’s some tutorials on how to create character sprites & pixel art in general if you just want some advice
First, you need a template.
Here’s the guides I’m currently using. There’s no difference other than one’s a light guide and the other’s dark. You can change the color yourself of course, and find a few different versions floating around the net (mine’s modified from a template I found in my template tag!)
Each 3x4 block of boxes are one character, like this:
The center column (down) of your boxes are where you put what the character looks like when they’re not moving. The left and right columns are the character when they’re moving.