欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Illustrator巧制漂亮的透明按钮

程序员文章站 2022-06-28 23:50:41
这篇教程是向脚本之家的朋友分享Illustrator巧制漂亮的透明按钮方法,教程比较基础,制作出来的按钮非常漂亮,难度不是很大,来看看吧... 17-02-10...
用photoshop可以制作各种各样漂亮的按钮,其实它的姊妹软件拥有强大的渐变和透明功能,也可以制作漂亮的按钮,来看看吧。

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

Illustrator巧制漂亮的透明按钮

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

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

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

Illustrator巧制漂亮的透明按钮

以上就是illustrator巧制漂亮的透明按钮方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!