美文网首页每天学点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保存!

相关文章

  • 微扁平照相机图标设计

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

  • day 1

    图标划分: 1.像素图标 2.剪影图标 3扁平图标 4.微质感图标 5.拟物化图标 寿司APP APP设计规范

  • 扁平化照相机图标设计

    扁平化以其大胆的用色,简介明快的设计风格让人们耳目一新。尤其是在移动端应用中表现的更加明显。照相机图标是手机页面中...

  • 一大波PPT图标袭来(含字体下载)

    PART2 图标 图标其实不只是UI设计设计师们接触得最多,随着扁平化设计潮流席卷而来,ppt要做到扁平化少不了用...

  • 电话图标该换了吧

    自Apple ios7应用扁平化设计重绘数十个图标,关于拟物设计(Skeuomorph)与扁平化设计的优劣争议就不...

  • Resource Pack 2:矢量扁平化图标库Icon Che

    矢量扁平化图标库 Icon Cheat Sheet for flat design V1.01 随着扁平化设计的普...

  • 超萌,Photoshop丨 画一只可爱的蜜蜂图标

    UI图标设计中有多种风格 由简到难的线性图标 扁平化风格图标 拟物化风格图标等等 其中描边风格的图标 是近来比较热...

  • Windows11&10界面对比

    1、桌面图标设置 窗口、按钮和复选框采用圆角矩形视觉效果,图标采用扁平化设计。 2、Windows设置 部分图标简...

  • ui设计图标类型有哪几种?

    UI图标一种分为三种,这三种分别是:写实图标又称拟物化图标、微质感图标又称2.5d图标、扁平化图标又称2d图标。 ...

  • Swift之使用自定义IconFont

    IconFont IconFont 也叫字体图标,顾名思义,就是字体做的图标。受到近些年扁平化设计 的影响,越来越...

网友评论

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

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