当前位置:丝路教程网 > UI设计 > AI >

教你用AI制作萌萌哒的MBE风格图标(第二弹)

2016-11-01 14:42 来源: 丝路教程网 分类: AI
537 作者:丝路教程网

[导读] 这次MBE风格图标教程的第二弹是一个UFO~ 现在开始吧! 第一步、打开AI,创建一个画布。 点击文件 新建,将窗口中的数值设置如图: 第二步、创建3个图层 步骤1:F7呼出图层面板,创建

47

  这次MBE风格图标教程的第二弹是一个UFO~

  现在开始吧!

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

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

1

  第二步、创建3个图层

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

2

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

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

3

  第三步、开始画UFO的线条~

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

23-200-50-000000-6px

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

24-122-122

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

25

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

26-90-90

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

27

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

28

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

29-50-82

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

30-16px

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

31

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

32

  第四步、为UFO上色!

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

34-195-52-fedc00

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

35

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

36

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

37-ff6d00

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

38-yuanhu

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

39-00bdff

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

40
41
42

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

43

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

44-ctrlg

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

45

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

46
47

  恭喜你,完成啦!

  现在你应该掌握了一些制作MBE风格图标的方法和技巧,想要提升自己的熟练度还需要做大量的练习!

  下面附上一些MBE风格的插图供大家自由临摹~

1
3
4

 


免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

  • 所属专题:AI教程专题
  • 本文链接:http://blog.silucg.com/UICN/ai/article-910.html
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
丝路教育