| 订阅 | 在线投稿
分享
 
 
当前位置: 王朝网络 >> 图像设计 >> Illustrator巧制透明按钮
 

Illustrator巧制透明按钮

2006-01-14 19:29:10 编辑來源:互联网 繁體版 评论
 
 
  用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。给文字也应该加上一点投影,执行菜单:滤镜〉风格化〉投影...,用刚才的设置就可以了,这个按钮就做好了。

Illustrator巧制透明按钮
 
 
 
 
上一篇《用coreldraw画正方体》
下一篇《巧用Illustrator绘制图案》
 
 
 
 
 
 
 
 
 
日版宠物情人插曲《Winding Road》歌词

日版宠物情人2017的插曲,很带节奏感,日语的,女生唱的。 最后听见是在第8集的时候女主手割伤了,然后男主用嘴帮她吸了一下,插曲就出来了。 歌手:Def...

兄弟共妻,我成了他们夜里的美食

老钟家的两个儿子很特别,就是跟其他的人不太一样,魔一般的执着。兄弟俩都到了要结婚的年龄了,不管自家老爹怎么磨破嘴皮子,兄弟俩说不娶就不娶,老父母为兄弟两操碎了心...

如何磨出破洞牛仔裤?牛仔裤怎么剪破洞?

把牛仔裤磨出有线的破洞 1、具体工具就是磨脚石,下面垫一个硬物,然后用磨脚石一直磨一直磨,到把那块磨薄了,用手撕开就好了。出来的洞啊很自然的。需要猫须的话调几...

我就是扫描下图得到了敬业福和爱国福

先来看下敬业福和爱国福 今年春节,支付宝再次推出了“五福红包”活动,表示要“把欠大家的敬业福都还给大家”。 今天该活动正式启动,和去年一样,需要收集“五福”...

冰箱异味产生的原因和臭味去除的方法

有时候我们打开冰箱就会闻到一股异味,冰箱里的这种异味是因为一些物质发出的气味的混合体,闻起来让人恶心。 产生这些异味的主要原因有以下几点。 1、很多人有这种习...

 
 
 
用Photoshop可以制作各种各样漂亮的按钮,其实它的姊妹软件Illustrator拥有强大的渐变和透明功能,也可以制作漂亮的按钮。   下面我介绍用Illustrator10制作有苹果网站风格的按钮。   主要用到渐变、色彩、图层模式、阴影滤镜等工具。 [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143734.jpg[/img][/url]   选择菜单文件>新建,新建一个文件。 [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143580.jpg[/img][/url]   因为制作的是矢量图,如果不用于打印,文件大小无所谓。   在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具,在文档中点击鼠标左键,弹出一个对话框,做如下设置。 [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143621.jpg[/img][/url]   点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:115,G:115,B:115,在外观面板中选择填充,在工具条底部选择填充类型为渐变,在渐变面板中作如下设置: [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143360.jpg[/img][/url]   此时,得到的结果应该如下所示: [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143371.jpg[/img][/url]   选中该对象,执行菜单:滤镜〉风格化〉投影...,在弹出的对话框中作如下设置: [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143797.jpg[/img][/url]   执行滤镜效果后,结果如下: [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143112.jpg[/img][/url]   点击图层面板底部的新建图层按钮,新建一个图层。然后选择矩形工具,画一个和上面的圆角矩形相同宽度,高度约为圆角矩形一半(W:90mm,H:11mm)的矩形,笔画为无,填充颜色白色,位置和圆角矩形上半部重合。然后定位到透明面板,把混合方式改为亮度,不透明度69%。 [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143784.jpg[/img][/url]   此时,透明按钮的效果已经出来了。 [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143833.jpg[/img][/url]   下面只要加入文字就可以了,新建一层,用横排文字工具输入文字Quick Time,字体选择Arial,字号45pt。给文字也应该加上一点投影,执行菜单:滤镜〉风格化〉投影...,用刚才的设置就可以了,这个按钮就做好了。 [url=http://www.wangchao.net.cn/bbsdetail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143738.jpg[/img][/url]
󰈣󰈤
 
 
 
  免责声明:本文仅代表作者个人观点,与王朝网络无关。王朝网络登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
上海柏雅居酒店模拍
清晨美丽的风景
梦清园的靓丽女生
妖艳的食人花(7)
且行且攝------"色"影大連
【做股票的朋友看过来-华尔街的铜牛】
端午节后闲逛
捐款赈灾吴川行 花絮
 
>>返回首页<<
 为你推荐
 
 
 转载本文
 UBB代码 HTML代码
复制到剪贴板...
 
 热帖排行
 
 
 
 
©2005- 王朝网络 版权所有