[转帖]Illustrator 巧制透明按钮

原创 2005年04月30日 13:09:00
[转帖]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。给文字也应该加上一点投影,执行菜单:滤镜〉风格化〉投影...,用刚才的设置就可以了,这个按钮就做好了。





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

Adobe Illustrator、photoshop中文界面转英文

Adobe Illustrator中文界面转英文 一、找到桌面图片,点击右键选择属性 点击“打开文件位置” 二、这时候我们会看到软件的安装位置,找到 ...Adobe\Adobe Il...

玩转AI(Adobe illustrator)——小西瓜(1)

Adobe illustrator是一种一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高...

玩转AI(Adobe illustrator)——小西瓜(4)

制作西瓜种子 Step 1: 制作一个16*16大小的圆,无填充色,黑色描边。使用直接选择工具,选择顶部的锚点使用键盘上键上移8px,拖动两边的手柄,是他们短点。选择左右两边的锚点使手柄更长一点。...

玩转AI(Adobe illustrator)——小西瓜(2)

制作西瓜样式 Step 1 选择字母S,填充绿色。外观面板中添加新填色,改变填充色为深一点的绿色。效果>路径>偏移路径。输入-0.84px的偏移。这样可以得到一条细边。 Step 2 ...

VC6.0用GDI+重绘透明按钮

  • 2017年12月08日 14:28
  • 944KB
  • 下载

半透明按钮背景切换手机网站首页

  • 2015年05月05日 23:59
  • 1.92MB
  • 下载

上传按钮样式的终极解决方案_input透明法

方法/步骤 默认的上传按钮非常丑陋,而且样式不易修改,并且在不同浏览器中展现的形式还不一样。 解决方案:最好的解决办法就是将我们要用来修改的样式放在...

Photoshop制作透明按钮等

  • 2015年07月14日 22:02
  • 3.66MB
  • 下载

Android中如何使按钮的背景变得透明

今天想用ImageButton控件做一个音乐播放的按钮 但是先开始做了之后发现会有带点灰色的背景 于是就想到怎么才能把按钮的背景设置成透明的呢 后来找到网上的一篇资料(就是致谢里面的资料) 然后解决了...
  • songyuc
  • songyuc
  • 2017年07月08日 14:57
  • 121
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[转帖]Illustrator 巧制透明按钮
举报原因:
原因补充:

(最多只允许输入30个字)