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

Hey~ 大家好,今天是10月的最后一天,马上就要进入寒冷的11月了,双十一要来了呢~ 不知道大家的钱包准备好了没?反正我是准备好了!这个十月你努力了没有呢?抓住最后一天的小尾巴,跟着嘉儿来做一个MBE的小图标吧~!

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

现在开始吧!

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

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

第二步、创建3个图层

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第四步、为UFO上色!

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

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

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

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

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

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

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

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

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

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

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

恭喜你,完成啦!

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

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

越努力,越幸运!

原图地址:Dribbble

MBE

教程作者:学UI网 – 嘉儿

(0)

相关推荐

  • 圆润可爱MBEstyle!教你绘制MBE风格图标

    能修炼到自创一种风格的人绝不简单,Dribbble大神MBE就开创了一种新的视觉风格,大家于是把这种风格叫做MBE风格,用这种风格来创作图标或小型插画,看上去简洁.圆润.可爱.几乎是瞬间,这样的风格就 ...

  • mbe风格图标绘制【做作业】

    我想很多同学在各大设计网站看到过那种卡通可爱风格的图标吧!今天我们就随大流来做一做这样的作业吧~~ 注意: 颜色的搭配 造型的制作 要求:提交的作业在背景的右下角或评论框署名,格式为:(N群-XX) ...

  • 怎么用ai制作烟雾效果

    用ps制作烟雾,我相信很多人都会.ps有个涂抹工具,稍微修饰下,烟雾很容易就制作出来了.那么ai怎么制作烟雾效果呢? 下面跟夏夏一起来看下吧! 用ai制作烟雾效果的步骤: 01 打开ai的软件,执行菜 ...

  • 教你用AI创造出超可爱的复活节彩蛋【AI教程】

    小编:大家好!距离立秋已经过去一周了,有没有坚持每天进步一点点呢?一定不能偷懒哦!今天嘉儿分享给大家的是一个用AI制作复活节图标的教程,复活节是一个春光明媚的节日,众所周知的传统是复活节彩蛋,它通常与 ...

  • 教你用AI创建出一套APPLE产品图标!【AI教程】

    小编:Hello大家好!还有一周就要开学了呢~ 嘉儿自己也是刚刚升大四,马上就要去学校了呢,但暑期的时间也有坚持用来学习,所以此刻屏幕前的你也一定不能偷懒哦!今天嘉儿为大家分享的是一个用AI创作一套A ...

  • 如何用AI制作充满科技感的点状漩涡图

    这里教大家如何用AI制作充满科技感的点状漩涡图,比较适用于背景的制作.比较简单 操作方法 01 新建画布,画个半圆,方法有许多种,我使用的是先画整个圆,之后通过剪刀工具,剪出半个圆.如图,先画个正圆. ...

  • AI制作中国联通标志教程

    作者朝夕相处58教你如何使用AI制作联通的标志 有AI方面学习的疑问可以给我留言~ 操作方法 01 使用"圆角矩形工具",首先画一个圆角矩形,然后把描边设置的稍微粗一些,20pt比 ...

  • 如何用ai制作可爱小熊猫

    熊猫是我们国家的国宝,它肉嘟嘟的,很萌很萌的样子,小编十分的喜欢它,相信大家也应该十分喜欢我们萌萌哒的熊猫,今天小编就教大家:如何用ai制作可爱小熊猫. 操作方法 01 打开我们的电脑,接着我们打开我 ...

  • 教你用PowerPoint制作文艺相框

    今天小编来教大家简单使用PowerPoint制作文艺相框,让你PPT中图片展现出独特风格,而且操作也非常简单哦!一起来学习一下吧。 PPT技巧 教你用PowerPoint制作文艺相框 第一步:插入图片 ...