用fireworks制作水晶透明效果

　　先预览效果


　　第一步：新建一个600*200白底文件

　　第二步：新建一图层，命名为BG1


　　用圆角工具画一个115*32的圆角矩形

　　调整矩形圆角度数


　　给矩形添加photoshop动态效果


　　第三步：将图层BG1复制一份命名为BG2

　　缩小为114*32(水平和垂直方向减小一个像素)，并且取消photoshop动态效果，填充背景颜色#A9A9A9


　　第四步：将图层BG2复制一份命名为BG3，给图层填充放射性渐变


　　第四步：将图层BG3复制一份命名为BG4，给图层填充线性渐变


　　第五步：制作一条白色的虚线

　　用矩形工具画一个正方形填充白色线性渐变调整透明度


　　第六步：制作一个阴影完成水晶按钮的制作

时间： 2024-09-25 16:11:01

用fireworks制作水晶透明效果的相关文章

fireworks制作水晶透明按钮教程

  先预览效果 第一步:新建一个600*200白底文件 第二步:新建一图层,命名为BG1 用圆角工具画一个115*32的圆角矩形 调整矩形圆角度数 给矩形添加photoshop动态效果 第三步:将图层BG1复制一份命名为BG2 缩小为114*32(水平和垂直方向减小一个像素),并且取消photoshop动态效果,填充背景颜色#A9A9A9 第四步:将图层BG2复制一份命名为BG3,给图层填充放射性渐变 第四步:将图层BG3复制一份命名为BG4,给图层填充线性渐变 第五步:制作一条白色的虚线 用矩

Fireworks制作文字探照灯效果实例教程

  我们经常可以看到一些用Flash做文字遮罩效果的教程文章,这种效果用Fireworks也同样可以做出来,并且可以生成GIF格式的小动画.下面,就让我引导大家一步步用Fireworks制作文字探照灯效果. 1.点击"File>New",建立一个新文件,将背景设置为黑色. 2.点击工具面版中的椭圆形工具,用鼠标在新画布上拖动一个椭圆,将椭圆的填充色设置为"None". 3.点选工具面版上的文字工具,在弹出的文字编辑对话框中输入文字,在此我们输入"ta

Fireworks 制作精美导航效果教程

  本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图: (图2.1) 下边我将教大家如何制作以上这个按钮: 先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 (图2.1.1) 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 (图2.1.2) 然后我们用部分固定选定工具 选取长方形的上边两点如图2.1.3 (图2.1.3) 按住

使用Fireworks制作水晶按钮

按钮 案例欣赏对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现.效果如图1.1所示. 图 1.1卡通表情图标效果 思路分析我们首先来看看按钮的构成图,如图1.2所示: 图 1.2按钮构成图 1.任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外.2.要让按钮浮出画布,阴影是少不了的.有了正确的阴影,人们感觉才会更逼真.3.这个

用Fireworks制作仿真软盘效果

软盘 看看下面这个软盘,可不要以为这是数码照片哦,其实是我们在FW中制作出的效果.怎么样,心动不如行动,让我们一起来,用FW做出超仿真的软盘来. 制作工具:FIREWORKS MX 简体中文版 使用字体:Georgia 主要制作方法:FW内建滤镜.纹理填充.合理的字体选择.渐变填充及遮罩.路径组合等 详细过程: 第一步:准备工作:洗手,更衣,沐浴,焚香,心诚则灵. 找一个最常见的sony软盘,制作过程中可以时时参照(什么?你用闪存?软盘早扔光了?) 启动FW MX,新建画布,我们暂定画布大小为:

Fireworks制作相片撕裂效果

效果简介:这是一个图像撕裂的效果,有很多朋友问起这种效果的实现方法,不要以为只有photoshop才能做出这种图像撕裂的效果,其实这很简单,就是Fireworks套索工具的应用而已. 1.建立场景后,按下Ctrl+R导入一个图像文件. 2.双击图像进入位图编辑模式,选择LassoTool(套索工具)在图像上随意画线,切记线条要棱角分明,不能够表现的过于圆滑,另外,一定要使线条的起始点和终结点回合,形成圈选.见图1 3.完成圈选后,按下Ctrl+X剪切被选部分,返回到原始编辑状态后按下Ctrl+V

Fireworks制作Vista毛玻璃效果

今天用Fireworks制作类似vista毛玻璃的效果,局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,

Fireworks 制作相片撕裂效果

效果简介:这是一个图像撕裂的效果,有很多朋友问起这种效果的实现方法,不要以为只有photoshop才能做出这种图像撕裂的效果,其实这很简单,就是Fireworks套索工具的应用而已. 1.建立场景后,按下Ctrl+R导入一个图像文件. 2.双击图像进入位图编辑模式,选择LassoTool(套索工具)在图像上随意画线,切记线条要棱角分明,不能够表现的过于圆滑,另外,一定要使线条的起始点和终结点回合,形成圈选. 3.完成圈选后,按下Ctrl+X剪切被选部分,返回到原始编辑状态后按下Ctrl+V粘贴.

Fireworks制作渐隐线效果的2种方法

好多人问关于渐隐线的制作方法,其实渐隐线的做法非常简单,一般来说有两种方法: 一.矩形的填充... 矩形做法一,适合大部分的情况: 1.用矩形工具画出一个像素高的矩形. 图1 2.在面板处选择线性填充,具体的调节如下: 图2 面板讲解:大家可以看到最上面有两排箭头.其中 这个标志的一排是透明度 这个标志的一排是颜色. 通过在上下点击面板添加新箭头.... 通过这样的渐变可以得到如下的效果: 图3 矩形做法二: 如果是单色背景,可以考虑直接选择颜色箭头中的两端为背景色,中间为你需要的线条颜色,模拟