Photoshop Tutorial: Design Apple IPhone UI by yourself (1)

Pictured: IPhone UI renderings

1. Create a new file of this size;

Pictured: Create a new file

2. Path Tool , set rounded corners , draw the following shape;

Pictured: Drawn outline

3. Add mask to the top layer;

Pictured: Adding a mask

White foreground, black background;

4. Set the layer style as follows:

Pictured: Setting layer styles

The effect is as follows:

Pictured: The effect after setting the layer style

5. Create a new layer, Ctrl+mouse click on the layer to gradually select and select Modify>>Shrink 2px;

Pictured: Create a new layer

The effect of filling black is as follows:

Pictured: The effect after filling

6. Set the layer style as follows:

Pictured: Layer style settings

The effect now is as follows:

Pictured: The effect after setting the layer style

7. Path tool fillet ;