PhoNuts

Pages: 1 2

9. Ofcourse, a menu is not complete without text! You can add the text in html ofcourse but in this tutorial we’ll just add it with the horizontal type tool! The font is called rage italic let and the text is just white #ffffff with a size of 22px.

10. Now create another new layer (layer – new layer) and select a rectangle shape box on the place shown in the screenshot below using your rectangular marquee tool and fill it with #b33e68 like this! Copy the layer style from the picture layer again and paste it on the new layer you’ve just created so you end up with this!

11. Between step 10 and this step you’re going to have to do it all by yourself! You should create another 2 boxes on new layers and fill the one on the right side with #9b033a and the one above that layer with #751638! When you were capable of doing this you should have something like the screenshot below (the guides are visible to show you how I did it), if not, you can still just download the file or try it again by yourself!

12. Create a new layer behind the one with this #751638 color and fill it with black #000000 like the picture you see below! In the next step we’re going to add text to this layer on rotate it!

13. Go ahead and rotate the layer (edit – transform – rotate) with 25° and place it like this. Also type out some text with the title of your page and rotate it with 25°! I used the same font as I used when I typed out the menu in white #ffffff.

14. In this last step I just added some graphic demo text! The text color is just plain white #ffffff! I also inserted a few pictures to make the design look complete and finished! You should do this in an editor with html but I just created an example for you in photoshop!

Please Login or Register to read the rest of this content.

Pages: 1 2