微扁平照相机图标设计

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

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保存!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (注:文中的 “移动” 均表示:鼠标拖拽移动) 第一天 调出路径查找器:Ctrl + Shift + F9; 联集...
    萌萌_1014阅读 5,473评论 0 0
  • 如何制作透明背景的图片? 首先,只有GIF才可以使用透明,所以在保存文件的时候不要选择保存或另存为,而是直接选“输...
    苏州暮雨阅读 7,957评论 0 15
  • 你工作快乐么?你的工作好么?有没有觉得干了一段时间以后工作很不开心?有没有觉得自己入错了行?有没有觉得自己没有得到...
    谋商学院阅读 2,675评论 2 1
  • 寒透梅香,残枝渐瘦,不知谁种丘山。慢待他时,也当草暗斜川。春风迅把寒衣解,玉蝴蝶、曼舞翩翩。百花开、欲语娇羞,我见...
    明月照关河阅读 1,254评论 3 2
  • 银鱼 0 曾经,在我极年幼的时候,我那美丽而不幸的母亲给我讲过很多故事。我一直记得其中一个有关人鱼的故事。然而这并...
    微物敢齐肩阅读 3,931评论 2 3