The World of Super Mario - Part 1

The Clouds
Mario clouds have a very distinctive shape, which you’ll see part of repeated later in the boshes. Again, this isn’t a shape that’s easy to explain. Start with a sky blue background (#5482E4) and make your document 60×60px in size, because the cloud takes four tiles to create.

Our basic cloud shape looks like this: Again, if anyone can find a definitive pattern or method to drawing this precisely, I’d love to hear it. I think this is just one of those things that you have to copy.

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

Next, we outline our cloud in a black 2×2px border, like so.

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

Finally, we want to take the cloud shadow color (#3CBEFC) and go in and create the shadows on our cloud.

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

Bushes
As I stated earlier, bushes and clouds share a similar shape, so let’s Ctrl+Click on our cloud to load its selection and then hit Ctrl+C to copy it. Next, let’s create a new document, 128×31px in size and again give it the sky blue background (#5482E4).

Now hit Ctrl+V to paste the cloud into the document. We want to align the top and left edges of the cloud along the top and left edges of the canvas, like so.

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

Now hit Ctrl+J to duplicate the layer and drag it to the far right of the canvas, like so.

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

Now hit Ctrl+V one last time to paste the cloud in the center of the document and then hit Ctrl+Shift+[ to send it to the back of the layer stack.

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

Now select all three layers in the layers palette (Ctrl+Click on the titles of each layer) and hit Ctrl+E to merge the layers. Now take your pencil tool and change all of the overlapping black squares in the middle to white.

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

Finally, take the pencil tool and draw over all of the light blue squares in the bush shadow color (#04AE04) and then, using the paint bucket, with anti-aliasing turned off, fill the white pixels with the bush color (#BFCE1C).

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

Pages: 1 2 3 4 5