Fireworks制作按钮简明教程

 

  1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形;


  2、使用椭圆形填充;


  3、给矩形添加外部投影效果,得到如下效果;


  4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;


  5、使用椭圆形填充,透明度设为50,如下图所示;


  6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充;


  7、复制2里面的矩形,放到最上层,透明图设为30;


  8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果;


  10、最终效果如下:

时间: 2024-09-15 13:15:45

Fireworks制作按钮简明教程的相关文章

FireWorks制作动画Logo教程

Fireworks 应用的一大亮点就是轻松制作纷繁的动画效果,下面我们就来看看如何应用Fireworks MX2004 新增的一款滤镜效果来轻松制作如下图所示的动画效果: 1.准备阶段:打开FWMX2004,新建文件,大小当然用标准的88*31相素大小.背景效果及其文字等等就自由发挥了,此处需要注意的一点是:选中制作好的背景层,然后单击层面板右侧的弹出按钮,在弹出的下拉菜单中,选定"Share This Layer(共享该层)"命令. 接下来,新建一层,输入文字,此处输入的是"

fireworks制作精致图标教程

这篇教程教三联的FIREWORKS爱好者们用fireworks打造精致图标,教程这种介绍图标的细节修饰.制作难度中等,转发过来和三联的朋友们一起学习. 使用Fireworks(以下简称FW)进行图标设计主要要留意两点: 一是FW专注于web设计,不适合创造一些过于复杂的PS效果,请期待FW CS5的PS滤镜; 二是FW的编辑方式类似于AI,如果您习惯于工作在PS类的像素着色环境下,请华丽的飘过. 接下来进入正题,我们拿一个比较标准的图标来临摹做说明,这样可以方便您理解. 下图是国内知名的eico

使用Fireworks制作香烟的教程

教程 我们首先选择的file> New或CNTL+N, 新建一个400x200象素的fireworks文件,设置分辨率为72,背景色为#99CC99.做一个烟身, 选择矩形工具,拉一个矩形.在属性面板设置这个矩形宽222个象素,高18个象素.然后设置矩形的填充如图.线性填充的颜色从左到右分别为: #CCCCCC, #FFFFFF, #FFFFFF 和 #E5E5E5.再做一个矩形来充当过滤嘴. 选择矩形工具 ,拉一个矩形.设置这个矩形的长为68,高为18.设置填充如图:Linear线性填充的颜色

Fireworks 制作翡翠字教程

教程 欢迎访问作者网站:http://lostidea.bosinet.com/ 最终效果: 制作步骤:1.新建一600×90 #000000的画布2.在画布中写入主体文字,选择粗一点的字体,并把文字转换成曲线,从上到下用线性填充(#006600--#00FF99--#006600),效果如图:  3. 按次序添加效果,内斜角--内侧阴影1--内侧阴影2--投影,如图内斜角 内侧阴影1 内侧阴影2 投影 效果 4.ctrl+shift+D 克隆字体, 将克隆的字体去除效果,用白色填充,羽化为10

Illustrator渐变制作logo简明教程

软件:Adobe Illstrator 工具:椭圆.缩放.旋转.渐变填充 第一次写AI教程,不知道从何说起,在制作这个LOGO的时候我全部使用最常用最简单的功能,没有什么特别之处,只是我制作这个LOGO的一个过程,OK!那我们先来看看最终效果吧! 1.好,如果你觉的可以那么我们就继续下去吧,打开AI(多说一句,我使用的是AI CS,我相信其他版本也一定可以,FW都可以)新建文档,使用椭圆工具画圆.并用旋转工具调整后使用放射填充如下图: 2.复制一个在上面(ctrl+c,ctrl+f),使用缩放工

巧用Bitmap类制作按钮_Flash教程

最近在制作flash时需要制作一个可以随意设定宽度的按钮组件.为了保证按钮样式不变形,一般都会采用将按钮分成几个mc的方法来制作.但其实,如果对按钮的动态效果要求不多的话,完全可以使用Bitmap类来制作.下面是将按钮的一个状态分解开来.一般的思路是做为三个MC,然后在改变宽度是,动态改变中间mc的宽度就可以了.但是这样的话,对于元素的制作就比较麻烦.使用bitmap类可以直接将一张图片分为三个MC后生成.在批量使用时,效率提高了不少. 方法: 复制代码 代码如下: /**  * date  :

Fireworks制作3D文字教程

1.输入文字后ctrl shift p,再ctrl j转成合成路径 2.ctrl shift c克隆一个.为方便我的讲解,我对上层文字命名为a,下层文字为b.选中b层文字进行位移,位移后的效果如下: 3.隐藏a层文字,继续对b层文字进行设置,画一矩形,放置如图示位置: 4.同时选中b层和矩形,执行修改>>组合路径>>联合,得到如图示的样子: 5.选中刀子工具切割这个路径的下部,切割后删除下部的那些路径,再回到层面板,显示a图层,最后得到如图示的样子: 6.再对a图层进行操作.仍但使

fireworks制作牡丹图解教程

  完成效果如下: 不要奇怪,这样的效果并不是photoshop和painter的专利,只要你有一点美术功底,有足够的耐心,仔细调节色彩.合理运用笔尖羽化值的大小以及节点的尖锐与平滑程度,即可达到这种效果. 效果图 简单步骤: 一.先得建一个画布,如图(700x500白色底子) 图1 二.手绘一个牡丹花的轮廓线,当然这需要耐性,以下是我用铅笔工具画的,你也可以用你习惯的工具来描画: 图2 三.现在开始上色.当然,你得有一点国画的基础才好,我画的是小写意,(这样可以掩盖一些错误)如果有兴趣也可以画

用Fireworks制作闪闪文字教程

最终效果   素材   导入素材   输入文字     文字发光参数   文字投影参数   图象预览设置