Photoshop green style website homepage template-PS tutorial

Photoshop makes a green style homepage template. generally, webpage designers need to understand and master it.

Tutorial:
1. create a new file in Photoshop. press the shortcut key (Ctrl + N) and the size is 830px of 980px.

2. press Ctrl + R to pull four guides along the edge.

3. select the "shortcut key (u)" of the rounded corner rectangle tool, set the radius to 10px, color to # E0E0AC, and create a rounded corner rectangle along the guides.

4. select "canvas size (press Alt + Ctrl + C) to set the canvas size.

5. select the size of the canvas again (press Alt + Ctrl + C) and set the size of the canvas.

6. select the background layer, set the foreground color to # 6C821C, and fill it in with the paint bucket tool (by g ).

7. create a new layer and select the gradient tool (by G) to pull the gradient from black to white. Set opacity to 10%

8. add "layer mask" and select the gradient tool (by G) from black to transparent. Take a look at the following picture for your reference.

9. right-click the layer and select convert to intelligent object. Then select filter> "miscellaneous color>" to add the image under the configuration of noise and motion blur.