PS教程:缤纷彩色格子icon设计

  今天为大家带来一篇非常漂亮的ICON设计教程。先来看下最终的效果,然后我们再一步步做吧!

psicon

第一步:首先我们来做个背景

psicon2 psicon3 psicon4

  在背景上填充颜色,再拉个径向渐变,内发光降低透明度添加杂色,如果你做的没错的话,效果应该是这样的:

psicon5

第二步:我们开始来做icon了

  新建个圆角矩形,这里我建议圆角大一点,然后矩形图层上方再建一个新的图层填充渐变,按住ALT键作为矩形图层的渐变效果。

psicon6

psicon7

psicon8

psicon9

第三步:做出格子效果

  使用滤镜马赛克效果后,在复制一层使用滤镜照亮边缘,将其属性改为线性减淡(添加)并降低不透明度。然后将图层复制,属性改为减去,降低透明度,把图层向右下方移动一个像素,制造出凹槽效果。

psicon10

psicon11

psicon12

psicon13

第四步:绘制icon中间的圆形

  先在中心画个圆形,使用角度渐变,增加内阴影和投影使它看上去更立体。然后再在中心画一个比刚才小的圆,填充深色,添加杂色和内阴影,再来个描边让其更细致,轮廓更明显点!

psicon14

psicon15

psicon16

psicon17

psicon18

psicon19

psicon20

psicon21

psicon22

psicon23

psicon24

第五步:中间加个文字或logo

psicon25

psicon26

psicon27

psicon28

第六步:整体加点发光和阴影让图标看起来更有质感

psicon29

psicon30

psicon31

  大功告成!你学会了吗?

psicon32

转载请注明:氧16网 » PS教程:缤纷彩色格子icon设计

赞 (0)
分享到:更多 ()