Pixel Art in Imageready/Photoshop

Now, I found it very odd that no one on this site ever attempted to make a instructable on making/doing/drawing pixel art. This instructable will take ou through the simple steps of making isometric drawings using pixels! oooh big words :)

The drawing below is my small pixel art drawing!

Step 1: Learn the rule!

Ok there is only one rule for pixel art and thats the 2 right/left 1 up/down rule! Try making whats in the screenshot I took without looking and copying it just follow the rule.

Make sure you use the pencil tool if your wondering and zoomed in to %1600

Comments

[QuantumEcho]

Although this is a great tutorial, it feels a little... underwhelming for a $400+ piece of software. You can do everything in this tutorial using MS Paint. You also don't really need layers for pixel art. But it's a nice tutorial for anyone interested in the art of smallness!

[THE_GEEK2007]

Download Photoshop with limewire

limewire

TGT

[Dracu1a]

Don't use Limewire for anything! There are much better ways to download and share files (Torrents). Photoshop is great but like CyberBill Said, there are many free alternatives. Paint.net is ok and GIMP is an excellent photoshop replacement as well. Two other Photoshop-like programs I recommend are Pixlr and Phoenix which are both free and browser based. There is no need to pirate software when there are so many free and open-source solutions. Respect the coders and designers!!!!!

[THE_GEEK2007]

That comment was 3 years old. What makes it necessary to reply to it when we already have a reply saying what you just said? 1: Reply to 3 year old comments 2: State what has already been said 3: ??????? 4: Profit

[Dracu1a]

Just because a comment or article is 3 years old doesn't mean people don't still read or find it. Also, Because I was also suggesting to use Pixlr or Phoenix as a good alternative as well.

[CyberBill]

Please do not be a jerk and download pirated software. I am a computer programmer and feed my family by selling software, if you dont have the cash and you want a good image editing program there are a lot of free alternatives. Some that I like are Paint.net ( <a rel="nofollow" href="http://www.getpaint.net">http://www.getpaint.net</a> ) or GIMP.<br/>

[threecheersfornick]

I'm sorry, I'm not saying that what he said is right, but... you're a programmer and you feed your family by selling software -- and your promoting Open Source stuff? I'm confused! On a different note, what language(s) do you use? I'm trying to learn to code, and I'm not sure where to start, although I have a feeling it'll be python. Thanks!

[CyberBill]

If I was a programmer writing image editing software, I would certainly point him in the direction of my software. :) For the record, I write video games, which are pirated a LOT. I wrote a game, Pirates of the Carribean: Dead Man's Chest for the PSP, and it was pirated on newsgroups pretty heavily. I was angry to say the least! I write 95% of my code in C/C++, with a little C# thrown in for tools development. For a recommendation on what language to learn, it really depends on what you want to write. There is no way I could be writing video games in any language other than C/C++, not unless I'm doing java-based cellphone games or flash based web games. Feel free to send me a pm if you want some info :)

[THE_GEEK2007]

(removed by author or community request)

[itzmrrip]

This Spriting Totally looks like Habbo

[xilefakamot]

 Here's mine so far:

[elliot81]

looks like habbo hotel.

[Navmz]

Like fat_strat_cat, I don't have Photoshop, so I also used MSPaint. The Vista version of paint is my GOD. (I KNOW THAT I MESSED UP ON THE SHADING OF THE CLOUDS!)

[fat_strat_cat]

i did this and its a lot of work but looks so awsome when you zoom out but any way any one got any pictures for making little people and cars this way

[fat_strat_cat]

and this is what i have so far the stuff in the corner is were i keep stuff i use a lot like land windows and doors and road and side walk and i didt have the program so i used paint insteat and it workesd really well

[secatuderteder]

here you go. i liked your blue house. so i made mine blue too.

[Mr.Asmith9]

Very Intresting houses but I'm Loving the rode, and the sidewalks! Overall, Awesome!

[fat_strat_cat]

thanks i worked hard on it and especialy cuz i had to use paint witch is pretty basic

[Mr.Asmith9]

I dont have any Idea how you could of actuily used paint for this. In some ways I can see it being easyer... But overall I see Photobucket being the best and easyest espacily if you use the layers to your advantage. For example if you make a mistake you can easly fix it without screwing up the other layers.

[DSAdzionator]

I hate to be pedantic but you mean Photoshop. Photobucket is where you store your images =]

[Mr.Asmith9]

Shh, DSAdzionator is correct, I did mean Photoshop lol

[DSAdzionator]

I resurrected that nicely =]

[fat_strat_cat]

yah at somepoints i felt like screaming but i got it to work

[secatuderteder]

does anybody know how to draw people like this?

[peasant54]

hmm.... sorry to say SniperTofu, but that rule you made is not true for Pixel Art, also the name of this guide is wrong... It gives you a feel that this would be about pixel art, when this is really about a sub-part of pixel art, called isometric pixel art. So you should add somewhere that this guide is for Isometric pixel art only, anyways, good guide, though a little short. I recommend adding part about round things, like spheres and arches.

[secatuderteder]

do you know how to do circles and archways? could you please tell me if you do?

[DSAdzionator]

This is technically pixel art. It is art made by creating a single pixel at a time.

[Snipertofu]

Well, i understand about the TITLE of the instructable but it clearly says in the intro This instructable will take ou through the simple steps of making isometric drawings using pixels

[secatuderteder]

this is awesome! iloveitiloveitiloveitiloveitiloveitiloveitiloveitiloveitiloveitiloveit!

[DSAdzionator]

I am SO going to try this when I haven't got backlogs of homework =]

[ShadyLogic]

Cool instructable, I could really get on board with isometric art.

[MJTH]

Thats sweet.

[F-zero]

Paint is easier
Although, something is wrong with the quality =[

[xtank5]

The problem is probably with the way you saved your pic. You probably saved it as a .jpeg. Instead save it as a 24 bit bitmap (.bmp). To bad you can't fix it 'cause once it gets that way there is no going back. :(

[xACIDITYx]

No, no, no, save it as a .png!

[SnuffyDaPenguin]

The building on the left looks a little trapezoidal, but other than that, good job... in M$ Paint, hold shift when u draw a line to get a 90 or 45 degree angle.

[DSAdzionator]

It actually isn't, it's the layout of the windows that make it look like that.

[RetroPlayer]

If you really like pixel-art, check this out. I received it as a present about a year ago and it is very cool to look at and get an idea for your own characters. Obviously, the main goal of pixel-art (in general, people in particular) is to try to reduce the details down to the least amount needed to recognize the picture.

[RetroPlayer]

http://www.amazon.com/Minipops-Famous-People-Drawn-Really/dp/1845330293

Hmm, it didn't like that link apparently. It is a book called "Minipops: Famous People Drawn Really Small"

[Lithium Rain]

Cool! I've been doing this in paint for years!:)