欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

十分钟绘制超火描边MBE风格小图标

发布时间:2017:09:26 22:01:06 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1162个文字,预计阅读时间3分钟
导语
海淘科技小编为整理描边小图标,这里就是MBE风格设计的方法做一个总结,关键就是布尔运算和路径锚点,好了废话不多说,我们从最简单的小太阳开始。注意:1、这个是我看的网上看

智唯网络小编为整理描边小图标,这里就是MBE风格设计的方法做一个总结,关键就是布尔运算和路径锚点,好了废话不多说,我们从最简单的小太阳开始。

注意:

1、这个是我看的网上看到的,大家可以去看看,猛戳这里。还有特别感谢大神级别的设计师,我的练习就是学习了他的Sketch画描边图标教程。

2、文章多图。

3、新手向,老司机请自行略过。

先来个最终效果图,是不是很可爱!

十分钟绘制超火描边MBE风格小图标

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

十分钟绘制超火描边MBE风格小图标

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

十分钟绘制超火描边MBE风格小图标

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

十分钟绘制超火描边MBE风格小图标

4、我们用直接选择工具(小白)选中描边,这时会出现锚点和路径的线(抱歉,我也不知道这线叫什么),然后我们用钢笔工具这一栏里的添加锚点工具,给描边添加6个锚点。

十分钟绘制超火描边MBE风格小图标

5、6个锚点添加完后(如图1),我们在用直接选择工具(小白)选择锚点进行删除(如图2)。发现问题了这里只添加4个锚点就够了,然后选路径进行删除就好了

图1

十分钟绘制超火描边MBE风格小图标

图2

十分钟绘制超火描边MBE风格小图标

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

十分钟绘制超火描边MBE风格小图标

7、这一步,我们将小太阳填充的图层显示出来,并且把它放在“描边”图层的下面。看!!效果一下子就出来了。

十分钟绘制超火描边MBE风格小图标

8、嘴巴和腮红的部分不多说了,根据图形之间的大小关系,自己绘制就可以。

十分钟绘制超火描边MBE风格小图标

9、这里重点说下嘴巴的画法,这里我们画一个60*40的圆(如图1),建立水平参考线,找到椭圆的水平中心位置。建立个矩形(要比半个椭圆大,如图2),选中椭圆和矩形的图层,ctrl+e后,用路径选择工具(小黑)配合布尔运算的减去顶层形状,减去上边的矩形,并选择合并形状组件(如图3)。下面我们绘制个60*16圆角为8的圆角矩形,这里方便CS6的用户使用,可以绘制两个16*16的圆加一个44*16的矩形进行组合。将其放在刚刚减好的图形上(如图4),放好后,ctrl+e合并两个图层,并改为黑色(如图5)。

图1

十分钟绘制超火描边MBE风格小图标

图2

十分钟绘制超火描边MBE风格小图标

图3

十分钟绘制超火描边MBE风格小图标

图4

十分钟绘制超火描边MBE风格小图标

图5

十分钟绘制超火描边MBE风格小图标

10、这里我们绘制他的小舌头(对!!应该是舌头)。大家可以根据自己的大小关系建立,我这里是26*12的椭圆。

十分钟绘制超火描边MBE风格小图标

11、现在开始给太阳添加高光和反光(也就是添加两个内阴影),一个为#ffffff,角度-160度,距离、阻塞和大小为30、0、0(如图1);另一个为#fe8602,角度为20,距离、阻塞和大小为30、0、0(如图2)

图1

十分钟绘制超火描边MBE风格小图标

图2

十分钟绘制超火描边MBE风格小图标

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

十分钟绘制超火描边MBE风格小图标

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

十分钟绘制超火描边MBE风格小图标


智唯网络还为你提供更多,MBE风格设计资讯,点击MBE风格设计资讯为你展现更多的MBE风格设计教程 。一个很漂亮的MBE风格图标教程,你可直接点击:[ MBE风格设计教程 ]MBE风格飞碟图标,智唯网络为你展现文章教程。本文下载,点击:十分钟绘制超火描边MBE风格小图标。


如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:如何迅速打造MBE风格微信表情

下一篇:如何给App设计出不恶心用户的付费点?

  • 18899 文章总数
  • 2333202访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信