Teach you how to use Photoshop to draw a phone

Source: Internet
Author: User

An effect chart completed in this section.

The CTRL + N key combination on the lower keyboard, or the file on the menu bar → New command opens the New dialog box, as shown in Figure 4.1-2.

To create a new layer, press the CTRL+R key on the keyboard to open the ruler, creating a vertical guide. With the guide line as the symmetrical centerline, with the Rectangular Marquee tool (shortcut key m), create a rectangular selection based on the phone shape, as shown in Figure 4.1-3.

Select the Elliptical Marquee tool (shortcut key m) tool to set the Boolean mode on the options bar to add to the selection, as shown in Figure 4.1-4.

At the bottom of the selection, at the intersection of the vertical guide line (shown in Figure 4.1-5), start dragging, do not release the mouse when the circle appears, press the ALT and SHIFT key on the keyboard to create a circular selection with the rectangular selection, as shown in Figure 4.1-6.

A circular selection with a rectangular selection collection

Performs the selection → modify → smooth command on the menu bar, smoothing the rectangular selection right angles to a certain pixel.

Effect of rectangular selection smoothing

Make sure that the Ellipse marquee tool is still selected, right-click the document window, select the Create work Path command from the pop-up menu, and convert the selection to a path.

Adjust the path to the effect shown in Figure 4.1-9-make the top narrower, and the lines on both sides have a certain radian.

Select any path tool (such as the Pen tool), right-click the document window, select Create Selection command from the pop-up menu, and convert the path to a selection. Sets the foreground color to gray (the color is close) and presses the Alt+backspace key combination on the keyboard to populate the foreground color. Name the layer as the upper cover, as shown in Figure 4.1-10

The CTRL key on the lower keyboard, and click the layer's thumbnail on the Layer palette to load the outer edge of the graphic in the layer as a selection. Select the Rectangle Marquee Tool, right-click the document window, and select the transform Selection command from the pop-up menu. Press the ALT key on the keyboard to change the center of the selection to the effect shown in Figure 4.1-11.

Create a new layer, named Silver ornament. Select the Gradient tool shortcut key (G) to add a gradient effect to the selection (just for the effect preview and later to change), as shown in Figure 4.1-12

Do not cancel the selection, create a new layer, and transform the selection to the effect shown in Figure 4.1-13.

Fill the color shown in Figure 4.1-14 (the color is close, the handset manufacturer calls this color Sailor Blue), and name the layer for Sailor Blue. Another layer is created, named the axis. Draw the shape above, as shown in Figure 4.1-14.

Create a rectangular selection on the layer, filling the sailor Blue set above, as shown in Figure 4.1-15.

Create a new layer and draw the path shown in Figure 4.1-16 with the Pen tool (shortcut key P).

Select the path selection tool, press the ALT key on the keyboard, press the left mouse button, and drag the path to copy one. Select the copy path, press the CTRL+T key combination on the keyboard, perform the edit → transform → horizontal flip command on the menu bar, transform the path to the corresponding shape, and move to the appropriate position on the other side.

Sets the foreground color to the gray set above. Select the Brush tool (shortcut key B), right-click in the document window, and set brush parameters in the panel that pops up, as shown in Figure 4.1-17.

Create a new layer, select the two paths, right-click the document window, select the stroke Path command from the shortcut menu, and set the Stroke Path dialog as shown in Figure 4.1-18.

Double-click the layer's thumbnail on the Layer palette to set the pop-up Layer Style dialog, as shown in Figure 4.1-19.

Draw the camera section below (this part in the perspective of the operation of the transformation is more complex, to be specific to deal with, first position fixed).

Create a new layer, draw a white circle first, and then use the Pen tool (shortcut key p) to draw a path like the figure 4.1-20. Fill in white after converting the path to a selection, naming the layer as a camera.

Draw the speaker hole below. Creates a new layer and, after creating a rectangular selection with the rectangular marquee tool, smoothes the rectangular selection and fills it with black, as shown in Figure 4.1-21.

Do not cancel the selection, select the Move tool, press the ALT key on the keyboard, and drag with the left mouse button to duplicate the two speaker holes on the same layer, as shown in Figure 4.1-22.

Double-click the layer's thumbnail on the Layer palette, and set the bevel and emboss in the Layer Style dialog box as a pillow relief, as shown in Figure 4.1-23.

Creates a new layer, named an outer-screen border. Draw the rounded rectangular selection of the mobile phone display by the method described above and fill it with black. Execute the selection on the menu bar → Save the selection command, name the selection a rounded rectangle, and store the selection. The selection is then magnified to the effect shown in Figure 4.1-24.

Perform the filter → warp → spherical command on the menu bar, as shown in Figure 4.1-25.

Creates a new layer, named an outer screen. Execute the selection on the menu bar → load the selection command, load the rounded rectangular selection, and fill the white placeholder after resizing, as shown in Figure 4.1-26.

The next step is to make the phone's perspective effect.

Select the top layer of the Layer palette, press the SHIFT key on the keyboard, and click the top thumbnail on the background layer with the mouse to select the two layer and the middle layer. Press the CTRL+G key combination on the keyboard to group the layers and name the phone cover.

Under the keyboard of the CTRL+T key combination, the free transformation of the group, press the CTRL key on the keyboard do not put, drag and drop transformation control points to the results shown in Figure 4.1-27.

Create a new layer on the phone's cover group and draw the dark part of the phone's cover. Press the CTRL key on the keyboard, with the left mouse button click on the layer panel on the phone on the top cover layer thumbnail, so that its graphics edge as a selection load. Press the arrow keys on your keyboard to nudge the selection up and down a few pixels. Press the Shift+ctrl+i key combination on the keyboard to reverse the selection, and press the alt+ctrl+d on the keyboard to feather the selection more pixels.

Classification:

    • PS Mouse Painting Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.