您好,欢迎来到网站制作教程网!
css教程 css布局 web标准 浏览器兼容
access基础 mysql基础 sql server基础教程 oracle基础教程
fireworks教程 Dreamweaver教程 Flash教程 网页设计原理 网页欣赏
ASP基础教程 asp.net基础教程 html教程 xhtml教程 ajax教程 xml入门教程 正规则表达式
seo基础教程 策划盈利教程 建站基础
链接特效 导航特效 文本特效 日期时间特效 状态栏特效
javascript教程 vbscript教程
php与Smarty教程 php基础教程 php与数组教程 php与字符串教程 php与数据库
Web服务器教程 ftp服务器教程
ps制作网页元素 ps调色 ps抠图 ps照片美容 photoshop合成 ps文字效果 ps基础与技巧 coreldraw基础 ai基础 平面设计理论

Illustrator实例之透明按钮制作

时间:2011-11-17 18:38来源:未知 作者:admin 点击:

Illustrator实例之透明按钮制作

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

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

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

 

Illustrator实例之透明按钮制作

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

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

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

Illustrator实例之透明按钮制作


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

 

 

Illustrator实例之透明按钮制作


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

Illustrator实例之透明按钮制作

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

 

Illustrator实例之透明按钮制作


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

Illustrator实例之透明按钮制作

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

 

Illustrator实例之透明按钮制作


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

Illustrator实例之透明按钮制作

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

相关阅读

Tags:
平面设计教程
责任编辑:admin

最新图文

发表评论

请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码:点击我更换图片

最新评论

  • 网络营销
  • 服务器
  • 数据库