Sony Ericsson Phone

Today we will learn to create a mobile phone, using the capabilities of the program Photoshop

This is what we will strive for:

Step 1. Create a new document (Ctrl + N), sizes 1000×1500 pix and 72 ppi.
Then click Ctrl + R, to have a ruler. Now we need guides. Place the cursor on the ruler (tool Move“\ Move Tool) and, holding the left mouse button, pull out one guide. Vertically, for example; do the same horizontally.
* To remove the Guides, click Ctrl + H. The same combination, so that they appear again *.
Select tool “Rounded RectangleSony Ericsson Phone(Rounded Rectangle tool), in contour mode, radius 55px and draw a rectangle on the new layer \ new layer (Shift + Ctrl + N)

Step 2. Edit the corners with the tool “Angle” (Convert Point Tool).

Step 3. Load the selection rectangle – click Ctrl +Enter.

Fill the selection with any color (Alt + Backspase), deselect (Ctrl + D)

and apply the trace. settings for layer styles (double-click on the layer or click on the “Add layer style” icon):
Shadow\DropShadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 50%, angle \ angle: 120, offset \ distance: 7, span \ spread: 0, size \ size: 13, global illumination \ usegloballight: no.

Inner shadow \Inner Shadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 75%, color: white, angle \ angle: 120, global illumination \ usegloballight: no, offset \ distance: 7 px, contraction \ choke: 0 px, size \ size: 13px, contour: “double ring”, anti-aliased: anti-aliased

Inner glow \Inner Glow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 100%, noise \ noise: 0, luminescence color: white, contraction \ choke: 10 pixels, size \ size: 100 pixels.

Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, depth \ depth: 75, size \ size: 20 px, softening \ soften: 0 px, angle \ angle: 120, height \ altitude: 65, global lighting \ usegloballight: no, mode backlight \ hightlight: lightening \ screen, opacity \ opacity: 100%, shadow mode \ shadowmode: normal \ normal, color: black, opacity \ opacity: 50%, gloss contour: ring.

Contour \ Contour:
Range \ range: 22%, anti-aliasing \ anti-aliased: yes, contour \ contour: customized

Open the window Contour Editor (click on the window with contours) and set the contour as in the screenshot.

Gloss\Satin:
Blend mode \ blendmode: lightening \ screen, color: white, opacity \ opacity: 100%, angle \ angle: 135 °, offset \ distance: 10 pixels, size \ size: 15 pixels, contour: customized

Color overlay \Color Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, color is black.

Step 4. Load selection Layer1 (Layer1) (Ctrl + click on the layer thumbnail), create a new layer and fill the selection with any color, deselect Ctrl + D.
Apply Free Transform (Ctrl + T) or Edit \ Free Transform (Edit \ Free Transform) and reduce the size by 8-10%, press Enter and apply the layer style:
Gradient overlay \Gradient Overlay:
Mode \ mode: normal \ normal, opacity \ opacity: 100%, inversion \ reverse: yes, style \ Style: linear \ linear, align with the layer \ alignwithlayer: yes, angle \ angle: 90 °.
Duplicate layer (Ctrl + J)

Step 5. Create a new layer Ctrl + click Click on the thumbnail of the previous layer (load the selection), fill the selection with any color, remove the selection (Ctrl + D). Tools “Pen”\ (PenTool) and “Angle»(Convert Point Tool), draw a shape, as in the screenshot.

Push Ctrl + Enter, go back to the previous layer and click Delete or
Editing \ Clear (Edit \ Clear) (turn off the top layer, deselectCtrl +D)

Apply trace. layer style settings:
Stamping \Bevel and Emboss:
Style (style): embossed \ emboss, depth \ depth: 91, size \ size: 89 px, softening \ soften: 0 px, angle \ angle: 90 °, height \ altitude: 26, global illumination \ usegloballight: yes, mode backlight \ hightlight: lightening \ screen, opacity \ opacity: 40%, shadow mode \ shadowmode: multiplication \ multiply, color: black, opacity \ opacity: 45%, gloss contour: customized.

