加入收藏 | 设为首页 | 会员中心 | 我要投稿 南平站长网 (https://www.0599zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

PS图标设计!如何设计矢量的wifi图标

发布时间:2018-04-22 02:09:35 所属栏目:教程 来源:ui.cn
导读:最近做一款App,需要考虑到无网情况的页面显示效果。因此想做一个wifi图标,放上去。 现在分享一下,如何用PS设计一个矢量的wifi图标。 首先创建一个270x270px的画布。用形状图层的椭圆工具,在PS面板,绘制7个圆形。 圆形半径分别为:60px;120px,150px

PS图标设计!如何设计矢量的wifi图标

最近做一款App,需要考虑到无网情况的页面显示效果。因此想做一个wifi图标,放上去。

现在分享一下,如何用PS设计一个矢量的wifi图标。

首先创建一个270x270px的画布。用形状图层的椭圆工具,在PS面板,绘制7个圆形。

圆形半径分别为:60px;120px,150px;210px,240px;300px,330px。

然后对着7个圆形进行图层排序,布尔运算,截图如下:

如下是图层之间布尔运算的面板:

PS图标设计!如何设计矢量的wifi图标

如下是7个圆形的图层排序的面板:

PS图标设计!如何设计矢量的wifi图标

在同一个图层,布尔运算7个圆形的结果如下:

PS图标设计!如何设计矢量的wifi图标

接下来,按住Shift键,在同一个图层,创建一个矩形300x300px,旋转45度,对齐中间, 在布尔运算面板里,选择【与形状区域相交】, 效果如下:

PS图标设计!如何设计矢量的wifi图标

最后,新建一个背景层,填色#ffffff, 效果如下:

PS图标设计!如何设计矢量的wifi图标

Wifi的图标的PS矢量图,终于设计完成。这是目前最流行的扁平化浅灰色的剪影图标。

如下是无网状态下的【手绘原型图】,其中需要一个wifi图标。

PS图标设计!如何设计矢量的wifi图标

作者:张云钱 个人微信号:944352559

延伸阅读:

  • PS图标教程!10分钟快速绘制iTunes icon
  • PS图标教程!教你绘制一枚扁平的相机图标
  • PS图标教程!教你绘制一枚酷炫的机械风格图标
  • ps图标教程!N Style图标制作教程
  • PS图标教程!如何绘制一枚精致舒服的下载图标
  • PS图标制作!教你7步打造一枚原生LOL图标
  • PS图标设计!教你单图层打造炫彩的圆形图标

(编辑:南平站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读