The World of Super Mario - Part 1

The Question Block
Remember jumping up and whacking into these to get the coins and mushrooms that lie within?

To draw one, start with the question block base color (#FCA244) and, using either the pencil tool or the rectangular marquee tool, create a 28×28px square.

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

Now, using the brick color (#E45E14), make a 2px wide border along the top and left sides of the square. Then switch to black and make a 2px border along the bottom and right sides of the square. You should now have a 32×32px square with 4px missing from the top right and bottom left corners, like so.

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

Next, we need to draw the screws on the brick. These are just 4 2px x 2px blocks, each 2px in from the corners, like so.

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

Then we draw our question mark in the brick color (#E45E14), and finally, we also give it a 2px black shadow. This finishes up the question mark brick.

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

Ground Tile
The pattern on the ground tiles is a bit trickier. Once again, we want to start with a 32×32px tile in the brick color (#E45E14). Then we want to go around the inside edges of the tile and add a black border to the bottom and right, and add a border in the highlight color (#ECD2BC), to the top and left sides. Make sure you leave a 2×2px square in each color as the base brick color, like so.

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

Now we’ll go in with black and draw the outline of the brick pattern. I’m not really sure how to explain this pattern exactly, so it’s probably just best done by example.

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

Finally, we go back in with the highlight color (#ECD2BC) and draw highlights on the bottom and right sides of the black lines, leaving a few 4×4px squares in the original brick color to add more depth.

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

Pages: 1 2 3 4 5

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