[转帖]Illustrator 巧制透明按钮

[转帖]Illustrator 巧制透明按钮

2004-10-26 20:13:00 文/eNet稻草飞飞

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

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

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



此主题相关图片如下:
按此在新窗口浏览图片

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


此主题相关图片如下:
按此在新窗口浏览图片

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

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




此主题相关图片如下:
按此在新窗口浏览图片

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



此主题相关图片如下:
按此在新窗口浏览图片

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




此主题相关图片如下:
按此在新窗口浏览图片

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



此主题相关图片如下:
按此在新窗口浏览图片

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




此主题相关图片如下:
按此在新窗口浏览图片

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




此主题相关图片如下:
按此在新窗口浏览图片

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




此主题相关图片如下:
按此在新窗口浏览图片

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





此主题相关图片如下:
按此在新窗口浏览图片
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值