Illustrator 巧制透明按钮

2016-01-28 18:44 9 1 收藏

Illustrator 巧制透明按钮,Illustrator 巧制透明按钮

【 tulaoshi.com - Illustrator 】

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

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

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




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



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

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



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


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



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




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



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




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



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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

来源:https://www.tulaoshi.com/n/20160128/1467618.html

延伸阅读
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选...
最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右半圆向右移动30像素,结果如图01。 图01 2. 选取两半圆中空...
Photoshop绘制蓝色透明玻璃按钮教程 按钮分为两个大的部分来制作:中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同,只需要找出相应的高光部分并渲染出来即可。 最终效果 1、新建一个800 * 600像素的文档,背景填充暗紫色:#752874,如下图。 图1 2、先来制作中间的蓝色水晶部分,需要完成的效果如下图...
标签: PS PS基础 PS效果
作者寄语:本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。 最终效果 新建一个400 * 250像素的文档,背景填充蓝色:#106D98。 1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选区并填充白色。填色后...
首先,把效果图发出来! 下面开始: 一 绘制"底座"部分 1.用椭圆工具(L),按住ALt+Shift(以某一点为中心)画出一正圆, 然后打开图层调板(F7),在对象名上双击,重命名为"金属底座",如图000: 2.为了让它在最后看起来更真实,我想要给这个正圆一些透视, 使用"自由变换工具"(E),鼠标移动到正圆对象定界框右下角...

经验教程

484

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部