The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Create Pixel Buildings

Create Pixel Buildings


1. Start with a new document 200 x 650. Make an outline like this one.

Click to enlarge
Click to enlarge

2. The top should look like this. Take note of how many pixels make up the joining halfs. It should be at least 4.

Click to enlarge
Click to enlarge

3. Add windows for the building on a new layer. I made a row and duplicated it, that will help you save time.

Click to enlarge
Click to enlarge

4. Start filling in the windows randomly with a blue color. Make sure it is a light blue, not too dark.

image 4

5. The whole 2 halves look like this.

6. Pick 3 more colors, light to dark, and fill the rest of the windows in randomly.

Click to enlarge
Click to enlarge

7. Make the top the lightest, and one of the two sides brighter, depending on your light source.

Click to enlarge
Click to enlarge

8. Add highlights to rough edges to smooth them down. It makes a nice plastic look that is characteristic of pixel art.

image 7

9. Add a stairway box if you wish, keep the shading principles in mind here!

Click to enlarge
Click to enlarge

10. Add a sign if you want to, and make a nice sheen effect on the sign.

Click to enlarge
Click to enlarge

11. The text should be in a pixel font. Use the transform > distort/perspective tool to make it at an isometric angle.

Create Pixel Buildings Tutorial: Final Result

12. Here is the completed structure in all its glory.

This should get you on your way to making awesome city scenes. Send me your completed work to have it featured here!

image 11 image 12 image 13

Featured: Variations on Frese Lofts.

image 14



Author's URL: Aerophire.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Create Pixel Buildings"

Only registered users can write comment

No comments yet...