Color overlay \Color Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, color is black.

Step 6. On the new layer tool “Rounded Rectangle (RoundedRectangle tool) in the contour mode we create a new shape, Ctrl + Enter (form a selected area) and fill it with any color, deselect the selection Ctrl + D. Apply style:
Gradient overlay \Gradient Overlay:
Mode \ mode: normal \ normal, opacity \ opacity: 100%, inversion \ reverse: yes, style \ Style: linear \ linear, align with the layer \ alignwithlayer: yes, angle \ angle: 90 °.

Step 7. Now we are going to create a pattern. Create a new document, size 20×20 pix background transparent. Increase the document to 200% and the tool “Brush(Brush), stiffness 0, size 10-15 px, color gray, put a dot in the menu Editing \ Define pattern (Edit \ Define Pattern) save our pattern, close the document.

Step 8. Let’s go back to the phone. Create a new layer and tool “Rectangular area” (Rectangle Marquee tool) draw a rectangular selection at the bottom of the phone, fill the selection with our pattern (created in Step 7.) Edit \ Run Fill (Edit \ Fill) – fill, use: pattern. Set the opacity (opacity) of the layer to 40%, deselect Ctrl + D.

and apply trace. layer styles:
Shadow\DropShadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 75%, angle \ angle: 90 °, offset \ distance: 0, span \ spread: 0, size \ size: 7, global illumination \ usegloballight: yes.

Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, depth \ depth: 161, size \ size: 3 px, softening \ soften: 4 px, angle \ angle: 167 °, height \ altitude: 39, global illumination \ usegloballight: no, backlight mode \ hightlight: lightening \ screen, opacity \ opacity: 46%, shadow mode \ shadowmode: multiplication \ multiply, color: black, opacity \ opacity: 75%.

Tool “Oval area” (EllipticalMarqueeTool) create a circular selection, as in the screenshot and click Delete, remove the selection with Ctrl + D.

Step 9. Go to the layer located under the patterned layer, load the selection. (Ctrl + click on the layer thumbnail) and on the new layer we fill it with any color, tool “Rectangular area” (Rectangle Marquee tool) cut the upper part of the rectangle, as in the screenshot, remove the selection with Ctrl + D.

and apply the layer style:
Gradient overlay \Gradient Overlay:
Mode \ mode: normal \ normal, opacity \ opacity: 100%, inversion \ reverse: yes, style \ Style: linear \ linear, align with the layer \ alignwithlayer: yes, angle \ angle: 90 °.

Step 10. Tool “Rectangular area” (Rectangle Marquee tool) on the new layer, create a rectangular selection – the phone screen, fill it with any color,, nopacity \ opacity of layer 79%, fill \ fill 0%, blending mode \ blendmode layer lightening \ screen

and apply trace. settings:
Shadow\DropShadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 42%, angle \ angle: 120 °, offset \ distance: 2, span \ spread: 0, size \ size: 1, global illumination \ usegloballight: no.

Inner Shadow \ Inner Shadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 50%, color: black, angle \ angle: 131, global illumination \ usegloballight: no, offset \ distance: 10 px, contraction \ choke: 40 pixels, size \ size: 26 px, anti-aliasing \ anti-aliased: is

Stamping \Bevel and Emboss:
Style (style): contour embossing \ strokeemboss, depth \ depth: 610, size \ size: 1 px, softening \ soften: 2 px, angle \ angle: -60 °, height \ altitude: 48, global lighting \ usegloballight: no , backlight mode \ hightlight: lightening \ screen, opacity \ opacity: 100%, shadow mode \ shadowmode: hard light \ hardlight, color: black, opacity \ opacity: 24%.

Contour \ Contour:
Range \ range: 60%, anti-aliasing \ anti-aliased: yes, contour \ contour: semicircle

Stroke \Stroke:
Size \ size: 4, position \ position: inside \ inside, stroke type \ filltype: gradient \ gradient, style (style): breakdown of a shape \ shapeburst, angle \ angle: 90 °. remove selection with Ctrl + D.

