北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

就业

试听

企业培训

扫码
关注

首页 / 

行业资讯

北京ui设计培训 制作描边图标

时间: 来源:火星人

效果展示

北京UI设计培训

描边

新建一个追波尺寸的画布800*600,背景色选白色,名称为描边风格小图标,注意分辨率为72.

北京UI设计培训

画一个300*300的圆形,填充颜色为#ffdb00,描边为12像素的#000000的黑色描边。注意这里描边的风格应该选居中描边,结尾和转角选择圆角形式。

北京UI设计培训

然后ctrl+j复制圆形图层,并分别命名为小太阳描边和小太阳填充。并将小太阳填充的图层关闭,将小太阳描边图层的填充去掉,只留下描边。

北京UI设计培训

直接选择工具(小白)选中描边,这时会出现锚点和路径的线,然后用钢笔工具这一栏里的添加锚点工具,给描边添加6个锚点。

北京UI设计培训

6个锚点添加完后,直接选择工具(小白)选择锚点进行删除。发现问题了只添加4个锚点就够了,然后选路径进行删除就好了。

北京UI设计培训

同理我们弄对角的另一边,弄完的结果如图

北京UI设计培训

将小太阳填充的图层显示出,并且把它放在”描边“图层的下面。

北京UI设计培训

嘴巴和腮红的不多说,根据图形大小关系,自己绘制就可以

北京UI设计培训

这时我们画一个60*40的圆

北京UI设计培训

建立水平参考线,找到椭圆的水平中心位置。建立个矩形

北京UI设计培训

选中椭圆和矩形的图层,ctrl+e后,用路径选择工具减去顶层形状,减去上边的矩形,并选择合并形状组件

北京UI设计培训

绘制个60+16圆角为8的圆角矩形,这里方便CS6的用户使用,绘制连个16*16的圆加一个44*16的矩形组合放在减好的圆形上

北京UI设计培训

放好后,ctrl+e合并两个图层,并改为黑色

北京UI设计培训

绘制小舌头,根据自己的大小关心建立,这里是26*12的椭圆。

北京UI设计培训

给太阳添加高光和反光 一个味#ffffff,角度-160度,距离、阻塞和大小30、0,0

北京UI设计培训

另一个为#fe8602,角度为20,距离、阻塞和大小为30、0、0

北京UI设计培训

将眼睛、嘴巴、和腮红进行排放,放在一个合适的位置,将腮红和舌头的颜色选为#fe8602,并将腮红的组调整不透明度为30%

北京UI设计培训

最后添加些色彩缤纷的小图形作为点缀修饰,使主体更加生动可爱

北京UI设计培训

关键词:北京UI设计培训,北京UI培训,UI设计,火星人UI设计

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 14年教育品牌
  • 课程不断更新
  • 签订就业协议
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2016 2ds.cn, All Rights Reserved 京ICP备 10216795号