What You'll Be Creating
复活节是一个春光妖冶的节日,众所周知的传统是复活节彩蛋。 它常日与温润,鲜活的色彩和春日的心情干系。 在这篇教程中,我们将通过利用基本的形状,路径查找器和一些新的Adobe Illustrator工具描述创建扁平化的复活节图标的过程。
除了制作复活节图标,这项技能也能用于创建任意类型的扁平图标或横幅。 你能在全体Envato Market创造许多类似的扁平化图片的例子已得到更多灵感。
1.制作复活节彩蛋图标
第1步
首先让我们制作彩蛋的底子。 选取椭圆工具(L)并制作一个70x70px的圆。 利用直接选择工具(A)选择其侧面的锚点并将其向下拉动一点,使底部的形状突出。 然后选择上面的锚点并向上拉动一点,使蛋的顶部变尖。
第2步
我们将利用一个有着柔柔颜色的春日调色板。你可以按住Shift键用滴监工具(I)直接选择从下面截图中选择所需颜色。
用黄色添补蛋底并复制到后面(Control-C > Control-B),由于我们往后可能须要。
现在让我们在蛋上面描述一些装饰饰品。 选取矩形工具(M)并制作一个70x15px的蓝色形状。
第3步
选取线段工具(\),按住Shift键制作一个具有描边宽度为3pt的粉色描边的水平形状。
让我们来对齐所有形状的鸡蛋。 全选(Control-A)并按住Alt键点击鸡蛋为了创建一个关键工具(你将会在它周围看到一个厚厚的选区)。转到排列面板并点击水平居中对齐。
第4步
现在让我们润色粉色的线。 选中它并转到效果>扭曲&变换>Z字形。 设置尺寸为5px,每段隆起数为7,点为光滑。
工具>扩展形状运用效果。
第5步
在蛋的底部添加另一个矩形并用绿色添补。 现在,让我们删除蛋表面的这部分矩形。 我们将利用Adobe Illustrator的新工具:整形工具(Shift-N)。 选取整形工具(Shift-N)并涂抹到你想删除的片段上。 在其他不想要的部分重复同样操作。
如果你利用的是Adobe Illustrator早期版本,试着利用形状天生工具(Shift-M)代替。 它险些相同——只是选择全部并按住Alt键点击不想要的片段。
我们也将考试测验利用另一种办法隐蔽后面几步不须要的部分。当我们须要制作另一个鸡蛋时,
第6步
选择润色的鸡蛋并工具>扩展它。 然后选择黄色的蛋与粉色的z形线并在路径查找器面板中划分它们,将形状分成相等的2半。
第7步
用俊秀的粉色添补被划特别形的上面部分。 选取椭圆工具(L)并制作一个5x5px的圆。 按住Alt-Shift并将圆向右拉动,创建一对拷贝。
第8步
现在蛋的基本样子已经完成,让我们添加一个扁平风格的阴影,覆盖蛋的一半。 将蛋的编组(Control-G),复制并粘贴到前面(Control-C > Control-F)。 保持复制层当选中,在路径查找器中合并,将其天生剪影。
利用线段工具(\)画一条垂直的线跨过蛋。将线对齐到蛋的剪影,制作蛋的关键工具。
保持线和蛋的剪影当选中,在它们在路径查找器中划分。
删除个中一个片段并转换剩余一半为正片叠底模式,使其半透明。
第9步
现在让我们制作另一个蛋!
我们已经有了一个底子,由于我们已经在第一步制作了一份拷贝。 将其移动到一旁并用橘色添补。 在顶部添加装饰性元素,并让我们想出另一种办法隐蔽我们不须要的部分。 再次复制基本形状(Control-C > Control-F)并将其置于顶层(Shift-Control-])。
选择全部元素,右击并制作剪接蒙板。 这时你得到它了!
第10步
让我们给蛋添加更多装饰性元素。 制作2个5x5px的圆在蛋黄色条纹上面,将它们放到靠近边缘的位置。 选择2个圆并利用波折工具(W)或者转到工具>波折>建立。 然后打开稠浊选项窗口(工具>稠浊>稠浊选项)并设置间距为精确步数值为3。
工具>扩展稠浊编组并在蛋的上端添加更多的圆,利用黄色添补。
第11步
当你知足这些结果,添加一个半透明的扁平阴影到蛋的个中一半。
组合蛋。 利用圆角矩形工具,为我们的图标制作一个浅绿色背景。
用矩形工具(M)制作一个方形并按住Shift键利用选择工具(V)将其旋转45。
用从浅绿到白色的线性渐变添补矩形,并转换其为正片叠底稠浊模式,制作一个半透明的长阴影。
第12步
复制浅绿色背景并将阴影放置到2个拷贝层之间。 利用剪接蒙板隐蔽长阴影不须要的部分。
太棒了!
我们第一个图标已经完成!
让我们开始下一个。
2.制作可爱的的兔子图标
第1步
制作一个70x70px的灰色的圆作为兔子的头。 利用直接选择工具(A)将侧边锚点向下移动一点,使头部轻微压扁。
现在让我们制作耳朵。 选取椭圆工具(L)并制作一个15x50px的椭圆。 将侧边锚点向上移动一点,使耳朵上端更宽。 保持形状当选中,转到工具>路径>偏移路径并设置偏移值为-5px,剩下其他选项为默认。 这样我们创建一个更小的形状作为耳朵的里面部分。
第2步
用粉色添补耳朵的里面的部分,将耳朵的部分编组并置于底层(Shift-Control-[)。双击旋转工具(R)并打开选项窗口并设置旋转角度值为-20度。
第3步
利用镜像工具(O)沿垂直对称轴翻转耳朵并点击复制,在头的另一边形成第二个耳朵。 你可以将耳朵编组并将它们头部对齐,使它们整体完美的居中。
将头部底子压扁一点。
第4步
利用椭圆工具(L)形成一对具有白色高光的深色光泽的眼睛和一个圆环鼻子。 选取剪刀工具(C)并点击鼻子两边的锚点,将其分为两半。
第5步
删除上半部分并将剩余的部分变成一个可爱的兔子鼻子。 按下X交流添补色和描边色。 设置描边宽度为2px并在顶部的掌握面板中改变可变的宽度的配置。 将鼻子创建2份拷贝并使它们稍微薄且浅,形成如下图所示的嘴。
第6步
让我们给头部添加一些浅浅的胡子来结束兔子的制作。 利用线段工具(\)制作一个具有宽度为1pt长度为9px的水平描边。 将胡子轻微旋转一点并将它们放置到脸的两边。
第7步
如我们之前做的一样,给兔子的头的一半添加一个扁平的阴影。 为背景天生一个圆角矩形并创建一个半透明的长阴影完成这个图标的制作。
如果你有一些为一个繁芜工具添加长阴影的困难,参考从第7部分,第一步以及之后的教程,以理解如何为我们的所需的形状添加长阴影。
图标设计
如何在Adobe Illustrator中创建一组扁平的动物图标
Yulia Sokolova
这样你就知道啦!
让我们移动到下一个图标!
3.制作一个可爱的小鸡图标
第1步
这次我们将描述一个破壳而出的可爱小鸡。 首先,利用之前我们学过的方法制作一个有少许条纹的条纹鸡蛋或用其他你喜好的元素装饰。
我们须要移除蛋的顶部,创建一个裂开的边缘。 在底部给蛋的底子保留一份副本,由于我们随后将须要它形成小鸡。
制作一条水平线穿过鸡蛋并运用效果>扭曲&变换>Z字形。 设置大小为4px,每段隆起数为7并设置端点为角度,使裂开的边缘尖锐。
第2步
工具>扩展Z字形的线并将其穿过蛋并放置到蛋的中央。 复制鸡蛋的蓝色底子,粘贴到前面(Control-C > Control-F)并一种将其置于前面(Shift-Control-]),放置到所有元素的上面。
选择Z字形和蛋的底子并在路径查找器等分开它们。 删除被分开形状的上面部分。
末了,选择全部,右击并剪接蒙板。 太好了!
一片裂开的蛋已经就绪。 让我们把小鸡放进去。
第3步
显示我们之前创建的蛋的底子,并用浅黄色添补作为鸡的身子。 紧缩形状为60x75px,使它更小一点。 用直接选择工具(A)选择2边的锚点并将它们向上拉动一点,使小鸡更圆。
第4步
选取多边形工具并单击画板的任意位置打开弹出的选项窗口。 制作一个15x10px的三角形作为喙并用橘色添补它。
结合2个三角形形成喙并将它们压扁形成得当的形状。 不要忘了添加一对闪亮的眼睛。 我们可以从兔子图标中复制它们。
第5步
利用椭圆工具(L)添加一对椭圆形的翅膀。 将鸡身体的复本放到翅膀的上面,并制作剪接蒙板隐蔽内侧不须要的元素。
第6步
末了通过添加一些如阴影和背景之类必需元素完成图标制作。 真棒!
让我们连续我们末了一个图标并完成我们的复活节设置!
4.制作一个礼品盒图标
第1步
首先让我们从一个 60 x 40 px的绿色矩形形成我们的盒子。 在盒子的顶部制作一个 65 x 15 px的橘色矩形。
第2步
现在让我们创建一条缎带穿过盒子。 选择盒子的部分并记住相互的形状高度。 你可以在变换面板中找到它。 在我们的案例中,它是55px。 制作一条大小为5 x 55 px的蓝色缎带,将其放置在盒子中央的右边。 在盒子的顶部制作一条更小的5 x 15 px的缎带,用深蓝色添补它。
第3步
利用铅笔工具(N)制作一个具有描边宽度为2pt的蓝色的蝴蝶结。
第4步
让我们给盒子装饰一些装饰品或图案。 复制盒子的底子并将其粘贴到前面(Control-C > Control-F)。
转到色板面板,打开色板库菜单>图案>基本图像>基本图像_线段。 找到10lpi 30%色板并点击添加水平线段图案。
第5步
保持材质形状当选中,双击旋转工具(R)并设置其角度为45度。 取消选择变换工具复选框并点击确定,改变条纹的方向。
第6步
让我们改变条纹的颜色使他们更符合我们整体的色调。 在色板面板中双击添加图案到其与图案模式分离。 在颜色面板中添加浅绿色的描边并在上方的事情区域中点击完成。
第7步
末了在通过添加深度阴影的和大略背景的帮助下来完成图标。
我们一组图标完成!
复活节快乐!
恭喜你!
我们完成一项伟大的事情,学会如何利用形状工具和利用基本图形以及路径查找器面板事情。 我们可以利用这些大略的方法扩展我们的设置并创建更多的扁平的复活节图标!
欢迎关注微信"大众号《平面设计ps教程cdr和ai教程 》 微信ID:xsjypmsj
逐日分享ps教程、AI教程、CDR教程、干货等等,学设计的路上不孤单!