Photoshop Design mobile app application type Web site

Use Photoshop to create the perfect app ' s website.

Final effect

Tutorial Material Download Address: http://urlxf.qq.com/?JRbqE37

First step

New (Ctrl + N) A 1200 x 1150 px, background: #FFFFFF的文档. Use the rectangular selection tool (M) to draw a rectangular box with a 1200 x 220px, and then fill the color (this color does not make a fixed demand).

Next, we'll name the layer we just created as header. Use the Rounded Rectangle tool (U) and set the radius to 20px.

Draw a rounded rectangle with a 950 x 60px

Name rounded rectangular layer "navigation". Re-select the Rounded Rectangle tool (U) and then drag a rounded rectangle over the top right of the navigation as a search box. Name the layer "Search".

Second Step

Select the Header layer to add "layer styles" as set below

Projection settings: opacity: 34%; angle: 90 degrees; distance: 5px; Size: 5px;

Gradient Overlay

Classification:

• PS Getting Started Tutorial