Fireworks MX制作指南-Windows XP风格按钮步步通

window|按钮

用过Windows XP的朋友都为它漂亮的界面所动心,现在我们用Fireworks MX只需几步即可制作一个赏心悦目的Windows XP风格的按钮。

第一步:外形/渐变填充
利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(快捷键“Shift+F7”)从下拉菜单中选择“线性”;然后使用选择工具来调整按钮的渐变属性。

第二步:内侧阴影
选中矩形图形,打开效果面板并从下拉菜单中选择“阴影与发光→内侧阴影”;选择阴影参数(如图1),最后按回车键。


图1

第三步:阴影
仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择“阴影与发光→阴影”;选择阴影参数(如图2),最后按回车键。


图2

第四步:使其更加醒目
拖出一个新的圆角矩形,尺寸为先前那个矩形宽度的80%、长度的50%,并将新建矩形移动到先前矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形达到一个你满意的样子。

接下来打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,(如图3)请参照图层面板截图中的参数进行选择。


图3

最后,加上文字,你就得到一个漂亮的“苹果”按钮。

时间: 2024-11-03 16:35:26

Fireworks MX制作指南-Windows XP风格按钮步步通的相关文章

Windows XP风格按钮步步通

window|按钮 用过Windows XP的朋友都为它漂亮的界面所动心,现在我们用Fireworks MX只需几步即可制作一个赏心悦目的Windows XP风格的按钮. 第一步:外形/渐变填充 利用矩形工具在画布中央拉出一个圆角矩形:打开填充面板(快捷键"Shift+F7")从下拉菜单中选择"线性":然后使用选择工具来调整按钮的渐变属性. 第二步:内侧阴影 选中矩形图形,打开效果面板并从下拉菜单中选择"阴影与发光→内侧阴影":选择阴影参数,最后

Fireworks MX制作下拉菜单

菜单|下拉 随着网站页面极其功能的复杂化,越来越多的网站使用下拉菜单进行导航.熟悉Javascript的朋友都知道,所谓下拉菜单其实是通过Javascript控制每一个元素的可见属性实现的,当然这需要专门编写大段的代码.但是要是使用Fireworks MX就不需要这么麻烦,所有的代码都是由Fireworks MX自动生成的,你要做的只是美化一下界面,再简单的设置一下下拉菜单的选项就可以了. 下面就来看看怎样使用Fireworks MX增强的下拉菜单功能制作出让人羡慕的下拉菜单. 步骤1: 打开一

怎样实现XP风格按钮

示例代码运行效果图 在vc6下面怎样实现具有xp风格的按钮?我这里介绍一种简单的方法. 我们需要用到两个类,一个是CButtonST,另一个是CWinXpButtonST.这两个类一个是按钮类,另一个是Xp风格按钮类,大家可以从我的例子原代码中得到相关的4个文件(BtnST.h.BtnST.cpp.WinXPButtonST.h.WinXPButtonST.cpp). 下面开始制作这个示例程序  1.使用vc的向导制作一个工程dialog工程,起名为:XPDlg.并接受一切默认值. 2.将我上面

Fireworks MX制作一面饱经风霜的奥运五环旗

在每届奥林匹克运动会开幕时,运动场中间都要高高地悬挂一面奥林匹克旗帜,这面旗中间有五个圆环组成的图案.奥林匹克旗帜五个圆环连接在一起象征五大洲的团结,象征全世界的运动员以公正.公平的比赛和友好的精神在奥林匹克运动会上友好相见,欢聚一堂,以促进奥林匹克运动的发展.今天笔者利用Fireworks MX制作出这见证历史.对人类的文明产生了深刻的影响.饱经风霜.锈迹斑斑并嵌套在一起的奥运五环.同时也希望2008年在我们中国举办的奥运会能将这奥运五环再一次擦亮! 1. 打开Fireworks MX,设置文

使用Fireworks MX制作泡泡球效果

在经典论坛上(http://www.blueidea.com/bbs/)看到一个使用Fireworks MX制作透明泡泡球的效果,感觉非常不错,特摘录此教程,方便借鉴参考.(效果图为PNG文件) 1,使用圆形工具画出一个白色的圆.并其转化成位图.(编辑→平面化所选 快捷键:Ctrl+Shift+Alt+Z) 2,再使用圆形工具画出一个白色的圆,大小相比前一个制作的圆略小些.借助于排列工具,将小圆放到大圆的居中位置. 3,在图层面板中,选择转化为位图的圆,按住CTRL键同时,选择小圆图层.得到小圆

FWMX一例XP风格按钮的制作

按钮 我也不知道这算不算XP风格,反正是大家很常见很流行的,今天在经典帮别人回复了源文件,干脆凑篇教程上来.基本上没什么难度,算是新手入门吧.     我们使用Fireworks 4制作这样的效果,Fwmx只要在工具与属性面板中找到相应参数设置就行了.     1.新建画布,大小100×100,背景为白色.     2.用圆角矩形工具画一个矩形,大小随意,在OBJECT面板中设置矩形的圆角度.     3.设置圆角矩形边框色如下(色系#B6B6B6):     4.对圆角矩形进行线形填充,参数设

一例XP风格按钮的制作

按钮 我也不知道这算不算XP风格,反正是大家很常见很流行的,今天在经典帮别人回复了源文件,干脆凑篇教程上来.基本上没什么难度,算是新手入门吧. 我们使用Fireworks 4制作这样的效果,Fwmx只要在工具与属性面板中找到相应参数设置就行了. 1.新建画布,大小100*100,背景为白色. 2.用圆角矩形工具画一个矩形,大小随意,在OBJECT面板中设置矩形的圆角度. 3.设置圆角矩形边框色如下(色系#B6B6B6): 4.对圆角矩形进行线形填充,参数设置如下: 5.现在把你设置好的这个矩形克

用Fireworks MX制作Mac风格边框

以前大家常用线条来表现浅浮雕效果,现在我们在Fireworks MX(以下简称FW MX)里可以用效果(Effect)面板来轻松制作. 如下图(Png源图)则是用线条来制作的一个Mac风格的边框,我们用FW MX打开源文件就会发现制作比较繁琐,有没有简单的方法来制作呢?答案是肯定的,方法就是用效果(Effect)面板!本例用来说明用FW MX制作边框的过程,希望能为FW MX爱好者提供一个新的思路. 一.边框制作 1.打开FW MX,建立一个340X110的新文件. 2.从工具栏中选择"矩形&q

Photoshop制作精致的XP风格任务栏

在设计多媒体光盘.多媒体课件的用户界面时,许多设计者喜欢制作仿真Windows任务栏和开始菜单.因为平常大家接触最多的界面恰恰就是Windows的桌面环境,所以这种风格的用户界面为许多用户所喜爱. 设计这类界面的关键是制作出逼真的任务栏和开始按钮,今天我们来介绍一下如何使用Photoshop制作这种逼真的任务栏和开始按钮. 本文以Photoshop CS中文版为例,其他版本类似. 文章末尾提供.psd文件供大家下载参考. 完成效果: 绘制过程: 1.运行Photoshop CS中文版,新建一个大