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

AI绘制矢量的电影图标教程

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

佚名 向大家分享了AI绘制矢量的电影图标教程,其中包含矢量图标ai,ai矢量图怎么导出,ai矢量教程,ai如何画矢量图,ai矢量图等知识点,遇到此问题的同学们可以参考下

这篇教程教的AI FANS们用AI绘制矢量电影图标,教程难度中等,适合有一定AI基础的朋友们学习AI的网格工具等工具的使用!~

最终效果查看

下面的就是我们要做的图标的最终效果图。

AI绘制矢量电影图标  AI教程

步骤 1

创建一个新文件。用矩形工具(M)创建一个宽190px高150px的矩形。

AI绘制矢量电影图标  AI教程

步骤 2

选中长方形点对象>路径>偏移路径打开位移路径对话框。将长方形位移值设置为16px。

AI绘制矢量电影图标  AI教程

 

步骤 3

将两个长方形选中,然后点滤镜>风格化>圆角,然后改圆角半径为8px。

AI绘制矢量电影图标  AI教程

步骤 4

将大的矩形在渐变面板中进行线性渐变。在第一个渐变滑块上改变颜色为50%的黑,在第二个滑块上改成80%的黑。

AI绘制矢量电影图标  AI教程

步骤 5

将小的矩形复制(Ctrl+C)并贴在前面(Ctrl+F)。下一步,用椭圆形工具建一个宽是385px高是230px的椭圆形。将椭圆形的地步垂直的放在长方形的一半上,位置可以参考下面的图。

AI绘制矢量电影图标  AI教程5

步骤 6

选中新复制的小矩形和椭圆形,然后从路径查找器面板中点与形状区域相减按钮。然后点扩展按钮。

AI绘制矢量电影图标  AI教程6

步骤 7

选中原小矩形填充为线性渐变,改变第一个滑块的颜色为浅点的青绿色第二个滑块为深点的青绿色。用渐变工具(G)并且从长方形的顶部拖到中间,浅点的青绿色在矩形形的顶部,也可以直接在角度文本框输入-90。

AI绘制矢量电影图标  AI教程7

步骤 8

选中步骤6剪出的图形并且填充为线性渐变,改变第一个滑块为青绿色第二个滑块为更深的青绿色,调节渐变以使深的青绿色在图形的上面。

AI绘制矢量电影图标  AI教程8

步骤 9

选中大的长方形和小的长方形让偏移2px。选择偏移后的两个图层,填充为线性渐变。改变第一个滑块颜色为75%的黑第二个滑块为90%的黑。用渐变工具(G)调节渐变以使渐变中浅点的一侧在图形的右侧。

AI绘制矢量电影图标  AI教程9

步骤 10

下一步我们要创建场记板上部的部分。用矩形工具(M)做一个宽是240px高是28px的长方形。

AI绘制矢量电影图标  AI教程10

 

步骤 11

给这个矩形填充线性渐变。在渐变滑动器的下面增加一个滑块。改变第一个滑块的颜色为20%的黑色,第二个滑块为白色,最后一个滑块为20%的黑色,改变第二个滑块的位置为8%,用渐变工具(G)调节为下面最下图的样子。

AI绘制矢量电影图标  AI教程11

步骤 12

画一个宽16px高64px的矩形。用选择工具(V)放在矩形的右上角上直到有旋转箭头出来可以旋转,当你旋转的时候,按住Shift键旋转45度,然后把它放在上一个矩形的左边,如下图。

AI绘制矢量电影图标  AI教程12

步骤 13

用选择工具(V)选择矩形,拖动过程中按住Shit和Alt键拖到矩形的右边,Shift是让矩形沿直线移动,Ctrl是复制矩形。

AI绘制矢量电影图标  AI教程13

步骤 14

选择两个矩形然后点对象>混合>建立(Ctrl+Alt+B)。混合以后在两者之间应该出现3个图形。我的默认值正好是3个。如果你不是,需要点对象>混合>混合选项并且在打开的混合选项对话框中设置指定的步数为3。然后执行对象>扩展来扩展这个混合图形。

AI绘制矢量电影图标  AI教程14

步骤 15

复制(Ctrl+C)长矩形并且把他贴在前面(Ctrl+F)。选中混合的矩形和新复制的矩形,在路径查找器(Shift+Ctrl+F9)面板中点与形状区域相交按钮,然后点扩展。

AI绘制矢量电影图标  AI教程15

步骤 16

把扩展以后的间隔图形填充为四个滑块的线性渐变。改变第一个滑块为100%的黑色,第二个滑块为75%的黑色,第三个滑块为85%的黑色,第四个滑块为63%的黑色。改变第二个滑块的位置为13%,第三个滑块的位置为47%,用渐变工具(G)调整渐变为垂直方向使深颜色的滑块在混合图形的顶部,参照下图。

AI绘制矢量电影图标  AI教程16

步骤 17

