e股脑电脑教程网
  • 首 页
  • 操作系统
  • 应用软件
  • 下载工具
  • 影音视频
  • 办公软件
  • 媒体制作
  • 网站建设
  • 平面设计
  • 数据库
  • 程序开发
  • 视频教程
编辑推荐: | 文章搜索:
您现在的位置: e股脑 >> 平面设计 >> Illustrator教程 >> Illustrator 巧制透明按钮 >> 教程正文
 
教程搜索
 
 
相关教程
  • Illustrator 10 实例之:刀
  • Illustrator 10新增绘图工
  • illustrator中渐变网格工
  • Illustrator 巧制透明按钮
  • illustrartor 平面设计输
  • illustrator AI中的简单三
  • 艺术的绘画—巧用Illustr
  • 艺术的绘画—圣诞桃心画实
  • AI10增效插件使用技巧
  • AI参考线制作精确六面体
  • 渐变网格作品:甲壳虫汽车
  • AI分页拼版全攻略
  • Illustrator图表工具详解
  • 晶莹剔透的AI玉镯
  • Illustrator轻松绘制矢量
  • 轻松制作抽象矢量插图
 
 
赞 助 商
 
 
Illustrator 巧制透明按钮
  • 来源:e股脑
  • 点击次数:
  • 更新时间:2006-9-3
用Photoshop可以制作各种各样漂亮的按钮,其实它的姊妹软件拥有强大的渐变和透明功能,也可以制作漂亮的按钮。

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

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




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



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

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



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


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



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




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



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




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



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


  • 上一篇教程: illustrartor 平面设计输出十大陷阱
  • 下一篇教程: illustrator中渐变网格工具使用指南
  •  

    关于本站 | 广告联系 | 版权声明 | 使用帮助

    Copyright © 2004-2008 www.egunao.com All rights reserved.