The World of Super Mario – Part 1

Coins
Last, but not least, let’s make a coin. Start with a 32x32px tile and create a 4x14px rectangle in the coin/question block color (#FCA244). Center the rectangle vertically, and place it 1px to the left of center horizontally.

Adobe Photoshop Tutorial - The World of Super mario - Fig. 29

Continue adding to the coin by making another rectangle 6px wide and 12px high, centered on top of the first one. Place an 8x10px rectangle atop of that, to make the oval shape of the coin.

Adobe Photoshop Tutorial - The World of Super mario - Fig. 30

Next, place a 2px black border on the right side of the coin and draw the inner inset lines, like so.

Adobe Photoshop Tutorial - The World of Super mario - Fig. 31

Finishing Up
Now that we’ve finished creating the basic components of our world, we can build any terrain we’d like using these basic building blocks. So go for it, design your own Mario level! Create a new document, the dimensions of which are divisible by 32 and overlay a 32x32px grid and start creating.

Adobe Photoshop Tutorial - The World of Super mario - Fig.

You may also wish to download all of the PSD files created in this tutorial.

Check back soon for Part 2, when we learn how to populate the world we’ve just created, with creatures good and bad.

Pages: 1 2 3 4 5

Added Tuesday, January 2nd, 2007 at 7:53 pm under Drawing & Painting.