- Create the following shape with the help of Rounded Rectangle Tool.

- Correct the form of the shape using Convert Point Tool.

- Click Ctrl + Enter or Choose Select > Load Selection to load selection.

- Fill selection with any color.

- Apply the following layer style settings to this layer.







- Ctrl + Click on Layer1 to load selection (or Choose Select > Load Selection).
- Create a new layer.
- Fill the selection with any color.
- Reduce the size of this form by 8 - 10 % using Free Transformation. Edit > Free Transform.
- Apply Gradient Overlay to this layer.

- Create a new layer.
- Ctrl + click on the previous layer to load selection and fill it with any color.
- Draw a shape, just like in the example below using Pen Tool and Convert point Tool.
- Click Ctrl + Enter.
- Go to Edit > Clear to remove superfluous areas of the shape.


- Apply the following layer style adjustments to this layer.


- Make a new shape in a new layer. Fill it with any color and apply Gradient Overlay.

- Create a new layer.
- Make a rectangular selection using Rectangular Marquee
In the bottom part of our phone.
- Fill selection with a pattern which consists of a small circle and a transparent background.
- Create a round selection and cut central part of the shape with pattern.
Creating and managing patterns
- Use Rectangle Marquee tool
on any open image to select an area to use as a pattern. Feather must be set to 0 pixels. Note that large images may become unwieldy.
- Choose Edit > Define Pattern.
- Enter a name for the pattern in the Pattern Name dialog box.
- Apply Opacity 40% and the following layer style adjustments .



- Load selection to the layer located before the pattern layer.
- Fill it with any color in a new layer and cut top part of the shape.
- Apply Gradient Overlay to this layer


- Make rectangle shape for the phone screen and apply the following adjustments.






- Insert any image into a new layer to create phone screen.

- Load selection (Ctrl + Click) to Layer2 (large black rectangular).
- Fill it with Linear White/ Transparent Gradient.
- Create rectangular selection, transform it and cut the part of the white gradient shape. Adjust Opacity 25%.
- Load selection to Layer6( rectangular for sreen), return to white gradient shape, cut selected area and paste it into the new layer. Adjust opacity 20%.

- Make a new form using the tool
and apply layer style adjustments just like in the example below:




- Choose Ellipse Tool and draw the following shape. Adjust the layer style effects.





- Create a new circle in a new layer.







- Create another circle in a new layer.





- Make a small circle and apply the following adjustments:

- Create a metal circle and apply the following adjustments to this layer.


- Make small rectangles for buttons using Rounded Rectangle Tool.


- Make small rectangles for the buttons using Rounded Rectangle Tool. Apply the layer style settings, just like in the example below.
- Load selection with button shape to the layer.
- Fill it with white color (Opacity 20%) in a new layer. Erase part of the white rectangle using Soft Eraser Tool.



- Draw a button using Rounded Rectangle Tool.







Creation of reflection.
- Merge all layers.
- Duplicate created layer.
- Go to Edit > Transform > Flip Vertical. Move it down. Opacity 30%.
- Add Vector Mask, fill it with White/Black Gradient.
And here is the result! The phone should look like this.

No comments:
Post a Comment