PS make beautiful lattice gradient icon

This Photoshop painting tutorial is to learn to use PS to make exquisite and delicate lattice gradient icons, mainly used in layer styles, brush tools, gradient effects, clipping masks, mosaic filters, blending mode and text tools. The final icon design fresh and lively, tonal changeable, very attractive sight. Like this icon effect of the person may wish to learn to see, refueling.

　　The specific production steps are as follows:
Z0 Z0 p% j% |
Step 1' K! I7 K ' W2 {7 e2 f ' W
Open PS and create a new 600*350 pixel document.　　

　　Step 2

Double-click the background layer to convert it to a normal layer. Then double-click the layer to open the layer style and set the following.

Silver-gray background effect.

　　Step 3
Create a new layer, select a large white soft side brush, and draw a soft white light in the center.

　　Step 44 W) B8 G)]# q) c5 R (* b

Press Ctrl+t to adjust and stretch as follows. '

　　Step 50 @4 J8 B3 + G; g-y2 s (

Adjust the opacity of the layer to 10%, the specific value can be grasped.

　　Step 6
creates an icon body. Select the Rounded Rectangle tool, click on it, and set the following in the pop-up dialog box.

　　Step 7! E! A! R0 G0 M

Draw a shape above the rounded rectangle that is larger than it is, because it is later converted to a clipping mask, and the shape can now be arbitrary.

　　Step 80 ' 8 a/j$ c/y3 x A1 K4 Q

Add a layer style to the rectangular rectangle that you draw later, set as follows. Create an angle gradient effect.

　　Step 90 z! Q6 M (A, O8 x (F u
hold down the ALT key and click between the angle gradient and the rounded rectangle to convert it to a clipping mask. Then right-click the layer and select Convert to Smart object.

　　Step 10

Perform filter-pixel-mosaic, cell size 40 square. The effect is as follows.

　　Step 11

Duplicate a layer of mosaic effect, also converted to a clipping mask. Then execute the Filter gallery-styling-to illuminate the edges.

　　Step 12

Modify this layer's blending mode to "linear Dodge (Add)", opacity 30%. So all the squares are separated by white threads.

　　Step# i* H. ' (Q. s* '-h6 c

Create a layer from the previous step and duplicate it. The blending mode is changed to "minus" and the opacity is 20%. Select the Move tool and use the keyboard's arrow keys to move 1 pixels down and to the right. So the square has a three-dimensional sense.

Classification:

• PS Getting Started Tutorial
• PS Icon Production Tutorial