绘制Wifi 矢量图标

从10.2开始看UI设计的一些感念,到今天上午终于把那本书看完啦,小小的汗颜,只是粗略的过一遍,走马观花,很多东西理解的还不深刻,结合实际项目再学习吧。书的最后几章讲了一个好的设计是多么重要,也给出了一些外国的网站,不得不说,歪果仁写的东西真心不错,不过国内的一些网站也挺好,之前看css进阶的时候,看到书里推荐的一个网站, http://www.climbthemountains.com/  当然是讲代码的,于是就把它源码搞来学习,也挺有收获的。哈哈,不多说了。这年头不会点ps,怎么玩得过叶良辰,更别提赵日天了。实在汗颜,我的ps水平也就切个图,换个背景啥的,这样子是不行滴。然后就想趁国庆好好玩玩ps。今晚就学了一下做了个Wi-Fi矢量图,不愧是人类的第三大需求,看着都舒服。

上图:

过程大概是这样的:

首先,新建一个文件,大小 1000 x 1000吧。

选择椭圆工具。shift  画圆,60px;120px,150px;210px,240px;300px,330px。

第一个圆半径60px, alt + delete 填充前景色:

然后,在同一图层上,画另外一个圆,半径120px

具体操作为:选择椭圆工具,按下shift,鼠标变成两个加号,点一下屏幕,输入120,120,确定,就OK了

如图:

然后,选择路径选择工具,按下shift,选择半个圆的边

之后,选择水平居中,垂直居中:

重复操作,建立好7个这样的圆:

排除重叠形状,得到圆环:

然后合并形状组件。

然后,在同一图层,制作一个矩形,用路径选择工具选中它,然后

command + T   (control +  T ) ,   45度旋转,  可以使用网格进行对齐。

之后,选择与区域形状相交,确定,形状就出来了,最后在填充一个灰色的背景,就完成了。

哒哒哒~完成,新鲜热乎的wifi  拿去拿去~

第一次发 ps 的东西,好紧张啊。。有写的不好的地方,记得评论指出哦~蟹蟹

夜深了,各位晚安。

时间: 2024-08-01 10:43:04

绘制Wifi 矢量图标的相关文章

设计师必看:8处满足原型设计的矢量图标根据地

做原型设计时,我们往往感觉图标素材不够用,尤其是矢量图标不够. 矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一.因为其是根据几何特性绘制,并且通过数学公式计算获得,所以,矢量图最大的特点就是可以无限根据设计需要放大或缩小,并且不会失真.那么,这么好用的矢量图标,要到哪里去找呢?今天我就和大家一起逛逛国内外比较常用的矢量图标的网站. 1. 阿里巴巴矢量图标库 在国内来说,Iconfont.cn可以说是国内设计师们的一块宝地.这是一个由阿里巴巴的UX部门推出的在线

[Learn AF3] App Framework 3.0中的内置矢量图标

AF3的内置矢量图标 介绍:要使用af3中的图标,必须首先引入icon.css,由于文件中已经内置了字体文件数据,因此不需要引入字体文件支持. <link rel="stylesheet" type="text/css" href="js/af3.0/icons.min.css" /> 使用:引入icon.css文件之后,我们就可以通过给需要显示图标的元素添加css类名来显示图标(实际上就是一个矢量字符),注意需要同时添加icon 和

开发 常用图标 阿里巴巴-矢量图标

阿里巴巴-矢量图标库 此网站 1.能搜到官方和个人提供的优秀图标 再也不用担心不会用photoshop~再也不用担心没图标,做不出界面了~ 2.能生成复杂的字体 IP地址:http://iconfont.cn/ 网站界面: 转自:http://Www.CnBlogs.Com/WebEnh/ 感谢WebEnh的提供~

php大力力 [037节] Iconfont-阿里巴巴矢量图标库

Iconfont-阿里巴巴矢量图标库 从此不求人:自主研发一套PHP前端开发框架 Iconfont-中国第一个最大且功能最全的矢量图标库,提供矢量图标下载.在线存储.格式转换等功能.阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具 www.iconfont.cn/ 从300到300万,一个远程外包团队的发展历程和经验 PHP检测url地址是否被百度收录 thinkphp实现excel数据的导入导出(修改适用3.2.3)H5编辑后台 thinkphp实现excel数据的导入导出(修改适用3.2.

Captain Icon – 350+ 有趣的矢量图标免费下载

Captain Icon 是一套一个惊人的免费图标集,包含350+有趣的矢量图标,可以缩放到任意大小而不会降低质量.图标的类别很丰富,有设计,体育,社会,天气等很多类别.提供 EPS.PSD.PNG.SVG 和 Web 字体,因此您可以将它们应用在您的 Web ,移动和桌面项目中. 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Checkbox)效果 超赞!基于 Bootstrap 的响应式的后台管

阿里巴巴矢量图标库的使用

1,打开阿里巴巴矢量图标库 http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&type=1 2,选择需要的图标加入购物车: 3,将购物车中的图标加入本地项目: 第一种方法: (1)获取在线链接,将获取到的在线链接复制到编辑器css文件: (2)<i class="iconfont">unicode<i/><i class="ico

简单介绍一下阿里巴巴矢量图标库的使用

相信做过前端的都知道阿里巴巴矢量图标库,这是一个非常好用的添加小图标的方法,而且是完全免费的,可以在线使用也可以下载到本地使用,而且图标是作为字体插入,不仅可以改变颜色大小,而且在布局方面也非常方便.下面我就来介绍一下阿里巴巴矢量图标库Iconfont. 网址:http://www.iconfont.cn/plus Iconfont之前只包括官方图标库和所有图标库,现在改版又多了个多色图标库,这个暂时没用过,用过再来讲,这里我一般都选所有图标库. 点进去之后在上面有一个搜索框,可以输入关键字搜索

阿里UX矢量图标库–最强大的矢量图标库(Icon font制作力荐工具)

继前面介绍过ICON-FONT的制作后,找了几个ICON库都是国外的今天偶然发现阿里巴巴的图标矢量库,www.iconfont.cn用了之后感觉很强大,丰富的图标库(集合阿里妈妈&淘宝的图标库),还支持自己上传,关键还能生成你项目专用的CDN,速度不言而喻,支持国产.下面引用介绍 转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 阿里UX矢量图标库–最强大的矢量图标库(Icon font制作力荐工具) 使用SVG来代替Web Iconfont(图形字体化) 从最开

分享一组矢量图标–UX图标字体库

以下内容转自:http://ux.etao.com/,原文链接:http://ued.alimama.com/posts/219 科技日新月异的今天,市面上各种分辨率.各种显示精度的显示设备层出不穷,在不同精度不同分辨率的显示设备下图标的应用展现出现了不同要求:如设计师为iphone 3gs设计的图标在iphone4下的展现就显得很糟糕了.我们为pc端产品设计的图标到平板电脑上显示(new ipad)上展现就不尽人意了.那这么多的显示设备,那么多的图标尺寸设计师难道要一个一个去优化去设计吗? 传