Illustrator绘制时尚扁平化风格的复活节彩蛋图标

  发布时间:2016-03-28 15:11:15   作者:佚名   我要评论
本教程主要使用Illustrator绘制时尚扁平化风格的复活节彩蛋图标,里面有很多的AI绘制技巧和基本知识,教程很不错,推荐到程序员之家,一起来学习吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

今天小编为大家分享Illustrator绘制时尚扁平化风格的复活节彩蛋图标方法,教程绘制出来的图标非常漂亮,难度不是很大,很值得大家学习,一起来看看吧!

复活节是一个可爱的属于春天的节日,以它传统的彩蛋而为人所知。通常让人将它与温暖、丰富的色彩和春天般的心情联想在一起。在本篇教程里面,我们讲通过对制作过程的详解,通过运用基本的形状,路径查找器和一些新出现的AI里面的工具来制作本次课程的复活节彩蛋。

当然,除了在制作复活节彩蛋的制作过程中会运用到,这些技术同样可以被运用在制作任何类型的平面图标或者平面banner方面。通过Envato Market,你能够找到很多类似的平面图形的例子以便激发你更多的灵感。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

1.制作喜庆的复活节图标

第一步:

让我们从制作一个鸡蛋的基本形状开始吧!使用椭圆工具(L)得到一个70X70px的圆。用直接选择工具(A)选中侧边的锚点然后往下拖拽他们一点点,制作出底部形状膨胀的效果。接着选中最上面的锚点并拖拽它往上,制作出鸡蛋的顶部的点。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第二步:

我们将运用带有暖色色调的明亮的春天性质的色彩,你可以直接使用吸管工具(I)按住shift键从下方的屏幕截图中得到(这个颜色)。用黄色填充鸡蛋的基本型,为了以后我们可能用到这个颜色,可以拷贝复制(ctrl+c->ctrl+b)一份。

现在让我们一起来添加一些装饰性的元素在鸡蛋的上面。使用矩形工具(M)制作一个70X15px的蓝色形状。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第三步:

使用线段工具(\)工具,按住shift键制作一条水平3pt(3个点的宽度)的

粉红色的线条形状。让我们将所有的形状和鸡蛋对齐。选中所有的形状元素(ctrl+a)然后按住Alt键去点击鸡蛋(按住Alt键是为了将它选定为关键对象,你会看到在鸡蛋周围有一圈厚厚的选中区域。)进入对齐面板点击水平居中对齐。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第四步:

这一步让我们来给你粉红色的线条造型。选中它然后执行效果->扭曲变形->锯齿。设置大小为5px,每7个点为一个脊线,并且平滑点。

接着执行对象->扩展命令,效果就得以运用在形状上了。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第五步:

再添加一个矩形到这个鸡蛋的底部并且用绿色填充。现在让我们这个矩形中那些位于鸡蛋外部的部分。我们将使用AI的一个新的工具:刨刀工具(shift+n)。

使用这个工具然后在你想要删除的部分上面涂画,就可以了。重复相同的动作在你其它不想要的地方。

我们将在后面的制作另一个鸡蛋的操作中尝试另外的方法去移除掉你所不需要的部分。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第六步:

选中已经造好型的鸡蛋,执行对象->扩展。接着同时选中鸡蛋中间的黄色部分和粉红色波浪线条然后在路径查找器中分离它们,使得它们成为两个单独的部分。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第七步:

用一个漂亮的粉红色填充刚才分离得到的上面部分的形状。使用椭圆工具(L)制作一个5X5px的圆圈。按住Alt+shift键拖拽这个圆到右边,然后复制几个。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第八步:

现在鸡蛋的基本形状已经出来了。让我们来添加一个扁平风格的阴影,盖住鸡蛋的一半。将鸡蛋所有的部分打组(ctrl+g),复制粘贴放在前面层(ctrl+c->ctrl+f)。保持复制的部分处于选中状态,在路径查找器中执行合并命令,让这个鸡蛋成为关键对象。

选中这根线和鸡蛋的轮廓,在路径查找器中分离它们。

删除掉一半,将另一半以相乘模式、半透明显示。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第九步:

让我们再来做一个鸡蛋吧。

我们已经有了一个基本型,因为我们在第一步的时候已经做了拷贝(还记得吗?)。将它(拷贝的)移动到一边用橘黄色填充。在它的最上层添加装饰性的元素,让我们用另外一种方式来观察(我们影藏掉不需要的部分)。再一次复制这个基本型(ctrl+c->ctrl+f)然后移动它到最上层(shift+ctrl+]).(建议初学者一定要熟悉这些基本的快捷键~译者温馨提示)

选中所有的元素,右键单击添加剪切蒙版!这一步就交给你自己来做了!

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第十步:

让我们在这个鸡蛋上再来加入更多的装饰元素吧!在鸡蛋的黄色条纹上做出两个5X5px的圆,将它们移动到黄色条纹的边缘。选中这两个圆执行混合工具(M)或者对象->混合->生成命令(任选其一)。接着打开混合选项窗口(对象->混合->混合选项)设置指定步骤的间隔值为3。

对象->扩展命令施加给这个混合组。接着添加更多的圆在鸡蛋的最上层,填充黄色。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第十一步:

当你已经对现在的效果满意了以后,添加一个半透明的扁平化阴影给这个鸡蛋的其中一半的部分。

合并鸡蛋。使用圆角矩形工具给我们的图标制作一个亮绿色的背景。

用矩形工具(M)制作一个正方形,然后使用选择工具(V)按住shift键将正方形旋转45°。

添加一个从亮绿色到白色的线性渐变填充这个矩形,设置叠加模式为相乘混合模式(也就是制作出一个半透明的长投影)。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第十二步:

