 |
 |
| |
| |
|
|
| |
This is part 2 of the simple 3d layout Photoshop tutorial. Next, above the gradient, create two 1 pixel wide lines, 1 red and 1 white. Image a) shows it zoomed in by 300%. |
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
Make a new layer and then, using the polygonal lasso tool, create a selection like in image a). Choose the gradient tool again, with the background set to light grey and the foreground set to a slightly darker tone. Drag the gradient tool upwards as far as the arrow goes. You should end up with a gradient, as shown in image b). |
|
| |
|
|
| |
| a) Click to enlarge |
|
b) Click to enlarge |
 |
|
 |
|
|
|
|
|
| |
|
|
| |
Next, we're going to create the first 3d looking cube. Make a new layer and then, using the polygonal lasso tool, create the shape shown in image a). This will be the darkest side of the 3d object. Create the 2nd side, on a new layer, using a slightly lighter grey tone. And then finally create the top surface, using an even lighter grey. Next, merge the 3 layers together. |
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
Next, use the polygonal lasso tool to cut out a hole in the side of the cuboid. Use it again to create the shape shown in image b). You might want to zoom in to do this part. |
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
Once you've create the the cuboids inside surfaces, with the polygonal lasso tool, select the horizontal type tool. Make a "H", with Arial Black 36pt, sharp and white. Each cuboid will have a letter representing each menu item. The "H" stands for home, so put what even letter you want to use. |
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
Now we're going to make the letter look as though it's on the surface of the object. Go to edit > transform > distort, and then distort it so it looks like the "h" in image a). |
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
Next, merge the 3d shape's layers together, aswell as the "H", and then duplicate it. Move the original below the duplicate and then set its opacity to 35%. You should end up with something like image b) |
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
Use the rectangle marquee tool to chop off part of the reflection we just create, and then make the 3d shape with all the other letters on them. |
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
Add your text and menu item, as shown in image a). I've used Verdana for all the text. Lastly create a thin grey line with a white border to seperate the menu items. |
|
| |
|
|
| |
|
|
| |
|
|
| |
|
| |
|
|
| And then you're done - A simple 3d layout. I hope you enjoyed this Photoshop tutorial. Until next time.... |
|
|
|
| |
| Click to enlarge
| |
|
|
|
|
|
 |