Step 11. Paste any image to a new layer.

Step 12. Load selection Layer1 (Ctrl +cry over the layer miniature) and on the new layer, fill in with a gradient, linear, from white to transparent (Linear White / Transparent Gradient), tool “Polygonal Lasso” (PolygonalLassoTool) cut the area, (as in the screenshot) and click Delete, The opacity of the layer is 25%.

Step 13. Load the “rectangle for screen” layer selection and cut the selected area on the white gradient layer Editing \ Cut (Edit \ Cut (Ctr + X)), paste to the new layer (Ctr + V) or Edit \ Paste, the opacity (layer) of the layer is 20%.

Step 14. Create a new rectangular shape with “Rounded Rectangle (Rounded Rectangle tool), in contour mode, on a new layer, Ctrl + Enter, fill with any color and apply the trace. layer style settings:
Inner Shadow \ Inner Shadow:
\ Mode: normal \ normal, opacity \ opacity: 35%, color: black, angle \ angle: 120 °, global illumination \ usegloballight: no, offset \ distance: 27 px, tightening \ choke: 0 px, size \ size : 80 px, anti-aliasing \ anti-aliased: yes

Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, depth \ depth: 100, direction \ direction: down \ down, size \ size: 3 px, softening \ soften: 0 px, angle \ angle: 90 °, height \ altitude: 26 global illumination \ usegloballight: yes, gloss contour \ glosscontour: cone, highlight mode \ hightlight: lightening \ screen, opacity \ opacity: 10%, shadow mode \ shadowmode: multiplication \ multiply, color: black, opacity \ opacity: 82% .

Pattern overlap \Pattern Overlay
\ Mode: normal \ normal, opacity \ opacity: 100%, pattern \ pattern: black weave \ blackweave, scale \ scale: 31

Stroke \Stroke:
Size \ size: 2, position \ position: outside \ outside, opacity \ opacity: 53%, stroke type \ filltype: gradient \ gradient, style (style): linear \ linear, angle \ angle: 0 °.

Step 15. Let’s start drawing buttons. Tool “Oval area” (EllipticalMarqueeTool) on the new layer, create a circular selection, as in the screenshot, fill it with any color and apply a trace of the layer style settings:
Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, depth \ depth: 75, size \ size: 11 px, softening \ soften: 9 px, angle \ angle: 90 °, height \ altitude: 26, global illumination \ usegloballight: yes, gloss contour \ glosscontour: ring, backlight mode \ hightlight: lightening \ screen, opacity \ opacity: 61%, shadow mode \ shadowmode: normal \ normal, color: black, opacity \ opacity: 50%.

Contour \ Contour:
Range \ range: 26%, anti-aliasing \ anti-aliased: yes, contour \ contour: customized

Gloss\Satin:
Blend mode \ blendmode: lightening \ screen, color: white, opacity \ opacity: 45%, angle \ angle: 33 °, offset \ distance: 26 pixels, size \ size: 36 pixels, contour: customized

Color overlay \Color Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, color: black

Stroke \Stroke:
Size \ size: 2, position \ position: outside \ outside, opacity \ opacity: 46%, stroke type \ filltype: gradient \ gradient, style (mirror) \ reflected, angle \ angle: -171 °, scale \ scale : 131%

Step 16. Create a white circle on the new layer and apply the trace. layer style settings:
Shadow\DropShadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 50%, angle \ angle: 120 °, offset \ distance: 7, span \ spread: 0, size \ size: 13, global illumination \ usegloballight: no.

Inner Shadow \ Inner Shadow:
\ Mode: multiplication \ multiply, opacity \ opacity: 75%, color: white, angle \ angle: 120 °, global illumination \ usegloballight: no, offset \ distance: 7 px, contraction \ choke: 0 px, size \ size : 13 px, anti-aliasing \ anti-aliased: yes, contour: double ring

