Photoshop make beautiful notebook site homepage template

Photoshop to make a beautiful notebook E-commerce site Home Template tutorial, the effect is very good.

1. Create a new document in PS, 768*800px, and fill #1e2528.

2. Add the logo, in the upper left corner, and give it a new layer.

3. Create a new layer. And use a layer style to add a gradient effect to it.

4. Use the Dodge tool and set 10% opacity to add a high light to the image. Figure:

5. Now add menu text. Use the Text tool and set the color #444b44 as shown.

6. Add underline below the text. Also add a line to the menu to make the distinction.

7. Add a product image and product introduction to the head.

8. Take a look at how to do the button. First, with rounded rectangles, draw the shape of the twist. and fill the #5a676c. and set its layer style.

9. Now you want to add two lines, one size is 1px, and the distance is 1px. Another size is 2px and the first one is separated by 2px.

10. After the header is done, let's take a look at the main body of the page. Draw three equal rectangles with a rectangular tool and fill it with white. Create three new layers for each of them. You can add the product after you have built it.

11. Add the necessary information such as introduction and price to the product.

12. Select the rectangular marquee, draw a rectangle on the left to make the Product menu, and fill the #6b7b81.

13. Now make a custom brush, create a new 3*3px, and then draw a paintbrush as shown in the picture.

The final result is as shown in figure:

14. Draw two rectangles below and fill the #d1dbdf. and add an icon, as shown in the figure.

15. Creates a new layer to create a footer. Use the Rounded Rectangle tool, draw a rounded rectangle out, fill it with white, and then use the rectangular selection tool to delete a portion of the above.

To add an icon:

Use the brush tool to draw a line in each logo, the color is #d2d2d2.

16. Finally, we will decorate the Web page, add a small icon. The following steps are shown:

Use the Ellipse tool to draw an ellipse, then fill it with white and opacity 30%. and add text.

17. Complete: