:: Pixel Art ::

   About Pixel Art

Honestly, I dunno where to start. I guess what made me like Pixel Art is that I can "perfect" images to my liking without relying on any special feature of Photoshop.

Pixel Art also allows me create a template object or person then just modify pixels to create new objects or persons with different movements.


   Tools I used for Pixel Art

  • Adobe Photoshop
    • On each object/person, I simply opened 2 views. One on 100% then the other one on full zoom in.
    • Use the layers feature of Photoshop as often as possible.
    • Each person has its own file. Each object has its own file. Each landscape has its own file too. So you see I have a lot of files just for the masthead.
    • This allows me to have less clutter with layers. Especially when I have a lot of objects and persons on the image.
  • Patience - You need a lot of this. No, really! If you look closely, the masthead consists of defined pixels. Most of objects are done by trial and error. The rest are by luck. Hehe!
   Websites where I learned to do Pixel Art

  • Pixel Deviant - Jared Smith gave me some pointers on how pixel art is made.
  • Icon Wax Museum - The waxes showed me that even the smallest change in a pixel can define shape and movement.
  • Pixel Zentrum - Showed me how pixel art can be so beeeautiful! This site is awesome!
  • Electriconland - Inspires me to animate my masthead.
   Sample Pixel Art

Here is a sample pixel art that I can share with you. These are some of the steps I used to create the various pixel arts found in the site.

When starting to create your own pixel art, it will really help to use the layers function of photoshop as often as possible. It avoids having to shout at anyone for making your own mistake of deleting a detail you have worked on for so long.

Another thing, turn off anti-aliasing so you can really make the colors sharp.

Click on the image boxes to see them in closer view.


Step 1: I created the box. A simple rectangle with perspective. Step 2: I started putting details on the front such as the usb port and power switch.
Step 3: I added the details of the "cd-writer" and "dvd-writer" Step 4: My computer has this intake on top so I added it on the design.
Step 5: I added the airholes on the side. Step 6: This is how it all looks without the box. Notice how using layers in Photoshop really helps.
Step 7: Created the lcd monitor rectangle. Step 8: I then added the lcd monitor stand
Step 9: Next was the keyboard. A rectangle with "organized" dots. Step 10: The mouse was made of an inverted triangle with a wiggly line.

Home |  About Mesedilla Studios |  Privacy Policy

Copyright © 2001-2008 Mesedilla Studios

Powered by: WordPress

The photos/images found in this website may not be published or redistributed in
whole or in part without the express written permission of the copyright owner.