Inner glow \Inner Glow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 100%, noise \ noise: 0, luminescence color: white, contraction \ choke: 10 pixels, size \ size: 100 pixels.

Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, depth \ depth: 75, size \ size: 15 px, softening \ soften: 7 px, angle \ angle: 120 °, height \ altitude: 65 °, global illumination \ usegloballight: no , gloss contour \ glosscontour: ring, backlight mode \ hightlight: lightening \ screen, opacity \ opacity: 100%, shadow mode \ shadowmode: normal \ normal, color: black, opacity \ opacity: 50%.

Contour \ Contour:
Range \ range: 22%, anti-aliasing \ anti-aliased: yes, contour \ contour: customized

Gloss\Satin:
Blend mode \ blendmode: lightening \ screen, color: white, opacity \ opacity: 100%, angle \ angle: 137 °, offset \ distance: 4 pixels, size \ size: 11 pixels, contour: rounded steps

Color overlay \Color Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, color: black

Stroke \Stroke:
Size \ size: 1-2, position \ position: outside \ outside, opacity \ opacity: 60%, stroke type \ filltype: color, color: black

Step 17. Draw another white circle on the new layer and apply the trace. layer style settings:
Inner glow \Inner Glow:
Blend mode \ blendmode: lightening \ screen, opacity \ opacity: 12%, noise \ noise: 10, glow color: pale yellow, tightening \ choke: 0 px, size \ size: 11 pixels, contour: deep groove, range \ range: 50%, jitter \ jitter: 69%

Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, method \ technique: soft cut \ chiselsoft, depth \ depth: 51, direction \ direction: down \ down, size \ size: 5 px, softening \ soften: 4 px, angle \ angle : 121 °, height \ altitude: 56, global illumination \ usegloballight: no, gloss contour \ glosscontour: linear, backlight mode \ hightlight: darken the base \ Color Burn, opacity \ opacity: 75%, shadow mode \ shadowmode: multiply \ multiply , color: black, opacity \ opacity: 75%.

Gloss\Satin:
Blend mode \ blendmode: difference \ Difference, color: gray, opacity \ opacity: 45%, angle \ angle: -81 °, offset \ distance: 13 pixels, size \ size: 72 pixels, contour: deep notch

Gradient overlay \Gradient Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, inversion \ reverse: yes, style \ Style: linear \ linear, align with the layer \ alignwithlayer: yes, angle \ angle: 90 °, scale \ scale: 78%

Stroke \Stroke:
Size \ size: 2, position \ position: inside \ inside, opacity \ opacity: 74%, stroke type \ filltype: color, color: black

Step 18. Create a smaller white circle on the new layer and open it in the menu. Window \ Styles (Window \ Style) and apply the style Green Clip (GreenPaperClip).

Step 19. Create a metal circle on a new layer with the following settings:
Gradient overlay \Gradient Overlay:
\ Mode: normal \ normal, opacity \ opacity: 69%, inversion \ reverse: no, style \ Style: angular \ angle, align with the layer \ alignwithlayer: yes, angle \ angle: 45 °, scale \ scale: 102%

Stroke \Stroke:
Size \ size: 2, position \ position: outside \ outside, opacity \ opacity: 100%, stroke type \ filltype: gradient \ gradient, style (style): angular \ angle, angle \ angle: 120 °, scale \ scale: 100%

Step 20. On the new layer, create a button with the tool “Rounded Rectangle(RoundedRectangle tool), Ctrl + Enter, fill it with any color (Alt + Backspace) and apply the following setting trace:
Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, method \ technique: smooth \ smooth, depth \ depth: 125, size \ size: 13 px, softening \ soften: 0 px, angle \ angle: 120 °, height \ altitude: 39 , global illumination \ usegloballight: no, gloss contour \ glosscontour: linear, highlight mode \ hightlight: lightening \ screen, opacity \ opacity: 75%, shadow mode \ shadowmode: multiplication \ multiply, color: black, opacity \ opacity: 75% .

