用Fireworks MX制作Mac风格边框

[复制链接]
查看: 269|回复: 0
gggds 发表于 2009-12-27 12:56:56 | 显示全部楼层 |阅读模式
  以前大家常用线条来表现浅浮雕效果,现在我们在Fireworks MX(以下简称FW MX)里可以用效果(Effect)面板来轻松制作。  如下图(Png源图)则是用线条来制作的一个Mac风格的边框,我们用FW MX打开源文件就会发现制作比较繁琐,有没有简单的方法来制作呢?答案是肯定的,方法就是用效果(Effect)面板!本例用来说明用FW MX制作边框的过程,希望能为FW MX爱好者提供一个新的思路。
% ^  j8 x- H0 C/ L
3 B' h0 c: W1 L4 |- Z" m  一、边框制作   1.打开FW MX,建立一个340X110的新文件。  2.从工具栏中选择“矩形”工具或按快捷键(U),画一个328X98,填充色为(#CECFCE)无边框的矩形(以下如无说明,所画矩形都为无边框)。  3.要想达到如下图所示的图形时,必须要使用菜单栏:修改==>组合路径==>打孔和联合来制作了。- v, X( {( |2 o- `, O. E8 H
  P( D2 _' ]- D
  按U键画一个320X73的矩形,填充为黑色。移动至合适的位置,本例中为距左4PX,距下为5PX。同时选中两个矩形,使用打孔命令,但得到了效果和我们要求的图形还是有差别的,没关系,画一个18X18的矩形,置于右下角,菜单栏:修改==>组合路径==>联合就得到了我们要求的图形。  4.选定所生成的图形,按Ctrl+Shift+D或菜单栏:编辑==>克隆,选中效果面板:阴影和光晕==>发光,设置如下图:
9 K  r1 {. p! p. d
8 G6 Z# g. ^% V, d0 K  设于第三步生成的图层下面,我们的图形不是有了一个好看的边框呀,这样做比只用一个图层来制作有更大的灵活性。  5.选中第三步中生成的图形,选中效果面板:阴影和光晕==>内侧阴影,填充色为(#F0F0F0)设置如下图:
2 r( D& H: o+ ^8 {2 C% A3 d0 C2 a
- y# R" @& Z# G6 S* i1 h% J8 I4 b& {2 [  选中效果面板:阴影和光晕==>内侧阴影,填充为(#ADADAD)设置如下图:
- E3 X0 t/ b* a( S
* Y5 H+ ?$ {8 }( }8 p  注意图中的角度,第一次为315,第二次为135,最后我们得到的就是一个有浮雕效果的合成路径了吧,现在知道为何要用两次内侧阴影了吧。效果如下图:
: h! o6 |! k( J$ O* W3 A) d1 Z
7 V4 ]7 F; ?/ G' ~  二、小按钮的制作   根据刚才制作的方法,我们来制作一下旁边的小按钮和线条,最后可以得到如下图的小按钮(下图放大300%)5 W; N5 L- o& @( M- v# H. N

" l: \- \7 g: A  O" ]! y" k' e) ?3 a  加以改动就可以得到新的小按钮吧。
# A% a  t  f0 \2 p6 g) c/ _% ?* e; h) e
  线条的制作就很容易了,画一270X12的矩形,放置到合适位置,设置如下,就OK了。
4 n. i4 U  a9 L; C
; p$ R6 z7 B+ t: e+ ~) z; h  用线条画出右下角的装饰线,按(Ctrl+G)组合一下。  三、背景   1.画一矩形置于所有图层下面,填充为(#FF9900)放置于合适位置,设置如上图,只不过填充纹理里把“水平线4”改为“网格线1”就OK。  2.添上合适的文字,最后效果如下图(Png源图):9 H3 G1 L" `& r! l+ D# O
; \5 ^" I) I) ?: g6 g
  同样的效果可以有不同的制作步骤,大家如果觉得这种方法比较简单,修改也方便,可以自己动手试一下。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )