Mesedilla Studios

Posts Tagged ‘ Photoshop ’

Pixel Art

Posted by Fritz @ 04:02 AM
Visitors: 4,252 views
Filed under: Thoughts
Tagged with: , , ,

   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.
  • 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. :D

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.

Comments Off Spacer Print This Post Print This Post

Portfolio


Sun Cellular's Give-a-Load
sun cellular give-a-load Officially owned by Digitel Mobile Philippines, Inc.

I'm the Project Manager for this service. It provides postpaid and prepaid subscribers a way to send load to any other Sun Cellular subscriber.

http://www.suncellular.com.ph


Sun Cellular
sun cellular

Officially owned by Digitel Mobile Philippines, Inc.
[Backend work: CMS development and maintenance]

Created the content management system of this plain-html output website.

Tools used: Red Hat Linux, Apache Web Server, PHP (CMS), MySQL (CMS), and Textpad

http://www.suncellular.com.ph


CentipedeAsia
centipedeasia

This was a backend-admin site work that I did for my college buddy Mike Vicencio's graphics company, Fuse Graphics.

Officially owned by Escaño & Partners Law Offices.
Designed and developed by Fuse Graphics

Tools used: Red Hat Linux, Apache Web Server, PHP, MySQL, DHTML, and Textpad

http://www.centipedeasia.com


Escaño & Partners
Escaño & Partners

This was a backend-admin site work that I did for my college buddy Mike Vicencio's graphics company, Fuse Graphics.

Officially owned by Escaño & Partners Law Offices.
Designed and developed by Fuse Graphics

Tools used: Red Hat Linux, Apache Web Server, PHP, MySQL, DHTML, and Textpad

http://www.escanolaw.com


Novellino Wines
Novellino Wines

This was a freelance work that I did for my Uncle who owns Novellino Wines.

Tools used: Macromedia Fireworks (Graphics) and Textpad (Code)

http://www.novellino-wines.com


Femalenetwork
Femalenetwork

Officially owned by Summit Interactive, Inc.
[Backend work: Server Architecture]

First summit website to convert from Apache-Mysql to Apache-MySQL-Zope Architecture.

Tools used: Red Hat Linux, Apache Web Server, MySQL, Zope Applications Development, Zope Enterprise Objects

http://www.femalenetwork.com


Candymag
Candymag Officially owned by Summit Interactive, Inc.
[Backend work: Server Architecture]

This website followed Femalenetwork into the transition to Apache-MySQL-Zope Architecture.

Tools used: Red Hat Linux, Apache Web Server, MySQL, Zope Applications Development, Zope Enterprise Objects

http://www.candymag.com


FHM Philippines
FHM Officially owned by Summit Interactive, Inc.
[Backend work: Server Architecture]

Fully made into Apache-MySQL-Zope Architecture in its conception.

Tools used: Red Hat Linux, Apache Web Server, MySQL, Zope Applications Development, Zope Enterprise Objects

http://www.fhm.com.ph


Shopcrazy
ShopCrazy Officially owned by Summit Interactive, Inc.
[Backend work: Server Architecture]

Same as FHM, Shopcrazy was fully made into Apache-MySQL-Zope Architecture in its conception.

Tools used: Red Hat Linux, Apache Web Server, MySQL, Zope Applications Development, Zope Enterprise Objects

http://www.shopcrazy.com.ph

Comments Off Spacer Print This Post Print This Post