复制这个亮绿色背景并且在这两个复制出来的形状之间移动这个投影。使用剪切蒙版来影藏这个长投影中我们所不想要的部分。

很不错哦!我们第一个图标已经制作完成!让我们接着做下一个吧!

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

温馨提示:教程进行到这里,对刚入门的朋友帮助还是很大的,这里面有很多的基础知识和一些比较实用的技巧,希望各位能有所有所收获。

1.制作一个可爱的兔子图标

第一步:

为兔子的头制作一个70X70px的灰色的圆。实用直接选择工具(A)移动圆边上的锚点往下一点点来让这个头有轻微的挤压感。

现在我们来做耳朵。使用椭圆工具(L)制作出一个15X50px的椭圆。将它两边的锚点向上移动一点点,使得耳朵的上面部分更宽一点。选中这个形状,执行对象->路径->偏移路径命令,设置偏移值为-5px,其余的选项默认。通过这种方式我们就在耳朵的里面创建了一个更小的耳朵的形状。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第二步:

用粉红色填充耳朵的里面部分,给耳朵的这两个部分打组并移到最底层(shift+ctrl+[)。双击旋转工具(R)来打开选项窗口,设置旋转角度值为-20°。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第三步:

使用镜像工具(O)水平方向镜像选项,点击复制,得到头部另外一边的耳朵。你可以将这两只耳朵打组并将它们和头部对齐,并将它们整个居中。

将头部再压扁一点。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第四步:

使用椭圆工具(L)来制作一对带有白色高光的有光泽的黑色眼睛以及用一个圆来表示鼻子。用切刀(C)工具点击鼻子两边的锚点,使得鼻子分离成两半。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第五步:

删除掉上半部分,将保留的部分制作成一个可爱的兔子的鼻子。按X键去 调换填充和描边颜色。 设置描边为2px并在顶部的控制面板里更改宽度。复制两个鼻子,将它们做得更纤细颜色更亮一些,形成如下面截图所示一样的兔子的嘴。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第六步:

让我们通过添加细小的胡须到头部来结束我们的兔子的绘制吧!使用线段工具(\)制作一个垂直的9px填充,1pt描边的线段。旋转胡须一点点,将它们添加到兔子脸的两边。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

第七步:

直接添加一个扁平风的投影给兔子头部的其中一半(因为我们之前已经做了)。使用圆角矩形工具做一个背景并做一个半透明的长投影,我们这个图标的绘制就结束了。

Illustrator绘制扁平化风格的复活节图标,PS教程,思缘教程网

教程结束,以上就是Illustrator绘制时尚扁平化风格的复活节彩蛋图标教程,希望大家通过本篇教程能有所收获!

相关文章

  • AI绘制一套扁平化风格的职业头像图标

    这篇教程是向程序员之家的朋友分享AI绘制一套扁平化风格的职业头像图标方法,教程绘制出来的图标非常漂亮,难度也不是很大,推荐到程序员之家,喜欢的朋友快快来学习吧
    2016-01-12
  • AI结合PS两分钟制作扁平化长投影教程

    这篇教程是向程序员之家的朋友介绍AI结合PS两分钟制作扁平化长投影方法,教程非常简单,对于新手来说是个很不错的学习教程,推荐到程序员之家,喜欢的朋友一起来学习吧
    2015-10-18
  • AI 1分钟5步简单快速制作扁平化长投影

    这篇教程是向程序员之家的朋友介绍AI 1分钟5步简单快速制作扁平化长投影方法,教程制作出来的长投影非常的不错,方法也很简单,推荐过来,大家一起来学习吧
    2015-05-01
  • AI绘制漂亮质感的扁平化宝石图标

    本篇教程是向程序员之家的朋友介绍利用AI绘制漂亮质感的扁平化宝石图标过程,教程制作出来的宝石图标非常的漂亮,难度也不是很大,推荐到程序员之家,喜欢的朋友可以跟着教程一
    2014-10-18
  • Illustrator绘制6组不同扁平化风格的动物卡通头像教程

    这篇教程是向程序员之家的朋友分享Illustrator绘制6组不同扁平化风格的动物卡通头像方法,教程绘制出来的动物卡通头像非常漂亮,推荐过来,一起来学习吧
    2016-01-18
  • Illustrator绘制扁平化风格的黑色皮肤外科医生头像

    这篇教程是向程序员之家的朋友分享Illustrator绘制扁平化风格的黑色皮肤外科医生头像方法,教程绘制出来的效果还是挺不错的,很值得大家学习,推荐过来,大家快快来学习吧
    2016-01-18
  • Illustrator绘制清新简单的扁平化风格的海报字体教程

    这篇教程是向程序员之家的朋友介绍Illustrator绘制清新简单的扁平化风格的海报字体方法,教程绘制出来的字体非常漂亮,难道也不是很大,推荐到程序员之家,大家一起来看看吧
    2015-11-09
  • Illustrator制作超酷的字母扁平化长阴影效果

    这篇教程是向程序员之家的朋友介绍利用Illustrator制作超酷的字母扁平化长阴影效果方法,教程制作出来的效果非常地不错,教程难度不是很大,推荐到程序员之家,喜欢的朋友可以
    2014-11-25
  • 用Illustrator设计扁平化风格的飞镖图标

    本教程是向大家介绍利用Illustrator设计扁平化风格的飞镖图标火车,绘制效果非常不错,教程难度一般,介绍的也非常详细,喜欢的朋友可以跟着一起学习一下
    2014-07-02
  • Illustrator绘制漂亮的扁平化风景插画教程

    这篇教程是向程序员之家的朋友分享Illustrator绘制漂亮的扁平化风景插画方法,教程绘制出来的插画非常漂亮,操作很简单的,一起来学习吧
    2016-05-27

最新评论


http://www.vxiaotou.com