PS Master hands-on teach you to draw a contact + SMS icon

first, cartoon style--lynn Rabbit (contact icon)

　　Step 1

Click-"File"-"new" (shortcut key CTRL + N) Create a new image, named good and set the width of px, height of PX, resolution of the DPI, and then click OK, remember conveniently save (shortcut key Ctrl+s), To avoid half PS crashes or other reasons being shut down is a sad reminder.

　　Step 2

First fill the background, the color value of #282828 (PS: This step is mainly to facilitate the icon to watch, the background color is uncertain, looking comfortable, does not affect the icon appearance can);

Then select the "Oval Tool" (Shortcut U, you can press Shift+u switch), click on the canvas "Create ellipse" pop-up layer, set width of 172px, height of 170px, and tick "from the center", and then click OK;

　　Step 3

Select the ellipse layer, named Yuan, right-click the "Blending Options", select "Gradient overlay", linear gradient, color value from top to bottom #feb5d0-#ff7fae, Angle is 90°;

Select the Ellipse tool to create a circle with a width and height of 172px, with a fill color of #c74a78; named Yuan_di, aligned to the yuan layer and placed underneath it;

　　Step 4

Copy Yuan Layer (shortcut key ctrl+j) named Yuan_ban, select right key to clear layer style, fill color to #ffffff; opacity to 30%;

Select the Elliptical Marquee tool (shortcut m, you can press Shift+m to toggle), hold down the SHIFT key, draw a positive circle selection (size yourself), on the aligns layer, and then click the "Layer" window "add layer mask";

Then copy the yuan layer named Yuan_bian01, select right to clear the layer style, fill color to # FFADCB; Press the CTRL key to click the layer load selection, press the arrow key to move one pixel up and left, then reverse the selection (shortcut key Shift+ctrl+i), then click "Layer" "Add layer Mask" for the window;

Similarly, the Copy Yuan layer is named YUAN_BIAN02, the fill color is #fff2f7, the load selection moves down two pixels, and the layer mask is added after the selection is reversed;

　　Step 5

Copy yuan layer named Nei_yuan, click "Edit"-"Free Transform Path" (shortcut key ctrl+t), shrink 80% (remember to click "Keep aspect ratio"), right click to clear layer style, select "Mixed option" setting:

"Strokes": Size 3px, interior, color # d85082,

"Inner Shadow": Color # c33c6d, opacity 70%, Angle 120°, distance 5, blocking 2, size 8,

"Gradient overlay": linear gradient, color value from top to bottom for # feb8d2-# FF80AF, Angle is 90°;

　　Step 6

Copy Nei_yuan layer named Nei_yuan_ban, clear layer style, free transform path reduction 94% (remember to click "Maintain aspect ratio"), Color # FFFFFF, opacity to 10%, and then load into Yuan_ban mask selection, click the "Layer" window. Add Layer Mask ";

Duplicate the Nei_yuan layer named Nei_yuan_bian, clear the layer style, change the fill color to # FFB9D3, move the selection up by two pixels, reverse the selection, then click Add Layer Mask in the Layers window, and then put the Nei_yuan_ The Bian layer moves down one pixel;

Re-copy Nei_yuan layer named Nei_yuan2, clear layer style, free transform path reduction 90% (remember to click "Maintain aspect ratio"), Color # FFFFFF, opacity to 5%;

　　Step 7

Draw the head section of Lynn Rabbit, create an ellipse with the Oval tool, set layer blending options, and then draw the ear section, pay attention to stroke details and shadows, face one by one split, most of the use of Pen tool, ellipse tool, layer mask, set layer blending options complete, in this is not a detailed description, Finally add the ear shadow and the high light, pull an oval white transparent gradient, set opacity to 50%, complete the drawing of the icon.

duang~ complete the icon after adding a gorgeous background, and then use the same method to draw a set of theme icons.

　　Second, Micro flat--flexagon (SMS icon)

　　Step 1

Select the Rounded Rectangle tool (shortcut u, you can press Shift+u to toggle), click "Create Rounded Rectangle" pop-up layer on canvas, set width to 120px, height is 120px, radius 20px, and tick "from center", then click OK;

　　Step 2

Name the rounded rectangular layer as Di, and then right-click to select blending options to set:

"Strokes": size 1px, interior, gradient 90°,# 157acf-#78bbff,

"Gradient overlay": linear gradient, color value from top to bottom for # 1479cf-# 3A9BFF, Angle is 90°;

　　Step 3

Select the Ellipse tool, hold down the SHIFT key, draw a positive circle, fill the color # 9eceff, the layer named message, and then select the Pen tool (shortcut p, you can press shift+p switch), in the options bar "path operation" Select "Merge Shape", and select the path, draw a triangle; Right-select mixed options to set:

"Projection": Color #789bc0 angle 120°, distance 1px, extend 0, size 1px;

The copy layer message is named Message_ceng, the fill color is # 4DA2F9, the load layer selection moves up to three pixels, the selection is reversed, and then the Layer window's add layer mask is clicked.

Duplicate layer message named Message_bian, fill Color # c7e3ff, load layer selection Move up one pixel, reverse selection, then click "Add Layer Mask" in "layer" window;

　　Step 4

Load the message layer selection, fill the color #134573, deselect the selection (shortcut ctrl+d), click "Filter"-"blur"-"motion blur" and "Gaussian Blur",

"Motion blur": Angle 90°, distance 7;

"Gauss Blur": Radius 3;

Set the layer opacity to 50% and move the layer down by five pixels;

　　Step 5

Draw the smiley part of the SMS icon, select "Elliptical Tool", hold down SHIFT, draw a positive circle, fill the color with # 0675D5, moderate size, and copy the layer (shortcut key ctrl+j or select "Move Tool" Ctrl + V, hold down ALT key to drag), and then select "Type Tool" ( Shortcut key T, can press SHIFT+T to switch, enter character ")", the text color is # 0675D5, the size is moderate, the text size here is 30px, combine to be a smiley character: finish the drawing of the icon.

Continue duang~ duang~ duang~, a gorgeous flat-flattened theme icon.

Category:

• PS Getting Started Tutorial
• PS Icon Production Tutorial