• 2017年7月2日,氧16网正式改版,增加会员登录注册功能,感谢群里小伙伴的支持!
  • 氧16网设计交流1群:331622745,设计交流2群:536159510,欢迎志同道合的朋友加入!
  •    4年前 (2013-06-21)  教程 |   抢沙发  6 
    文章评分 0 次,平均分 0.0

    今天为大家带来一篇非常漂亮的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网网络,取之于民用之于民,转载请注明出处来自http://yang16.com/542.html

    关于
    氧16网 — 分享设计&素材&工具|文章烂,更新少,茫茫人海,能够被你关注真是三生有幸

    发表评论

    表情 格式

    暂无评论

    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享