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.

image 1
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.

image 2
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.

image 3
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.

image 5
Click to enlarge

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

image 6
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!

image 8
Click to enlarge

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

image 9
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.

image 10

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.

Create Pixel Buildings



Author's URL: Aerophire.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Create Pixel Buildings"

Captcha