[转帖]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...
  • xiaoke5177
  • xiaoke5177
  • 2014年12月08日 10:00
  • 8837

discuz X2转帖工具、采集工具 使用介绍(原创)

由于是winform程序,请先保证你的电脑已经安装.netframework2.0以上版本。   介绍下界面上文本框按钮的作用,以下以厦门艺术网为例:   文章来源:http://www.xmys...
  • liaobc
  • liaobc
  • 2012年05月17日 21:59
  • 1586

MFC中透明按钮 CbuttonST

因为设计的交互界面按钮都是一些和背景融为一体的图片,所以经过一番搜索,用了别人写好的类CButtonST 下载地址: http://www.codeproject.com/Articles/57/...
  • artemisrj
  • artemisrj
  • 2013年03月14日 22:05
  • 2214

Delphi中如何实现透明按钮 也可用于BCB

各位亲爱的读者,在delphi编程实战中我们可以使用按钮控件来制作程序中的按钮键。但是在使用其它软件时,我们常常可以看到透明按钮的效果。那么如何在delphi中实现透明按钮的效果?笔者在互联网搜索了不...
  • binnygoal
  • binnygoal
  • 2014年02月26日 10:18
  • 1151

MFC透明BUTTON(按钮)控件

原标题: A user draw button that supports PNG files with transparency, for Visual C++ 6.0 and VS2005 h...
  • zollll
  • zollll
  • 2017年02月16日 15:59
  • 1455

Android 设置透明按钮

如何设置一个按钮为透明?
  • pierre_
  • pierre_
  • 2016年04月15日 16:59
  • 1292

完善我的CButton类:关于透明按钮的制作

       终于花时间把vc中透明的问题搞清楚了,也就那么回事,下面来说一下关于按钮透明的方法,也就是重载按钮类的OnEraseBkgnd的消息,该消息是在onpaint消息前发出的,主要是用来擦除...
  • sx1989827
  • sx1989827
  • 2009年11月30日 22:05
  • 3861

c#中设置按钮Button为透明

方法一:代码实现 /// /// 设置透明按钮样式 /// private void SetBtnStyle(Button btn) {     btn.FlatStyle = Fla...
  • u010058119
  • u010058119
  • 2014年06月12日 12:10
  • 5743

MFC实现透明button

一个继承于CButton的按钮控件类,实现Button背景色与文字的共存与改变,可以自行设计背景色。 头文件:CMyButton.h 如下:#pragma once#include "afxwin.h...
  • xuexiiphone
  • xuexiiphone
  • 2016年04月26日 18:13
  • 743

java透明按钮的设置

 JButton透明背景设置方法1:JButton b1=new JButton();              b1.setOpaque(false);              b1.setCol...
  • JAVASUI
  • JAVASUI
  • 2008年09月30日 13:23
  • 12785
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[转帖]Illustrator 巧制透明按钮
举报原因:
原因补充:

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