文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形处理IllustratorIllustrator图形绘制实例:RSS图标按钮
精品推荐
特别推荐
·Illustrator将照片处理为矢量时尚人物插画
·Illustrator矢量绘制实例:美丽圣诞树
·AI10创建彩虹笔刷
·矢量绘图软件Illustrator快捷键大全
·Illustrator符号工具巧绘复杂花撒图案
·Illustrator丰富画笔轻松制作漂亮像框
·矢量绘图软件FreeHand 10 快捷键整理
·Adobe Illustrator9 制作CD盘面
热点TOP10
·autoCAD三维转二维
·体验Illustrator CS3的全新色彩搭配工具
·Illustrator传统风格名片设计实例
·自控Illustrator渐变网格节点画黑金弯钩
·Illustrator实例:矢量标志绘制
·钢笔使用功略(Adobe Illustrator)
·Illustrator渐变网格入门--制作桃子
·AI参考线制作精确六面体
·Illustrator中参考线的妙用II
·Illustrator CS2体验:动态喷绘功能

Illustrator图形绘制实例:RSS图标按钮

日期:2007年12月27日 作者: 查看:[大字体 中字体 小字体]


  本例介绍用绘制大家熟悉的橙色的RSS图标和按钮,大家可以借此练习一些基本的图形绘制技巧,包括圆角矩形的绘制、渐变色的使用、弧形绘制、对齐对象、轮廓化描边、渐变色与不透明蒙版的使用技巧等。

  先来看一下最终效果。

  Illustrator绘制RSS图标按钮_天极设计在线原创

  RSS图标

  Illustrator绘制RSS图标按钮_天极设计在线原创_点击放大此图片

  Web 2.0风格按钮

  下面介绍具体操作步骤。

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图1

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图2

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图3

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图4

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

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图5

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

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图6

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图7

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

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

  Illustrator绘制RSS图标按钮_天极设计在线原创

  图8

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

  Illustrator绘制RSS图标按钮_天极设计在线原创


[1] [2] 下一页 




上一篇:活用Office剪贴板 快速收集和粘贴多个项目

下一篇:自制RM格式压缩视频电影

相关文章:
·如何让Windows桌面图标任我排
·如何显示输入法图标(输入法图标消失)
·Photoshop CS3合成实例:人间天堂
·让XP硬盘图标与Vista无异
·教你把四十个QQ个人资料小图标全点亮
·DataList嵌套实例
·Photoshop实例:制作超酷影片画面场景
·非常漂亮的按钮图片
·如何取消桌面图标的阴影
·综合实例:PS洗衣粉包装设计印刷全攻略
相关软件:
·中文版Excel 2003实例与技巧
·CorelDraw12 入门与实例(图文教程 菜鸟先飞系列教材)
·AutoCAD2002入门与实例详解
·注册表实例应用视频教程swf
·Flash MX 动画制作实例教程
·PhotoShop7 设计百例 + 经典实例教程 + 滤镜教学
·AUTOCAD 2002机械设计应用与实例
·Flash MX 教程与实例精选
·中文版 AutoCAD2004 应用实例与技巧
·Adobe Illustrator CS3简体中文版

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot