Photoshop to draw a metal textured web interface

1. First, let us look at the overall effect.

2. Start this tutorial you will need to create a new file. Use any value you want, but I recommend that you create a file with a minimum width of 1100*1163 pixels. Background padding # 252118.

3. The original textbook play mystery did not write how to do, I used my method to do a bit, you can copy a just do the layer, select the Brush tool, size set to 1100px, hardness 0%. Soft light, the layer transparency to 60% on the OK.

4. In the middle, draw a rounded rectangle with rounded corners and 995*295. Fill #52442b.

5. Copy a graphic above to change the color to #e9e9e9.

6. Create a new shape in the footer. Here, to add some text, fill in the #15120d. Width 54.

7. Filter the first rectangle-noise-add noise, the number is 3-10.

8. This step meta textbook is very vague, I was on the effect of the rectangle, a new white rectangle, do the opacity 13%, with Eraser to remove the part.

9. In the position above the footer, create a new rectangle. Here, to add some text, fill in the #15120d. Width 252.

10. Now I will create the notebook spiral. It's pretty easy. All you have to do is create two very colored rectangles and a rectangular rectangle to make the gradient overlay for you. It's OK to combine multiple copies together.

11. Input text, you can add the effect to the above characters, the following small print plus the projection effect is good. As shown in figure

12. Draw two buttons with the Fillet tool to add text. 126*34. Make the following effect.

13. Draw a 209*223 rectangle with rounded rectangle tool to make inner shadow and stroke effect.

14. Use the Pen tool to draw the following graphic and add text.

15. At the top of the layout I will create a simple rectangle. 415*281.

16. Do with layer style

17. Then, I will create a smaller shape 381*258, layer style as shown below:

18. My final step is to create a navigation mix layout.

19. Effect of Final completion

Note : More wonderful tutorials Please pay attention to the triple Photoshop tutorial section, triple PS group: 182958314 welcome you to join

Category:

• PS Getting Started Tutorial