• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > AI绘制精致的iTunes矢量图标

AI绘制精致的iTunes矢量图标

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了AI绘制精致的iTunes矢量图标,其中包含ai绘制logo,ai绘制ui图标,ai绘制iphone手机,ai绘制ui教程,如何用ai绘制网格等知识点,遇到此问题的同学们可以参考下
图标是UI(用户界面)设计领域的一个重要组成部分,本文以绘制iTunes图标为例,像的朋友们介绍如何使用Illustrator CS2中文版打造出精致的软件图标。其它版本的Illustrator在操作步骤上可能会略有差异,好了,下面我们一起来看看吧!

  

AI绘制精致iTunes矢量图标  AI教程

具体绘制步骤如下:

  1. 绘制基本形状

  首先需要使用Illustrtor的矢量绘图工具(如椭圆工具、钢笔工具等)绘制出如图1所示的基本形状,或者找一幅现成的图标图片置入到Illustrator中,描摹出轮廓。

图1

AI绘制精致iTunes矢量图标  AI教程

  2. 绘制音符

  制作一个平滑的椭圆。如图2所示,先绘制出3个基本形状,然后分别填充以由亮到暗的不同颜色,选择菜单命令“对象>混合>混合选项”,将“间距”设置为“指定的步数”,并将步数设置为128。选中3个对象后,按快捷键Ctrl + Alt + B或者执行菜单命令“对象>混合>建立”。

图2

AI绘制精致iTunes矢量图标  AI教程

  反射光

  绘制一个椭圆形,填充以黑白渐变色,确认黑色为全黑(C,M,Y,K=100),将它拖动到图2所示椭圆的上方,并在“透明度”调板中将混合模式设置为“滤色”(如果使用的是英文版,则选择混合模式为screen,有些朋友在读网上的教程文章时“滤色”和Screen对不上号,这里顺便帮您解决一下这个问题),如图3所示。

图3

AI绘制精致iTunes矢量图标  AI教程

  高光

  绘制一个较长的垂直矩形,以及一个拉长的椭圆,填充为深浅不同的颜色,并使用上面用过的方法混合两个图形,选中混合后的图形,移动到音符的左边,再按住Alt键的同时将其复制到右边,如图4所示。

图4

AI绘制精致iTunes矢量图标  AI教程

绘制一条路径,并填充以三色的渐变色,移动到如图5所示的位置。

图5

AI绘制精致iTunes矢量图标  AI教程

  使用相同的混合方法绘制其它高光部分,同样要将颜色模式设置为“滤色”,如图6所示。

图6

AI绘制精致iTunes矢量图标  AI教程


  3. 绘制CD

 使用工具箱中的“渐变工具”填充CD图形,设置为白色到灰色的渐变色,如图7所示。

图7

AI绘制精致iTunes矢量图标  AI教程

  彩虹渐变

  绘制如图8左图所示的多个线条,并设置不同的描边颜色。确认第1条和最后1条为白色,因为这两条将要设置为透明。使用“混合工具”从左到右依次单击每个线条的边缘,制作出彩虹渐变,效果如图8右图所示。

图8

AI绘制精致iTunes矢量图标  AI教程

  蒙版

  使用CD图形蒙版上面制作出的彩虹渐变图形,方法是选中图形后,按快捷键Ctrl+7或执行菜单命令“对象>剪切蒙版>建立”。在“透明度”调板中将混合模式改为“正片叠底(Multiply)”,并将“不透明度”设置为26%,如图9所示。

图9

AI绘制精致iTunes矢量图标  AI教程

  重复上面的步骤,制作另一个彩虹渐变,如图10所示。

图10

AI绘制精致iTunes矢量图标  AI教程

4. 绘制音符的倒影

绘制3个椭圆形,填充以不同的颜色,如图11左图所示,确认最外面的路径为白色,这将导致一个发光效果。选择所有3条路径,然后执行菜单命令“对象>混合>建立”,或者按快捷键Ctl+Alt+B。

图11

AI绘制精致iTunes矢量图标  AI教程

  将混合得到的图形拖动到左边音符的下方,将在“透明度”调板中将混合模式设置为“正片叠底”,“不透明度”设置为37%,如图12所示。按住Alt键的同时拖动该图形,将其复制到右侧音符的下方。这里可能需要修改音符倒影的排列顺序,方法是在图形上单击右键,从弹出的菜单中选择“排列>后移一层”。

图12

AI绘制精致iTunes矢量图标  AI教程

  5. 绘制投影效果

  最后一步是为CD图形应用投影效果。选中CD路径,然后执行菜单命令“效果>风格化>投影”,并在“投影”对话框应用如图13所示的设置。

图13

AI绘制精致iTunes矢量图标  AI教程

  最终效果 这就是最终的iTune图标

AI绘制精致iTunes矢量图标  AI教程

教程结束,以上就是AI绘制精致的iTunes矢量图标方法图解,大家学会了吗?希望这篇文章能对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • ai怎么绘制一个逼真的网球?
  • Ai怎么绘制一款精致的APP图标?
  • Ai怎么绘制超薄时尚款MP3图标?
  • ai固定比例的圆怎么绘制?
  • ai怎么快速绘制漂亮的四叶草图片?
  • AI绘制非常漂亮的铅笔书包等教学相关图标
  • AI绘制高逼格的锥形渐变
  • AI仅需几步绘制四叶草
  • AI绘制一个立体logo效果标志
  • Ai怎么绘制一个简单可爱阿狸的头像?

相关文章

  • 2017-05-23Ai中计时器的图标该怎么绘制?
  • 2017-05-23Illustrator旋转扭曲工具制作漂亮的花纹
  • 2017-05-23AI简单绘制一个星形足球标志
  • 2017-05-23Ai怎么绘制一款简单的手机应用图标?
  • 2017-05-23ai怎么制作绚丽的太阳花矢量图?
  • 2017-05-23AI画笔工具绘制男性人物肖像教程
  • 2017-05-23Ai怎么绘制一个带放大镜的搜索小图标?
  • 2017-05-23Illustrator绘制卡通风格的应用程序动物图标
  • 2017-05-23Illustrator 绘制彩色的花斑山雀
  • 2017-05-23教你用Illustrator快速简单的制作CCTV电视台标志

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Illustrator简单绘制漂亮的光盘教程
    • AI绘制一只可爱的打坐卡通奶牛
    • AI绘制百度云的标志logo
    • illustrator制作超漂亮的潮流海报字体
    • Illustrator绘制一幅精细的抽象效果的桌面壁纸
    • 不到一分钟 Ai快速绘制立体星形
    • 世界杯专题:用Illustrator绘制超酷的世界杯足球
    • AI绘制简洁的几何线型图标
    • Illustrator怎么文字编组呢?
    • AI绘制一个清新超强质感进度条

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有