Week 6: Content Creation - A good game needs good menu
For the first week i decided to do the menu. So what we have to do is create a simple menu for basically a paper plane space game. First thing to do is add the super awesome space background. We open Photoshop and add the background photo
![](https://static.wixstatic.com/media/aa724d_896c6fc009094d1ea8b59fc7c0ae7943.jpg/v1/fill/w_980,h_528,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_896c6fc009094d1ea8b59fc7c0ae7943.jpg)
Then I open the picture from the presentation to use the paper plane model. Zoom on the paper plane and use the polygonal lasso tool from the menu on your left.
![](https://static.wixstatic.com/media/aa724d_ecc5a8918b0645ebae0f1ca2fd08b751.png/v1/fill/w_980,h_528,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/aa724d_ecc5a8918b0645ebae0f1ca2fd08b751.png)
Zoom on the paper and cut it with this tool. Right click and and click Cut into layer. Now we have our paper plane. Press ctrl+T to resize and move.
![](https://static.wixstatic.com/media/aa724d_cbff308c74274a52928dd5d09d4839f2.jpg/v1/fill/w_980,h_528,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_cbff308c74274a52928dd5d09d4839f2.jpg)
The most tricky part about this menu are how are going to create our buttons. We use a photo of ripped off paper.
Open another photoshop file.
![](https://static.wixstatic.com/media/aa724d_1873672451d54a6ab9c220891528c856.jpg/v1/fill/w_980,h_551,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_1873672451d54a6ab9c220891528c856.jpg)
Again using the polygonal lasso tool we cut the paper out of the photo and copy via layer. Hide the background.
![](https://static.wixstatic.com/media/aa724d_e29c584a89cd437cacd7ecb74acd5317.png/v1/fill/w_980,h_528,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/aa724d_e29c584a89cd437cacd7ecb74acd5317.png)
Add as new layer some paper texture that you have and like. (It’s hard to see it in the photo because of the background
![](https://static.wixstatic.com/media/aa724d_52c341fa3a3a4994a09b81c48a5fc6dc.png/v1/fill/w_980,h_528,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/aa724d_52c341fa3a3a4994a09b81c48a5fc6dc.png)
On your right bottom just above your layers you’ll find a menu on the left of Opacity. Change it from Normal to Multiply
![](https://static.wixstatic.com/media/aa724d_b2b4df8f75b94fb79a4863efd8597646.jpg/v1/fill/w_980,h_528,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_b2b4df8f75b94fb79a4863efd8597646.jpg)
Make every layer but background (This is the first photo) visible and you have perfect buttons for your game. Save the button and add it to the Background file and resize it to fit the picture.
![](https://static.wixstatic.com/media/aa724d_cd6fbdb91d36468b94fd22d0b7df195d.jpg/v1/fill/w_980,h_528,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_cd6fbdb91d36468b94fd22d0b7df195d.jpg)
Make visible only the layer with the button. From the toolbar open Filter and select Liquify
![](https://static.wixstatic.com/media/aa724d_da9c99bb3d7c4290a0da8acadebdc912.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/aa724d_da9c99bb3d7c4290a0da8acadebdc912.png)
Using the brush do 3 different types of buttons
![](https://static.wixstatic.com/media/aa724d_bd4443f143f64d6d8cf572a861a8ac39.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/aa724d_bd4443f143f64d6d8cf572a861a8ac39.png)
Place the buttons at nice looking place at the photo. Resize them too. The final result should look something like that
![](https://static.wixstatic.com/media/aa724d_736ec148c26443cabfc98af971c9f7bf.jpg/v1/fill/w_980,h_551,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_736ec148c26443cabfc98af971c9f7bf.jpg)
Add four layers for your texts. They should be named “Start Game”, “Options”, “Shop” and “Objective: Uranus”. Choose Font, Size and place them to look good.
Final result
![](https://static.wixstatic.com/media/aa724d_f445c4a340d44449969b0911a05b3172.jpg/v1/fill/w_980,h_551,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/aa724d_f445c4a340d44449969b0911a05b3172.jpg)