Stroke \Stroke:
Size \ size: 3, position \ position: outside \ outside, opacity \ opacity: 50%, stroke type \ filltype: gradient \ gradient, style (style): linear \ linear, angle \ angle: 90 °, scale \ scale: 150%

Duplicate this layer and (Ctrl + J) place the button on the other side.

Step 21 On the new layer tool “Rounded Rectangle(RoundedRectangle tool) create a square button, Ctrl + Enter, Fill in black and apply the trace. settings:
Gradient overlay \Gradient Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, inversion \ reverse: no, black to transparent, style \ Style: linear \ linear, align to layer \ alignwithlayer: yes, angle \ angle: 90 °, scale \ scale: 100%

Stroke \Stroke:
Size \ size: 2, position \ position: outside \ outside, opacity \ opacity: 81%, stroke type \ filltype: gradient \ gradient, style (style): linear \ linear, angle \ angle: 90 °, scale \ scale: 100%

Select the button (Ctrl + click on the layer thumbnail) and on the new layer fill the selection with white, opacity \ opacity 20% and Eraser (Eraser Tool) with soft edges erase part of the rectangle. Create the remaining three squares.
On a new layer, the opacity of the layer \ opacity is 90% and with the tool “Freeform” (CustomShapeTool) in shape mode, draw shapes (eachon a new layer), which will be on the buttons of the phone, put them in the buttons

Step 22 Draw a side button. Tool “Rounded Rectangle (Rounded Rectangle tool) in the contour mode, draw a button on the side of the phone (on a new layer), Ctrl + Enter, fill with any color (Alt + Backspace) and apply the configuration trace:
Shadow\DropShadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 50%, angle \ angle: 120, offset \ distance: 7, span \ spread: 0, size \ size: 13, global illumination \ usegloballight: no.

Inner shadow \Inner Shadow:
Mode \ mode: multiplication \ multiply, opacity \ opacity: 75%, color: white, angle \ angle: 120, global illumination \ usegloballight: no, offset \ distance: 7 px, contraction \ choke: 0 px, size \ size: 13px, contour: “linear”, anti-aliasing \ anti-aliased: no

Inner glow \Inner Glow:
\ Mode: multiplication \ multiply, opacity \ opacity: 100%, noise \ noise: 0, luminescence color: white, contraction \ choke: 10 px, size \ size: 100 pixels, contour: according to Gauss, range \ range: 30 % jitter: 0%

Stamping \Bevel and Emboss:
Style (Style): inner bevel \ innerbevel, method \ technique: smooth \ smooth, depth \ depth: 75, size \ size: 20 px, softening \ soften: 0 px, angle \ angle: 120 °, height \ altitude: 65 , global illumination \ usegloballight: no, gloss contour \ glosscontour: ring, highlight mode \ hightlight: lightening \ screen, opacity \ opacity: 100%, shadow mode \ shadowmode: normal \ normal, color: black, opacity \ opacity: 65% .

Contour \ Contour:
Range \ range: 22%, anti-aliasing \ anti-aliased: yes, contour \ contour: customized

Gloss \ Satin:
Blend mode \ blendmode: lightening \ screen, color: white, opacity \ opacity: 100%, angle \ angle: 150 °, offset \ distance: 11 pixels, size \ size: 11 pixels, contour: customized

Color overlay \Color Overlay:
\ Mode: normal \ normal, opacity \ opacity: 100%, color: black

Step 23 Choose a tool “Text” (TypeTool) font “As seen on TV and write to Sony Ericsson.

Step 24 Create a reflection of our phone. To do this, merge all layers except the background. Duplicate the resulting layer (Ctrl + J). Go to the menu Editing \ Transforming \ Flip Vertically (Edit \ Transform \ Flip Vertical), move our layer below the original and set the opacity to 30%. In mode “Quick Mask” (Q) draw a white to black gradient, exit the “Quick Mask” (Q) and press Delete.

That’s all, the phone is ready!

Good luck!

Like this post? Please share to your friends: