3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

Pixel Art in Imageready/Photoshop

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!
 
Remove these adsRemove these ads by Signing Up
 

Step 1Learn the rule!

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
« Previous StepDownload PDFView All StepsNext Step »
77 comments
1-40 of 77next »
May 19, 2007. 11:05 PMQuantumEcho says:
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!
May 28, 2007. 6:06 PMTHE_GEEK2007 says:
Download Photoshop with limewire

limewire

TGT
Jul 6, 2010. 9:31 AMDracu1a says:
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!!!!!
Jul 6, 2010. 9:37 PMTHE_GEEK2007 says:
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
Jul 7, 2010. 6:05 AMDracu1a says:
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.
Jul 11, 2007. 5:06 PMCyberBill says:
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/>
Jul 23, 2007. 8:29 PMthreecheersfornick says:
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!
Jul 25, 2007. 12:56 AMCyberBill says:
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 :)
Jul 18, 2007. 9:33 PMTHE_GEEK2007 says:
(removed by author or community request)
Apr 21, 2010. 3:47 PMitzmrrip says:
This Spriting Totally looks like Habbo
Dec 16, 2009. 10:24 AMxilefakamot says:
 Here's mine so far:
May 18, 2009. 1:48 AMelliot81 says:
looks like habbo hotel.
Mar 10, 2009. 1:34 PMNavmz says:
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!)
Mar 17, 2007. 7:18 PMfat_strat_cat says:
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
Mar 17, 2007. 8:32 PMfat_strat_cat says:
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
Feb 26, 2009. 10:16 AMsecatuderteder says:
here you go. i liked your blue house. so i made mine blue too.
Mar 19, 2007. 1:20 AMMr.Asmith9 says:
Very Intresting houses but I'm Loving the rode, and the sidewalks! Overall, Awesome!
Mar 23, 2007. 1:52 PMfat_strat_cat says:
thanks i worked hard on it and especialy cuz i had to use paint witch is pretty basic
Mar 24, 2007. 5:39 PMMr.Asmith9 says:
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.
Feb 23, 2009. 12:15 PMDSAdzionator says:
I hate to be pedantic but you mean Photoshop. Photobucket is where you store your images =]
Feb 24, 2009. 12:30 AMMr.Asmith9 says:
Shh, DSAdzionator is correct, I did mean Photoshop lol
Feb 25, 2009. 12:45 PMDSAdzionator says:
I resurrected that nicely =]
Mar 24, 2007. 7:39 PMfat_strat_cat says:
yah at somepoints i felt like screaming but i got it to work
Feb 26, 2009. 8:54 AMsecatuderteder says:
does anybody know how to draw people like this?
May 25, 2007. 7:59 AMpeasant54 says:
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.
Feb 26, 2009. 8:52 AMsecatuderteder says:
do you know how to do circles and archways? could you please tell me if you do?
Feb 23, 2009. 12:13 PMDSAdzionator says:
This is technically pixel art. It is art made by creating a single pixel at a time.
Feb 24, 2009. 12:14 PMsecatuderteder says:
this is awesome! iloveitiloveitiloveitiloveitiloveitiloveitiloveitiloveitiloveitiloveit!
Feb 24, 2009. 10:15 AMDSAdzionator says:
I am SO going to try this when I haven't got backlogs of homework =]
Dec 2, 2008. 1:46 AMShadyLogic says:
Cool instructable, I could really get on board with isometric art.
Dec 8, 2008. 4:54 AMMJTH says:
Thats sweet.
Jul 8, 2007. 5:12 PMF-zero says:
Paint is easier
Although, something is wrong with the quality =[
Sep 29, 2007. 1:32 PMxtank5 says:
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. :(
Oct 17, 2008. 10:39 AMxACIDITYx says:
No, no, no, save it as a .png!
Jul 21, 2007. 4:28 PMSnuffyDaPenguin says:
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.
Jun 17, 2009. 1:30 PMDSAdzionator says:
It actually isn't, it's the layout of the windows that make it look like that.
Mar 26, 2008. 7:51 PMRetroPlayer says:
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.
Mar 26, 2008. 7:53 PMRetroPlayer says:
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"

Mar 20, 2008. 9:03 AMLithium Rain says:
Cool! I've been doing this in paint for years!:)
1-40 of 77next »

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
4
Followers
4
Author:Snipertofu