美文网首页每天学点PS大学生活PS
微扁平照相机图标设计

微扁平照相机图标设计

作者: hi武林高手 | 来源:发表于2018-09-12 14:18 被阅读21次

    扁平化设计虽然简洁明了,但是存在交互不够明显,按钮难以找到等不足。为了避免纯粹的扁平化设计,一些细致的效果逐渐被运用其中。

    step 1

    打开Photoshop软件,按ctrl +N新建画布,数据如下


    step 2

    按 Ctrl+r组合键调出标尺,创建4条参考线

    step 3

    按alt+ctrl+c组合键,打开画布大小对话框


    step 4

    运用圆角矩形工具绘制矩形


    step 5

    运用渐变工具,为圆角矩形填充浅蓝色(RGB:0,166,199)到绿色(RGB:0,155,156)的线性渐变,作为图标背景


    step 6

    运用椭圆工具,绘制一个正圆,按住shift键画正圆。设置其渐变填充方向和step相反,并反向


    step 7

    按Ctrl+j 组合键复制椭圆图层,将复制的正圆形填充白色到灰色(RGB:211,211,211)的径向渐变


    step 8

    为复制的正圆添加阴影,设置角度90度。选中使用全局光,距离为0,拓展0,大小100像素


    step 9

    再次绘制一个较小的圆,添加浅蓝色(RGB:0,107,185)到深蓝色(RGB:0,29,53)的线性渐变


    step 10

    再次绘制一个较小的圆,添加深蓝色(RGB:0,22,38)过渡到蓝色(RGB:0,31,56)再到深蓝色(RGB:0,22,38)的径向渐变


    step 11

    利用圆角矩形工具,绘制圆角矩形,并填充白色


    step 12

    按ctrl+t组合键调出自由变换,切换到变形模式,点击扇形,并调整大小。


    step 13

    设置不透明度为20%,再复制一个,调整大小位置


    step 14

    复制一个粉红色(RGB: 255,192,203)到深粉红色(RGB:255,20,147)径向渐变的正圆,添加投影,作为照相机图标的闪光灯



    搞定收工,crtl+s保存!

    相关文章

      网友评论

        本文标题:微扁平照相机图标设计

        本文链接:https://www.haomeiwen.com/subject/safpgftx.html