选择间隔图形和矩形,按住Alt拖动图形在上面复制一个,保持复制图形的选择状态,从变换面板中的弹出式菜单中选择水平翻转,然后在变换面板中设置旋转角度为10,参照下图中的样子,如果不同的话可以移动调节一下。再将两个图形群组(Ctrl+G)。

AI绘制矢量电影图标  AI教程17

步骤 18

从工具面板中选择星形工具并且在页面中点击一下出现星形对话框。改变半径1为30px,半径2为15px,角点数为3,然后用选择工具(V)将星型向右旋转90度。

AI绘制矢量电影图标  AI教程18

步骤 19

用滤镜>风格化>圆角命令将三角形的圆角设置为8px。在变换面板中设置宽为36px高为41px。

AI绘制矢量电影图标  AI教程19

步骤 20

把三角形复制(Ctrl+C)一个,并且贴在前面(Ctrl+F)。建立一个宽为60px高为52px的椭圆形。把它放置到三角形的上面,让它的底部放到三角形的中间位置。选择复制的三角形和椭圆形然后让他们相交,我们要用两者相交的部分做高光。

AI绘制矢量电影图标  AI教程20

步骤 21

选择三角形的高光部分,给它填充线性渐变。改变第一个滑块为浅灰蓝色,第二个滑块为灰蓝色。调节渐变以使浅的颜色在顶部。给三角形填充线性渐变,改变第一个滑块为灰蓝色并且第二个滑块为深灰蓝色。调节渐变以使深颜色的部分在三角形的顶部。

AI绘制矢量电影图标  AI教程21

步骤 22

建一个宽和高各为5px的正圆形,并且给它填充线性渐变。改变第一个滑块为浅蓝色,第二个坏块为深的灰蓝色。调节渐变以使浅的部分在渐变上部,选择圆形,向内偏移1px,然后调节偏移图形的渐变以使深的颜色在渐变上部。

AI绘制矢量电影图标  AI教程22

步骤 23

放置圆形到三角形的左上部,拖动复制一个圆形到三角形的左下部。

AI绘制矢量电影图标  AI教程23

 

步骤 24

放置全部做好的三角形到早前做的场记板上面。

AI绘制矢量电影图标  AI教程24

步骤 25

放置好后,我们做这个关节的阴影部分,用直接选择工具(A)选下面的三角形复制一个。改变复制图形的颜色为百分之八十的黑色,并且把它放置到原三角形后面。用选择工具(V),调节为下图所示。

AI绘制矢量电影图标  AI教程25

步骤 26

选择场记板顶部的图形并且放置到主体的上部。

AI绘制矢量电影图标  AI教程26

步骤 27

现在我们可以在场记板的蓝色部分加一些文字。对主要的V字我用Georgia 字体并且下面的文字用Helvetica Light字体。不管你想用什么字体,放置到合适位置,并且点文字>创建轮廓(Shift+Ctrl+O)。

AI绘制矢量电影图标  AI教程27

步骤 28

我们要让“V”字也具有反光,复制(Ctrl+C)蓝色图形下面的图形并且贴在前面(Ctr+F),然后复制“V”字也是贴在前面。选中两个复制的图形,执行与形状区域相交命令。填充图形为线性渐变,第一个滑块的颜色为白色并且第二个滑块为浅蓝色。调节渐变以使深色在渐变上部。

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

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

  • AI绘制矢量的电影图标教程
  • AI绘制矢量大脑图标教程
  • AI图标教程:如何利用AI矢量绘图工具做一个大图标

相关文章

  • 2017-05-23用ai简单制作漂亮的边框
  • 2017-05-23AI绘制一个漂亮的像素小人
  • 2017-05-23AI绘制漂亮标准的六边形折叠效果
  • 2017-05-23Ai怎么设计柜子的小图标?
  • 2017-05-23Illustrator绘制卡通风格的商品包装插画设计图文教程
  • 2017-05-23AI怎么做流星效果? ai绘制矢量流星效果的教程
  • 2017-10-07ai怎么画圆点虚线? ai画圆点组成虚线的方法
  • 2017-05-23Illustrator中图形逻辑本质与实用小技巧介绍(图文)
  • 2017-05-23Ai怎么画一个简单的急救医疗箱子的图标?
  • 2017-05-23ai中怎么缩放工具? ai缩放工具快捷键的使用方法

文章分类

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

最近更新的内容

    • AI怎么将白色百多抠出来?AI抠图做效果的详细教程
    • Illustrator 收缩和膨胀效果
    • Ai简单绘制棕色书皮的记事本图标
    • 一个标志的制作过程
    • AI结合PS创建非常有趣的儿童海报
    • Adobe Illustrator Cs5 (AI cs5) 中文破解版安装图文教程、破解注册方法
    • AI怎么使用色板库菜单功能?
    • Illustrator中形状生成工具的基本用法
    • ai怎么制作SVG矢量格式文字图片并导入Focusky?
    • ai怎么画放射线? ai做均匀放射线的详细教程

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

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