嘉儿

jiaozuoye

Hi~ 大家好,生命不息,学习不止!今天照样来学习用AI制作萌萌哒的MBE图标吧!掌握了方法之后,人人都可以发散思维做自己想要的图形了~

%e7%bf%bb%e8%af%91%e7%a4%be%e6%96%87%e7%ab%a0%e9%a1%b6%e9%83%a8%e7%bb%9f%e4%b8%80%e6%a0%87%e8%af%86

22-1

MBE——去年开始红遍Dribbble和国内外的各大设计平台,这种简单活泼的粗线条描边插画风格确实让人看了心生愉悦呢!

今天的教程内容是一个MBE风格的星球图标,结尾附上一些其他的MBE风格图标供大家临摹,传授的是方法,希望大家可以发散思维,灵活运用!

现在开始吧!

 

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

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

 

1

 

第二步、创建3个图层

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

2

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

3

第三步、开始画星球的线条~

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

4-128-128-000000-6px

步骤2:再画一个106*106的圆,与刚刚的圆水平居中对齐。

5-106-106-6px

步骤3:利用剪刀工具(C)去掉多余的部分。

6

可以在描边面板里设置端点和边角为圆头。

7

8

步骤4:画一个180*60的椭圆,与大圆水平居中对齐。

9-180-60

步骤5:CTRL+A全选所有的元素,向左旋转15°。

10-15du

步骤6:新建一个30*30的圆,放置在右上角。

11-30-30

步骤7:在底部添加一根210*6的直线。

12-210-6

步骤:8:对直线进行断线处理。

13

步骤9:添加一个10*10的圆,描边颜色ee5a1d,描边粗细4px。

14-10-10-ee5a1d-4px

步骤10:同样,添加一些颜色各异的细节。

15

步骤11:选中所有你添加的颜色细节,CTRL+G组合。

16

 

第四步、为星球上色

步骤1:添加一个30*30的圆,填充颜色00c3ff,放置在小圆的右上角。

17-30-30-00c3ff

步骤2:再添加一个128*128的圆,填充颜色ff6d00,与星球左下角有一定的间距。

18-128-128-ff6d00

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

19

步骤4:选中复制的第一个黄圆和第二个黄圆,打开路径查找器面板,选择减去顶层。

20

得到剪影,剪影填充颜色ff6d00。

21

第五步、组合你的星球

CTRL+A选中所有元素,CTRL+G组合。

22

你就得到它啦!

22-1

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

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

mountains bee

fruit ghostinlove_r pi2zza

除了本教程中提到的方法,大家也可以用偏移路径的方法来做,偏移路径的方法在嘉儿往期的教程中都有提到!

越努力,越幸运~!

 

看完教程咱们交作业咯!点我直达作业提交页面>>

原图地址:Dribbble

原图作者:MBE

教程作者:学UI网 – 嘉儿

转载请注明:学UI网 » 教你用AI制作萌萌哒的MBE风格图标(第一弹)【AI教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
AI打造线发光纤维效果AI打造线发光纤维效果
黄金比例Logo 【AI教程】黄金比例Logo 【AI教程】
字母人像插画组合视觉造型字母人像插画组合视觉造型
如何在AI中创建糖果怪物如何在AI中创建糖果怪物
噪点插画教程【PS教程】噪点插画教程【PS教程】
2.5D插画教程【AI教程】2.5D插画教程【AI教程】
平面设计创意365天 第二季共180集(海外同步更新中)平面设计创意365天 第二季共180集(海外同步更新中)
教你用AI+PS画一只可爱的小象教你用AI+PS画一只可爱的小象
平面设计创意365天 第一季共182集平面设计创意365天 第一季共182集
Ai大师课:Illustrator 2018教程共90集Ai大师课:Illustrator 2018教程共90集