相关分类
AI实例教程
AI技巧
AI脚本运用
illustrator视频教程
飞特网 顶部通栏广告

AI绘制质感电池图标

d7398928发布于:2013-11-5 10:37 |原作者: 浓浓浓浓(翻译)|
简介: 教程将向朋友们介绍AI绘制质感电池图标效果的方法,这篇AI实例教程是一篇国外翻译教程,制作过程介绍的比较详细,完成的效果也很漂亮,喜欢的朋友快来学习一下吧! ... ... ... ... ... ...
在这篇AI实例教程中,我们将学习制作一个类似于iphone上面的电池图标,它的"燃料"颜色和级别都可以更改。制作方法介绍的比较详细,感兴趣的朋友可以尝试制作一下!
最后效果

FEVTE编注:更多 AI教程讨论及AI作品交流请到飞特论坛AI交流区:https://www.fevte.com/forum-52-1.htm

下面我们开始学习制作过程:
STEP 1

先新建一个文档,把背景设成黑色。设成任何尺寸都可以,我的是600px乘以400px的。我们先做这个电池尾部的金属帽。首先先画出它的形状,就像下面的这样。过渡颜色为90%灰度的灰色,白色和黑色。此外,要给对象1px的羽化,并把透明度调为75%。


STEP 2
复制(ctrl+C)这个对象然后直接把它粘贴到前面(ctrl+F)。然后按向右的箭头将它轻移1px。它的渐变是80%的灰色,黑色,80%的灰色。然后把透明度调整到100%。然后把外观拖到下面的小垃圾桶以去除羽化。

STEP 3
在两边加一些高光,用钢笔画2个下面这样的形状,把它们填充为白色,然后把上面的高光透明度调到75%,下面高光的调到25%。同样的,给它们2px的羽化。

STEP 4

它可能不是很明显,看起来像没有一样,但是我们还是要给这个金属添加反射。用钢笔画出下面的形状。上面是白色,下面是90%的灰色,然后同样给它1px的羽化。下面的反射,按照下图画出另外一个形状,渐变颜色是白色到黑色,羽化1px,然后将透明度降为50%。


STEP 5

现在我们开始制作电池的透明部分。首先用钢笔画出下图的形状,完成后用白色填充,将透明度降为50%。提示:一个绘制形状简单的方法就是先画出一半的开放路径,然后复制粘贴,将形状翻转,建立另一半。最后将这些形状连接就可以了,这也保证了图形是对称的。


STEP 6
现在,我们本可以用一个简单的黑灰色的渐变填充这个形状,但是我们要使用一个不透明的蒙板去代替,这样就可以在我们做好的时候,随意的去更换背景了。建立蒙板,复制并粘贴这个形状到原来的上面。把它的透明度调到100%,然后将它的透明度调到下面图的样子。左面滑块是50%的灰,右面是黑色。


1234下一页
95

好评
27

差评

刚表态过的朋友 (122 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

发表评论

最新评论

引用
bameixg发布于:2017-11-1 10:51
 


引用
pslyy发布于:2017-9-3 16:53

希望能再详细一点就好了。比如画那些小的形状,总是画不好,凑合吧。嘿嘿。

引用
lucy-yuan发布于:2017-9-1 17:23

引用
微笑笑发布于:2016-10-29 17:22

交作业~虽然做的好丑啊 

引用
设计师—德尔佳发布于:2016-10-18 17:32

引用
王大可发布于:2016-10-15 09:19

引用
如果前世发布于:2016-7-12 15:03

引用
纪雄彬发布于:2016-5-14 15:47
回复 赤红之瞳说的: 电池的投射怎么制作出来的?
复制一个电池放在下面,在电池上方建立一个填充黑白色的矩形,选中两者,建立不透明蒙版即可 
引用
无刺刺猬2011发布于:2014-11-22 00:39

引用
赤红之瞳发布于:2014-11-17 10:25
电池的投射怎么制作出来的?
引用
larva发布于:2014-9-7 19:16

引用
廖源锋发布于:2014-4-17 12:20
好强大
引用
血法师发布于:2014-4-10 14:21
前三页完全可以当做一个透明水杯或者气泡的教程,比电池还好。
引用
摄氏┽○℃发布于:2014-2-28 01:45

交作业了

引用
马村之子发布于:2014-1-12 12:46
ai好强大啊,真厉害
引用
与世无争发布于:2014-1-10 09:23

 

作业

引用
依萱发布于:2013-12-30 17:09
不错!学习了!
引用
平面算计发布于:2013-11-18 20:58
质感不错哦!
引用
一眼万年发布于:2013-11-12 15:44
学习了,非你莫属的应聘者也做了这个电池图标
引用
love宝贝发布于:2013-11-5 10:36

查看全部评论(28)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计