AI教程!在Illustrator中创建一个扁平化矢量星球

分享到:更多 ()

扁平化风格在网页设计的场景是非常受欢迎的一种设计方式!在今天的ai教程中,我将向您展示如何用Adobe Illustrator创建一个矢量化外空间场景扁平化星球图案。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

上面这个是我们将在本教程中所要创建的作品,具有一个简单的外空间场景与行星。那么现在我们开始进行绘制吧!

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

首先在Adobe Illustrator里创建一个新文件。

画一个矩形覆盖整个画板上产生的设计背景。给这个矩形填充深蓝色(# 1e1e3a),可在工具栏的底部双击填充框。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

然后在画板上画一个细长的矩形。

打开智能参考线(视图>智能参考线),然后按住ALT和SHIFT拖动矩形,可重复直到底部下对齐。智能参考线使它更容易捕捉到的形状位置。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

按住Ctrl+ T(对象>变换>快捷方式再次变换)来创建一系列对齐的矩形形状。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

用选择工具,然后调整每个矩形的宽度的,同时按住Alt键,在一个宽的和窄的形状之间交替进行,缩放每一个到一个随机的大小。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

当所有的形状都是不同的长度,所有这些选择和点击路径组合选项合并成一个对象。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

切换到直接选择工具(版本CS6 +),单击并拖动控件到角落圆角。如果是在旧版Illustrator用户可以使用效果>风格化>圆角菜单找到复制这种效果在一个合适的值。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

选择:对象>变换>旋转并输入一个值,如25°,然后改变对象的颜色中蓝色(# 313166)和规模的形状。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

移动并单击“背景矩形”,将其添加到选定区域,然后从工具栏中激活形状生成器工具,按住Alt键并单击区域的矩形外夹形状的画板大小。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

减少该对象的不透明度到20%左右,在背景中创建一个微妙的颜色变化。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

按住Shift的同时拖动椭圆工具在画板上的其他地方创造一个完美的圆。并给它填充如一个明亮的青色(# 0ceef4)。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

选择矩形工具,并使用相同的过程之前,创建一系列完美的对齐的形状,然后调整大小的每一个。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

合并形状,然后把角拖动角手柄(或小圆角的效果)。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

选择:对象>变换>旋转并输入角度为25°,然后缩放并将该形状定位于圆形,允许从左下角的线进入。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

变化的线对象,暗蓝色的填充色(# 34bfd6),然后产生一个简单的平面式遮阳效果。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

选择两个形状,然后使用该形状生成器工具来修剪将其延伸到圆形外轮廓的线对象。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

取消选择形状,然后选择刚才主行星圈。选择:效果>风格化>外发光。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

改变颜色为亮青色(# 0ceef4),100%的不透明度和大小约20mm形成柔和的辉光。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

重复整个过程,创建一个第二个行星或一个月球。这次用不同的颜色如红色或黄色。我用# e517be和# af2b83黑暗的阴影。记得添加外发光效果,但与一个较小的大小来匹配的月球/行星的规模。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

画一个白色的小圆圈的地方在画板上,然后选择:效果>扭曲和变换>收缩和膨胀。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

拖动滑块到约-85%,折叠端形成一个星型。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

添加外发光效果,但白色的颜色和一个更小的模糊大小约2mm。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

点击符号面板底部的新图标,以创建一个新的符号。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

从工具栏中选择符号喷枪工具,然后单击并拖动来添加多个恒星整个画板。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

切换到符号缩放工具从符号喷枪的子菜单,然后按住Alt键的同时拖动工具在形状收缩它们的大小。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

选择主背景矩形,按Ctrl + C复制,然后Ctrl + F贴在前面。选择这个形状,以及符号元素,然后单击右键菜单中的剪贴蒙版。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

星星会出现在行星和月亮的上方,所以通过选择 排列>发送到后面,从而改变堆叠顺序,然后提出,所以他们坐在上面的背景矩形。

最美ui AI教程!在Illustrator中创建一个扁平化矢量星球 zuimeiui.com

最终的结果是一个很酷的简单的外太空间场景+扁平化矢量图就出来了。

 

原文:blog.spoongraphics

译者:最美ui-jack

 

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » AI教程!在Illustrator中创建一个扁平化矢量星球

0
分享到:更多 ()