AI设计制作复活节图标UI设计教程(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:醉小帅

关键词

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

a88756f773ea6ac72579483d9ef4.jpg

第七步:

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

f11a56f7740632f875a944e7a023.jpg

第八步:

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

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

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

cf7656f774216ac725794837bc68.jpg

第九步:

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

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

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

5f2956f7744a32f875a944f61e04.jpg

第十步:

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

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

b40656f7746a6ac7257948e53cd3.jpg

第十一步:

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

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

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

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

041756f7748e6ac7257948cb9780.jpg

第十二步:

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

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

610356f774af32f875a944e9e88e.jpg

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

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

 收藏