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

[ MBE风格设计教程 ]MBE风格飞碟图标

发布时间:2017:09:27 09:00:44 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有946个文字,预计阅读时间3分钟
导语
FEVTE编注:更多AI教程讨论及AI作品提交请到飞特网AI实例教程栏目:这次MBE风格图标教程的第二弹是一个UFO~现在开始吧!第一步、打开AI,创建一个画布。点击文件 新建,将窗口中的数值设

智唯网络编注:更多AI教程讨论及AI作品提交请到智唯网络MBE风格设计资讯栏目:

[ MBE风格设计教程 ]MBE风格飞碟图标

这次MBE风格图标教程是一个UFO~

现在开始吧!

第一步、打开AI,创建一个画布。

点击文件 > 新建,将窗口中的数值设置如图:

[ MBE风格设计教程 ]MBE风格飞碟图标

第二步、创建3个图层

步骤1:F7呼出图层面板,创建三个图层分别命名如图(注意顺序要一致):

[ MBE风格设计教程 ]MBE风格飞碟图标

(上一次教程做的星球图标为mbe1,这次的UFO图标为mbe2)

步骤2:选中背景图层,用矩形工具(M)创建一个800*600的矩形,颜色FFFFFF,作为画布的背景。

[ MBE风格设计教程 ]MBE风格飞碟图标

第三步、开始画UFO的线条

步骤1:使用椭圆工具(L)画一个200*50的椭圆,描边颜色000000,描边粗细6px。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤2:再画一个122*122的正圆,位置如图,与椭圆居中对齐。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤3:将正圆多余的部分用剪刀工具(C)剪去~

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤4:再新建一个90*90的正圆,如下图。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤5:继续使用剪刀工具(C)剪去多余的线条。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤6:用直线工具添加一根210*6的直线,剪去多余部分。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤7:用矩形工具(M)添加一个50*82的矩形,与飞碟居中对齐,底部对齐直线。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤8:使用直接选择工具(A)分别选中矩形左下和右下的锚点,向外移动16px。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤9:去掉UFO多余的线条。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤10:添加一些颜色细节。

[ MBE风格设计教程 ]MBE风格飞碟图标



第四步、为UFO上色

步骤1:添加一个195*52的椭圆,填充颜色fedc00,如下图。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤2:选中黄色椭圆,按CTRL+C再按CTRL+F复制一层(没变化是因为直接复制在它上层,移动就能看到),再按CTRL+C和CTRL+F复制一层,将复制的这个黄椭圆向左偏移一些。

[ MBE风格设计教程 ]MBE风格飞碟图标

同时选中你复制出来的两个新黄色椭圆,打开路径查找器面板,点击减去顶层。

[ MBE风格设计教程 ]MBE风格飞碟图标

然后为这个剪影填充新的颜色ff6d00,如下图。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤3:将UFO的光线出口改为圆弧,你可以用【锚点工具】点击一下矩形的上面两个锚点,结合【直接选择工具】将其变为圆弧,按住ALT可操作单向的弧度。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤4:选中矩形,按CTRL+C再按CTRL+F复制一层,填充颜色00bdff,去掉描边。将黑色描边的矩形移至顶层。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤5:用步骤2提到过的方法,制作出它的剪影。

[ MBE风格设计教程 ]MBE风格飞碟图标

[ MBE风格设计教程 ]MBE风格飞碟图标



[ MBE风格设计教程 ]MBE风格飞碟图标

一定要注意你的图层顺序!学会自己调整。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤6:CTRL+A全选所有元素,CTRL+G组合。

[ MBE风格设计教程 ]MBE风格飞碟图标

步骤7:在蓝色光线里添加一些小元素。

[ MBE风格设计教程 ]MBE风格飞碟图标

在透明度面板里将小元素的混合模式改为正片叠底。

[ MBE风格设计教程 ]MBE风格飞碟图标

[ MBE风格设计教程 ]MBE风格飞碟图标

恭喜你,完成啦!现在你应该掌握了一些制作MBE风格图标的方法和技巧,想要提升自己的熟练度还需要做大量的练习!有[ mbe风格设计教程 ] 一分钟制作MBE风格,还有其他的MBE风格设计教程,在MBE风格设计资讯中,点击可直接跳转。文章下载,点击:[ MBE风格设计教程 ]MBE风格飞碟图标。

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

看了这篇文章的人还看了

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

上一篇:五组MBE Style APP引导页设计欣赏

下一篇:MBE风格图标绘制小技巧

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

      统一报价,无隐形消费

    • 金牌服务

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

    • 售后无忧

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

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

    截屏,微信识别二维码

    微信号:13825575516

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

    优化二维码打开微信