用Fireworks设计Macromedia按钮

按钮|设计

  Fireworks一直是我最常用的网页图形设计软件,虽然Macromedia被Adobe收购,我相信Fireworks还会发展下去的。支持Fireworks!!!  这是Macromedia Fireworks 8官方网站上新版Fireworks功能宣传一个Flash按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。 看图:

  查看网址:http://www.macromedia.com/cn/software/fireworks/

  下面我们使用Fireworks来制作一款这样的按钮,看最终效果。看图:

  好下面我们开始Fireworks制作Macroedia按钮旅。

  首先启动Fireworks,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.p2:

  再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图p3:

  再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.P4:再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.效果如图:

  把P3和P4往P2中间移动拼合,得到 如图效果:

  在加上文字效果阴影和光晕>>投影.就得到了最终效果. ,OK,大功告成,休息会儿.

  不足之处请高手指点.

时间: 2024-12-05 02:32:04

用Fireworks设计Macromedia按钮的相关文章

使用纯 CSS 设计3D按钮

css|按钮|设计 CSS 按钮的效率远比基本图像的按钮的效率高得多,因为它们全部都是基于文本的.所有要用 XHTML 标记只是一个无序列表--CSS 样式负责其余部分.而且,你不需要任何 JavaScript 来交换图像以实现翻卷效果,因为 CSS 伪类(pseudoclass)能够让你为链接的每个状态(链接<link>.已访问<visited>.悬停<hover>.激活<active>)建立独立的样式. 纯 CSS 按钮唯一的问题是它们看上去相当单调,只

Fireworks设计一张属于自己的邮票

设计 看了天极网的用fireworks设计一张属于自己的邮票,自己也动手试着做了一张.完成效果如下. 完成效果 绘制步骤: 1) 新建一个大小为325×195的文件,点击"视图"菜单,选择"网格-显示网格"用以打开网格方便的编辑.接着选择"网格-编辑网格",这时跳出"编辑网格"对话框,在其中设置网格颜色为#0000FF,设置网格的宽高均为13,如图1所示,得到图2所示的图像. 图1 设置网格属性 图2 网格显示在画布中 2)

Fireworks设计水晶质感的Media Player 播放器图标

  本教程是向大家介绍如何利用Fireworks设计水晶质感的Media Player 播放器图标,设计出来的图标非常精致立体,教程很不错,希望大家通过本篇教程能充分掌握Fireworks软件的使用技巧! 前言: 很多人都说FIREWORKS太弱,远不如PHOTOSHOP制作的效果更好,对于我这个对FW情有独钟的"资深网民"来看,关键是要充分掌握软件的使用技巧,加上好的设计思想,用FIREWORKS同样能做出比较精美的图片.近来看到微软官方网站的Windows Media Player

Illustrator设计透明按钮制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计透明按钮的制作教程. 教程分享: 主要用到渐变.色彩.图层模式.阴影滤镜等工具.   选择菜单文件>新建,新建一个文件.   因为制作的是矢量图,如果不用于打印,文件大小无所谓. 在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具,在文档中点击鼠标左键,弹出一个对话框,做如下设置.   点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:115,G:115,B:115,在外

photoshop设计调速开关按钮制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计调速开关按钮的制作教程. 教程分享: 1.新建文件   2.选择背景颜色   3.alt+delete键填充前景色.   4.椭圆工具新建一个正圆(椭圆1图层).   4.1.双击椭圆1图层调节图层样式--颜色叠加.描边,参数如图.     4.2.得到椭圆1的效果.   5.再新建椭圆2,大小如图.   5.1.双击图层调节图层样式:颜色叠加.描边.投影.       6.得到效果,再新建椭圆3.   6.1双击椭圆3图层调节图层样

强大的图像处理软件-巧用Fireworks设计印章

设计 大家都知道Fireworks是一个创建.编辑和优化网页图像的多功能应用程序,其实在制作网页之外,我们也可以把它作为一个功能强大的图像处理软件使用.图3和图4中的两种印章效果就是利用它设计出来的,方法也很简单,下面以正方形印章为例来介绍一下它的制作过程.创作工具:Fireworks MX 2004 中文版 1. 执行Fireworks程序,创建一个新文档,宽度和高度均设置为160像素,画布的颜色设置为白色. 2. 首先画出印章的边缘部分.点击工具箱的"矩形"工具按钮,按住"

巧用Fireworks设计个性化印章

设计 大家都知道Fireworks是一个创建.编辑和优化网页图像的多功能应用程序,其实在制作网页之外,我们也可以把它作为一个功能强大的图像处理软件使用.图3和图4中的两种印章效果就是利用它设计出来的,方法也很简单,下面以正方形印章为例来介绍一下它的制作过程. 创作工具:Fireworks MX 2004 中文版 1. 执行Fireworks程序,创建一个新文档,宽度和高度均设置为160像素,画布的颜色设置为白色. 2. 首先画出印章的边缘部分.点击工具箱的"矩形"工具按钮,按住&quo

Fireworks设计个性化印章

设计 大家都知道Fireworks是一个创建.编辑和优化网页图像的多功能应用程序,其实在制作网页之外,我们也可以把它作为一个功能强大的图像处理软件使用.图3和图4中的两种印章效果就是利用它设计出来的,方法也很简单,下面以正方形印章为例来介绍一下它的制作过程. 创作工具:Fireworks MX 2004 中文版 1. 执行Fireworks程序,创建一个新文档,宽度和高度均设置为160像素,画布的颜色设置为白色. 2. 首先画出印章的边缘部分.点击工具箱的"矩形"工具按钮,按住&quo

使用Fireworks制作水晶按钮

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