Make a Wii

Yes, this is the first and only tutorial that not only teaches you how to make the Wii in photoshop, but also the Wiimote and the Nunchuck!

• Step 1 Okay, we start with a retangular shape with a grey gradient in it. When you have that, select part of it and go to CTRL+U and darken it;

  

• Step 2 With the same tool, I used the Pen-Tool, create another retangular shape on top of the previous. This time also a grey gradient;

  

• Step 3 With a 3px white brush selected, go back to the Pen-Tool and draw a line on the corner of the bottom of the Wii.
  When it's stroked, lower the opacity;

  

• Step 4 Select a piece of the upper part and press CTRL+U and lighten it;

  

• Step 5 With the Pen-Tool, draw a round white shape and place it over the upper part of the Wii;

  

• Step 6 Give it a little blur and lower the opacity;

  

• Step 7 Use the stroking-technique again. But this time use a black 3px brush. Stroke around the bottom of the upper part of the Wii.
  Again, once done, lower the opacity again a little;

  

• Step 8 Do this also with the corner of the highlighted side;

  

• Step 9 Add the lines that are needed;

  

• Step 10 Then add the famous Nintendo-logos;

  

  

• Step 11 Add a black and white 3px line with a blue outer glow;

  

• Step 12 Then draw a slant box with also a grey gradient and select part of the bottom and the right and darken that with CTRL+U;

  

• Step 13 Resize it using CTRL+T and place it 3 times on the Wii... now you're done!

  

• Step 14 ...but not before you made the Wiimote.
  With the Rounded Retangle-Tool, create a long shape like mine and fill it with grey;

  

• Step 15 Add a simple Bevel and Emboss as you can see below, and then add a small white circular shape over it;

  

  

• Step 16 Blur the white shape;

  

• Step 17 Add the Wii-logo!

  

• Step 18 Create a rounded retangle with a dark-grey gradient and a white stroke. Then make sure you FULLY rasterise it!

  

• Step 19 Resize it using CTR+T and copy it 3 times;

  

• Step 20 add a new layer on top of it and fill it with a blue brush over ONLY 1 SQUARE... Then group it using CTRL+G;

  

• Step 21 Then create the shape and layer-style for the buttons;

  

  

  

  

  

  

• Step 22 And place it one time in the top-left corner, once in the middle, another pair of 3 in the middle and 2 at the bottom. Also use this style for the D-pad;

  

• Step 23 Around the top-left and middle button, on a layer behind it, add a round gradient and lower the opacity.
  This gradient is just a gradient from black to transparent;

  

• Step 24 On both seperate layers, create with the same blue for the bottom-button a house, and with red an ON-sign.
  They don't have to be picasso-good, look at mine... they're freakin easy...

  

• Step 25 ...because you're gonna resize them. Haha!

  

• Step 26 With the font Verdana, which every Computer/Mac has, write the following words you see down in the image. Words such as POWER and HOME and symbols as A, -, + and the others.
  If, for some reason, you don't have that font Verdana, you can use any other that is simple and sans-serif;

  

• Step 27 Now create 18 squares and make sure that the first line's opacity is 10%, the second's 30% and the 3rd and 4th 100%... etc...

  

• Step 28 Then use the Rounded Retangle-Tool to draw a darkgrey shape on the top of the Wiimote which will function as the Infrared-eye!

  

• Step 29 And now we're gonna continue with the Nunchuck!
  Create a greyish shape like mine. Make sure it has a gradient again. Also look at mine and you see that I selected the half and used CTRL+U to lighten the left part;

  

• Step 30 Behind that layer, draw 2 medium-gray funny shapes that are the 2 buttons of the Nunchuck;

  

• Step 31 Remember the stroking-technique we used at the Wii? Now we will use it again with a 3pc black line to follow down the middle of the Nunchuck. Also lower the opacity on this one;

  

• Step 32 With either a gradient or a black brush, make some vague shadow on the top of the Nunchuck. Then lower the opacity again;

  

• Step 33 With a grey color, draw a sharp shape like mine... kinda like the Pentagon...

  

• Step 34 Insert a blackish circle-shape;

  

• Step 35 And then add the control-stick, and this time, use your imagination, because I'm not gonna explain how I did it :)
  Really, it's not that hard. I have faith in you that you will pull it off after you've gotten this far :D

  

• Step 36 Wiiiiiiiiiiiii!!!! We got everything done... now for the cables, unhide the Nunchuck and the Wiimote;

  

• Step 37 Add 2 VERY simple white shapes at the bottom of each controller.

  

• Step 38 Then with a white color and a 5px brush, draw a wire that connects the Nunchuck with the Wiimote and vice versa.

  

• Step 40 And then you are done!!! Congratulations.
  Owyeah, if you thought of ripping any of the images, good job, because I installed a very funny watermark you will only see once you darken the image, so we'll know when you've used anything here :D