wiiFEATURE: How to photoshop the Wii!

Hello, and welcome to wiiFEATURE. Today we’ll be discussing how to Photoshop your Wii Pictures like you’ve always wanted. You’ve seen other peoples’;

wiipooh.jpg
Click to Enlarge

wiiredsteel.jpg
Click to Enlarge

Now you can create them yourselves, with wiiSTYLEs “Photoshop the Wii” Tutorial. All you need is Photoshop, the intarweb and this image which comes free with this article.

wii1.jpg
Click to Enlarge

Before we start you may want to resize the mage in Photoshop so that the width is 750px. We want to to be kind to our 800x600ians. So Let’s start, shall we?

Step 1:

step1.jpg

First off, open Photoshop, and make a new canvas preferably after the picture is copied, because then you get the correct image size. Then depending whether you want to or not, resize the image by going into Image > Image Size and tick all 3 boxes in the bottom left hand corner. Then at the very top you’ll see the pixel measurements. Change the width or height as you wish and the other will change to keep the correct scale . Preferably change to 750px width.

Step 2

step2.jpg

Then you choose the image that you want to put on your Wii, I chose a Super Smash Bros. Wallpaper, and paste it into the picture.

Step 3

step3.jpg

Using the Rectangle Marquee Tool,select a bit on the left side of your Wallpaper image, as shown in the picture. Left click it and a menu will appear. Click Layer via Cut, which will make a new layer which contains the image in. Now look in the Layers Menu, and next to the layer you just created, on the left hand side, should be an eye. Click it to make that part of the wallpaper disappear and be out of the way for the next bit.

Step 4

step5.jpg

Now with the part of the wallpaper you are left with, match up one of the corners, to one of the corners of the side of the Wii, as shown in the picture. I have matched the top right corner of the wallpaper to the far top right corner of the side of the Wii.

Step 5

step6.jpg

Now, this is the match up bit. Go to Edit > Transform > Skew and match up all the corners of the image to the corners on the side of the Wii as best as you can. It may take a bit of time, but it’s worth it.

It should look something like this;

step7.jpg

Now you’ve done the first part. Not too hard was it?

Step 6

step8.jpg

Now make the bit of the wallpaper you cut earlier visible again and match it up to the corner of the front of the Wii as shown in the picture. Then go to Edit > Transform > Skew again, and do the same thing as before except match the corners up to the front part of the Wii. It should look something like this;

step9.jpg

Now you’ve done the second part. Again, not too dificult was it?

Step 7

step10.jpg

Now, just go to the Layers Panel again, and near the top left hand side they’ll be an opacity bar. Choose the layers and change the wallpaper image on the side of the Wii to 50% or below and the bit on the front of the Wii to maybe 40% or below. This gives it a lighting effect aswell as being able to see the buttons.

Step 8

step11.jpg

Then, select the layer with the Wii picture and use the Magic Wand tool to select the blue glow, as shown in the picture. The select the top layer, which should be the one with the small bit of wallpaper, and hit delete. You may need to change the tolerance, and you may also want to select the Wii Logo and the green power light and delete them on the top layer too.

Step 9

step12.jpg

Now, as shown in the image, use the Polygonal Lasoo Tool, and delete the bit of the image where the indent is on the Wii. Hurray! We’ve finished the Wii, but there’s still the controller to go.

Step 10

step13.jpg

Now, you must find an image to use for your controller. I am going to be using the SSBM Logo. Paste it into the canvas when you’ve found it. Next go to Edit > Transform > Rotate 90 CCW which should leave you with something that looks like this;

step14.jpg

Now, go to Edit > Transform > Skew and match up the image to the corners of the controller like you did with the Wallpaper. Don’t worry about the scale just yet, just make sure you’ve matched it up to the corners as accurate as possible. When you’ve done that click the chain at the very top, before you click the tick, which automatically scales the image.

16.jpg

You should have something like this;

step15.jpg

Now just change the opacity levels on that last image and you’re done.
Here’s my finished product;

myfinished1.jpg

————————————————————

I really hope you enjoyed this tutorial. If you have any questions then please drop me a comment and I’ll see what I can do. Good luck with your Wii Making.

The Editor

Advertisements

3 comments so far

  1. Akiraman on

    Cool TUtorial

  2. ssonicblue on

    WTF? my Photoshop must be broke. it won’t let me skew!!

  3. Wes on

    this is MUCH easier using the vanishing point feature


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: