素材黄页:www.114sucai.com
用户名: 密码: 验证码:
设为首页  加入收藏  网站地图 繁體中文
首页 | 矢量图 | PSD分层 | 3D素材 | CAD素材 | PS笔刷 | 设计欣赏 | 字体 | 酷站欣赏 | 桌面壁纸 | 网页模板 | FLASH源码 | 软件 | 网络教程 | 论坛
Illustrator实例教程之图形绘制实例:RSS图标按钮--ps教程,美工技巧--网络学院--酷素材,设计家园(www.coolsc.cn)
  您的位置: 酷素材,设计家园 >> 美工教程 >> illustrator教程 >> Illustrator实例教程之图形绘制实例:RSS图标按钮
酷站分类
文化艺术  影视音乐  手机通讯
美容化妆  生活时尚  游戏娱乐
企业门户  医疗健康  儿童教育
爱情交友  体育运动  服饰饰品
餐饮食品  教育教学  金融财经
电脑网络  购物商城  汽车汽配
饮料酒类  房产建筑  其他分类
桌面分类
人物桌面  影视桌面  卡通桌面
游戏桌面  风景桌面  植物桌面
动物桌面  宽屏壁纸  体育桌面
创意桌面  节日桌面  矢量桌面
日历桌面  KAGAYA星座壁纸专辑
圣诞桌面  汽车桌面  军事武器
酷图分类
节日类矢量
矢量喜庆节日  中秋专题矢量
国庆矢量素材  圣诞专题矢量
新年春节矢量  情人节矢量素材
五一专题矢量
原创矢量酷图
原创矢量作品  潮流设计元素
花纹类矢量
花边花纹底纹  韩国花纹矢量
经典植物花纹  欧式花边矢量
传统花纹矢量  PSD花纹矢量
古代祥云矢量  水墨矢量素材
花纹边框矢量  古典花纹矢量
精美矢量花纹  图腾纹身矢量
人物类矢量
矢量人物素材  韩国美女矢量
时尚男士矢量  儿童矢量素材
人物剪影矢量  办公人物矢量
运动健身美女  医护人员矢量
图标类矢量
矢量图标素材  生活矢量素材
植物类矢量
矢量植物素材  经典植物矢量
风景类矢量
矢量风景素材  秋日风景矢量
卡通矢量素材  革命矢量素材
交通矢量素材  其他矢量素材
模板分类
女性模板  购物模板  儿童模板
旅游模板  娱乐模板  手机模板
生活模板  饮食模板  电脑模板
商务模板  房产模板  文化模板
教育模板  时尚模板  设计模板
数码模板  医疗模板  酒店模板
汽车模板  音乐模板  节日模板
服饰模板  其他模板
 文章搜索 关键词:
 illustrator教程文章详情:更多:
Illustrator实例教程之图形绘制实例:RSS图标按钮
  本例介绍用Illustrator绘制大家熟悉的橙色的RSS图标和按钮,大家可以借此练习一些基本的图形绘制技巧,包括圆角矩形的绘制、渐变色的使用、弧形绘制、对齐对象、轮廓化描边、渐变色与不透明蒙版的使用技巧等。

  先来看一下最终效果。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  RSS图标

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理_点击放大此图片

  Web 2.0风格按钮

  下面介绍具体操作步骤。

  1.按Ctrl+N打开【新建文档】对话框,并按如图1所示进行设置。设置完毕单击【确定】按钮。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图1

  2.选择工具箱中的【圆角矩形工具】,按住Shift键的同时在画布上拖曳,绘制一个圆角矩形,如图2所示。注意要将矩形的描边设置为无。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图2

  3.用浅橙色到深橙色的径向渐变填充圆角矩形,如图3所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图3

  4.选择工具箱中的【弧形工具】(隐藏在【直线工具】组中),按住Shift键的同时绘制一段弧形,如图4所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图4

  5.将弧形的填充色设置为无,描边色设置为白色,并在【描边】面板中适当改变描边的粗细,如图4所示。

  6.按住Shift键的同时旋转弧形,使其方向变为如图5所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图5

7.按Ctrl+C复制弧形,再按Ctrl+F粘贴到原位置。

  8.按住Shift键的同时拖动弧形右上方的控制点,改变弧形的大小,得到如图6所示的结果。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图6

  9.在如图7所示位置画一个小的圆形,填充为白色,描边色设置为无。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图7

  10.选中两段弧形,然后选择【对象|路径|轮廓化描边】菜单命令,将描边转化为路径。这样以后缩放形状时,即会按比例缩放。但如果不轮廓化描边,则在缩放对象时描边粗细不会随之发生变化。

  11.选中弧形组与圆形,然后单击控制面板中的【对齐】链接,并单击【对齐】面板中的【水平左对齐】按钮和【垂直底对齐】按钮,并适当调整各个对象的位置与大小,得到RSS图标的最终效果,如图8所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图8

  12.使用【圆角矩形工具】绘制一个圆角矩形,将矩形的填充色设置为黑色,描边设置为无,如图9所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图9

  13.2 按Ctrl+2将圆角矩形锁定,以方便接下来图形的绘制。使用【圆角矩形工具】绘制一个比第1个矩形小的矩形,其大小和位置如图10所示。绘制完毕使用白色到黑色的渐变色填充该圆角矩形。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图10

  14.使用【矩形工具】在第2个圆角矩形上方再绘制一个矩形,大小及位置以恰好盖过第2个圆角矩形为宜,并将填充色设置为白色,如图11所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图11

15.选中这两个矩形,然后单击图标面板中的【透明度】图标 ,打开【透明度】面板。

  16.单击面板右上方的 打开面板菜单,然后单击菜单中的【建立不透明蒙版】命令。建立不透明蒙版后的效果如图12所示。如果要显示出不透明蒙版的相关选项,可能要单击面板菜单中的【显示选项】命令。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图12

  17.单击【透明度】面板中的 ,进入不透明蒙版编辑状态,将其不透明度改为62%,如图13所示。修改完毕单击 停止编辑不透明蒙版,回到正常的图形编辑状态。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图13

  18.置入上节中制作的RSS按钮,将其移动到按钮上,并输入按钮文字,适当调整其大小和位置,完成按钮的制作,如图14所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理

  图14

  19.如果要改变按钮的颜色,可以选择【对外|全部解锁】菜单命令,然后选中最下方的黑色圆角矩形,改变其颜色,再相应的改变不透明蒙版的颜色。在修改不透明蒙版颜色时,不必进入不透明蒙版编辑状态,直接修改第2个圆角矩形的渐变色即可。这样可以得到颜色不同的按钮,如图15所示。

  Illustrator绘制RSS图标按钮_网页教学网webjx.com网络整理_点击放大此图片

 

  图15

  下一篇:  Illustrator实例教程之巧用Illustrator CS的3D功能制作酒杯
  上一篇:  Illustrator实例教程之传统风格名片设计实例
发布人:酷素材 发布时间:2008年7月30日 已被浏览 1
点击关闭窗口
关于我们 | 联系我们 | 广告赞助 | 免责声明 | 请您留言
声明:本站资源部分为原创作品,其他为网上搜集整理,致力于为从事设计朋友提供免费服务,不得用于商业,感谢您的支持!
Copyright© 2003-2010 素材黄页 Inc. All rights reserved.  页面执行时间0 毫秒  鲁ICP备07019599号