频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

Illustrator10绘制苹果风格的按纽

来源: 作者:佚名 出处:巧巧读书 2006-04-05 进入讨论组

    用Photoshop可以制作各种各样漂亮的按钮,其实它的姊妹软件Illustrator拥有强大的渐变和透明功能,也可以制作漂亮的按钮。

  下面我介绍用Illustrator10制作有苹果网站风格的按钮。

  主要用到渐变、色彩、图层模式、阴影滤镜等工具。

Illustrator10绘制苹果风格的按纽(图一)


  选择菜单文件>新建,新建一个文件。

Illustrator10绘制苹果风格的按纽(图二)


  因为制作的是矢量图,如果不用于打印,文件大小无所谓。

  在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具,在文档中点击鼠标左键,弹出一个对话框,做如下设置。

Illustrator10绘制苹果风格的按纽(图三)


  点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:115,G:115,B:115,在外观面板中选择填充,在工具条底部选择填充类型为渐变,在渐变面板中作如下设置:

Illustrator10绘制苹果风格的按纽(图四)

    此时,得到的结果应该如下所示:

Illustrator10绘制苹果风格的按纽(图五)


  选中该对象,执行菜单:滤镜〉风格化〉投影...,在弹出的对话框中作如下设置:

Illustrator10绘制苹果风格的按纽(图六)


  执行滤镜效果后,结果如下:

Illustrator10绘制苹果风格的按纽(图七)


  点击图层面板底部的新建图层按钮,新建一个图层。然后选择矩形工具,画一个和上面的圆角矩形相同宽度,高度约为圆角矩形一半(W:90mm,H:11mm)的矩形,笔画为无,填充颜色白色,位置和圆角矩形上半部重合。然后定位到透明面板,把混合方式改为亮度,不透明度69%。

Illustrator10绘制苹果风格的按纽(图八)


  此时,透明按钮的效果已经出来了。

Illustrator10绘制苹果风格的按纽(图九)


  下面只要加入文字就可以了,新建一层,用横排文字工具输入文字Quick Time,字体选择Arial,字号45pt。给文字也应该加上一点投影,执行菜单:滤镜〉风格化〉投影...,用刚才的设置就可以了,这个按钮就做好了。

Illustrator10绘制苹果风格的按纽(图十)
专题:http://www.qqread.com/illustrator/v273912.html进入讨论组讨论。
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章