用Fireworks MX制作Mac风格边框

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

  一、边框制作
  1.打开FW MX,建立一个340X110的新文件。
  2.从工具栏中选择“矩形”工具或按快捷键(U),画一个328X98,填充色为(#CECFCE)无边框的矩形(以下如无说明,所画矩形都为无边框)。
  3.要想达到如下图所示的图形时,必须要使用菜单栏:修改==>组合路径==>打孔和联合来制作了。

  按U键画一个320X73的矩形,填充为黑色。移动至合适的位置,本例中为距左4PX,距下为5PX。同时选中两个矩形,使用打孔命令,但得到了效果和我们要求的图形还是有差别的,没关系,画一个18X18的矩形,置于右下角,菜单栏:修改==>组合路径==>联合就得到了我们要求的图形。
  4.选定所生成的图形,按Ctrl+Shift+D或菜单栏:编辑==>克隆,选中效果面板:阴影和光晕==>发光,设置如下图:

  设于第三步生成的图层下面,我们的图形不是有了一个好看的边框呀,这样做比只用一个图层来制作有更大的灵活性。
  5.选中第三步中生成的图形,选中效果面板:阴影和光晕==>内侧阴影,填充色为(#F0F0F0)设置如下图:

  选中效果面板:阴影和光晕==>内侧阴影,填充为(#ADADAD)设置如下图:

  注意图中的角度,第一次为315,第二次为135,最后我们得到的就是一个有浮雕效果的合成路径了吧,现在知道为何要用两次内侧阴影了吧。效果如下图:

  二、小按钮的制作
  根据刚才制作的方法,我们来制作一下旁边的小按钮和线条,最后可以得到如下图的小按钮(下图放大300%)

  加以改动就可以得到新的小按钮吧。

  线条的制作就很容易了,画一270X12的矩形,放置到合适位置,设置如下,就OK了。

  用线条画出右下角的装饰线,按(Ctrl+G)组合一下。

  三、背景
  1.画一矩形置于所有图层下面,填充为(#FF9900)放置于合适位置,设置如上图,只不过填充纹理里把“水平线4”改为“网格线1”就OK。
  2.添上合适的文字,最后效果如下图(Png源图):

  同样的效果可以有不同的制作步骤,大家如果觉得这种方法比较简单,修改也方便,可以自己动手试一下。

时间: 2024-10-30 12:04:38

用Fireworks MX制作Mac风格边框的相关文章

用FW MX 制作 Mac风格边框

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

Fireworks MX制作下拉菜单

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

Photoshop教程:制作Mac风格的程序导航

本教程主要使用Photoshop制作Mac风格的程序导航图标,为了让图标看起来更有一点冲击力,我选择了比较大的透视角度,所以为了保证透视准确使用了3Ds Max先建了个简单的模型.后期在PS中制作,下面让我们一起来学习. MenuEverywhere 是Mac OS X上的一款小程序,前一阵刚为其完成了程序图标设计. 创作目标 Binary Bakery Software出品的这个小程序主要是用来给每个窗口都增加一个Menubar,方便在显示器或者窗口很多,不容易找到osx原始菜单栏的时候能方便

Photoshop入门教程:制作Mac风格背景

本教程来自:tutsplus.com 如 需转载 请务必以超链接形式注明:来自活 力盒 子网站以 及原文出处.水平有限,翻译难免有误,请有心的朋友给予指出,以方便更多朋友阅读. 本教程将讲述如何制作Mac风格背景.你可以把它应用在众多场合,如桌面壁纸.作为你设计的一部分,或者是Powerpoint背景.Flash作品等.事实上你完全没有必要严格遵循本教程的步骤,掌握了此方法你可以任意发挥. 1.新建画布,背景设置成黑色,绘制矩形添加线性渐变(我设置的画布大小为1280X1024px).选择两种橙

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键同时,选择小圆图层.得到小圆

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

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

Fireworks MX制作像素动画

众所周知,Fireworks MX是一款非常优秀的GIF格式动画制作软件,但是很多朋友在制作动画的时候除了文字的移动,渐变很少做其他的效果,实在是对Firewrks MX强大功能的极大的浪费.其实只要我们有一些想象力,多在动画形式上下工夫,可以制作出很多与众不同的动画作品. 下面我们就以一个简单的像素动画为例子,看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画. 步骤1: 打开Fireworks MX,使用菜单命令File-New新建一个文件,在弹出的文件属性对话框中设置此文件的大小为

Fireworks MX 制作燃烧效果

在photoshop里大家一般用刮风.波浪滤镜再加上通道等技术来做出很好的炙热燃烧效果,作为一个Fireworks爱好者,我更希望Fireworks也能做出这样美妙的效果.现在,Fireworks MX新功能提供了很强的像素图处理能力,我试着用其中的涂抹.淡化等工具制作燃烧效果,一样很不错. 一.首先建立一个500X400的画布,因为需要涂抹,范围太小不好操作,填为黑色. 二.在制作燃烧文字之前,我们先练习制作一组火苗,这对理解火焰的走势有帮助.拖画三个椭圆形,分别填充为黄.橙.红色,调整大小位