Fireworks 8 寻梦之旅(5):菜单新变化

[复制链接]
查看: 311|回复: 0
gggds 发表于 2009-12-27 12:10:59 | 显示全部楼层 |阅读模式
第二部分:菜单部分
& Z5 }- `& q7 Q# r0 \  在 Fireworks 8 里面,对于菜单这一块儿的改进有一些,应该说有些命令在实际使用中还是会发挥很重要的作用的。在这一部分,我们重点介绍其中几个值得我们关注的菜单变化,对于一些小细节的变化,我们就不在这里做介绍了。  o' z9 M* ]4 v7 w9 Q9 y
  一、菜单“编辑|插入|多边形切片”命令
; J3 V: S( x6 r6 B  ?Fireworks 系列中一贯保持的菜单“编辑|插入|切片”命令,在 Fireworks 8 中,为菜单“编辑|插入|矩形切片”命令所代替,与之对应的是新增了一个菜单“编辑|插入|多边形切片”命令,这对于习惯使用 Fireworks 来制作网页的朋友来说是一个非常有效的菜单命令,因为有些朋友在制作页面时,总是力求完美,即使对于切片的设置也是如此。虽然,在 Fireworks 先前的版本中,可以通过属性检查器来插入多边形切片,不过对于复杂的多变性对象来说,使用手工绘制的方法来加入多边形切片的方法就要大费气力了,现在简单了,只需要一个命令即可实现复杂多变形切片的插入了。
. ?+ }  [  X" ~3 u! j* \  [实例1 插入复杂多边形切片]为了检验菜单“编辑|插入|多边形切片”命令的工作效率,我们选取在编辑区绘制一个星形自动形状对象并对其进行变形的种种不同方式来进行检验。
; i/ Y, V9 ~0 \, T) J1 E; Z4 ^/ E  (一)、基本形状的多边形切片插入。
! \0 }1 @) _' R: [  1、打开 Fireworks ,新建文件,文件大小、背景色随意。
4 }- L/ K' ]( o! h  2、在“自动形状属性”面板上,单击“插入新的自动形状”下拉菜单,选择“星形”,对于“星形”自动形状对象的属性,做一个设置,将“点”设为25,其余各项保持默认设置即可。
+ G0 o) s( k# C% A/ s, q6 i0 W6 A/ `  t

2 w% O/ A! I, H9 Q- [  F" @- M$ T+ m( O* n9 F
  3、选定星形对象,按“Ctrl+J”组合键或者单击工具栏上的“合并”按钮
; }7 T5 S* C6 M, }- s( C% y8 v2 R# z4 Y! Z. Y; @# q
,对其进行路径合并操作,从而将自动形状对象转换为路径对象。
$ z8 e2 a; a0 ?  ]  4、选择菜单“编辑|插入|多边形切片”命令,编辑区上马上就会添加一个与星形对象同形状的切片对象了。
# m0 [" C: W. k& W+ D' [+ ]( m1 Y. c/ n: s; k: c
- s+ ^5 m0 i! m9 c. `
# x- ~. K# l2 x0 Z3 U" ?
  [提示:]需要进行插入多边形切片命令操作的对象源必须是路径对象,如果是自动形状对象,或者位图对象,均不会添加多边形的切片,而是自动添加一个覆盖对象大小的矩形切片。这也就是我们必须要对“星形”自动对象执行“合并”路径操作的原因所在了。
) D" L: O0 ~2 H; {. \3 ]  z[首页]????[上一页]????
) y( e* }) C/ h/ t2 g[下一页]6 I+ A- y, g- _5 J0 o1 J& j( s4 u0 f
????7 K# @( Y) t; \+ {
[末页]
$ b  U7 D  K0 y% y0 @????选择页数123456789, n; U2 K: ?2 i

- }( ]( g7 _6 H4 J
& E8 _+ B- u, t' W3 ~0 p  (二)、变形对象的多边形切片插入。
' o6 V, J1 n5 [4 W9 N7 J: i& Q( j  1、通过“自动形状属性”面板,插入“星形”对象。对于“星形”自动形状对象的属性,做一个设置,具体设置内容请参看下图。
9 Q6 `8 D/ {% O. F8 N4 c3 ?
6 t$ J$ J+ u. [, \2 @2 F) A1 n* x% w% T
- t( a0 m4 n0 F; @: }
  2、经过相关的设置,编辑区的星形对象会呈现出如下图所示的效果,应该说是一种非常复杂的路径对象了。
! h* L' {) l6 ]
' s. P! C6 r7 u7 k
5 R8 f+ g+ ~" _& X% d$ L! F' Q' R, j& }
  3、同理,选定变形星形对象,按“Ctrl+J”组合键或者单击工具栏上的“合并”按钮
  n% U+ z% f' ]3 x6 n; u
7 ~( `( @9 _4 n7 F! I- j,对其进行路径合并操作,将其转换为路径对象。" W. T6 S. X0 X: U1 {
  4、选择菜单“编辑|插入|多边形切片”命令,编辑区上同样会添加一个与变形星形对象相同形状的切片对象。
1 e5 @; F, K% u1 Z+ Q% l( x
8 B4 ^$ p' G4 x/ D1 M9 {! x: p, [2 i" ]5 x7 h; v

0 ?3 ~9 D% b2 Q/ I# P7 }' c  [提示:]由本例可见,只要是单一的闭合路径,不管该路径对象的复杂程度多高,对于插入多边形切片命令是根本没有影响的。3 o' l) @3 O% G6 w- w
6 I, S& |+ Q1 {3 `; o
[首页]+ x9 Q  m& N, c: `8 B/ G
????
, W0 C4 o. w$ e! W2 U1 L. l6 u1 y[上一页]- i9 E! w0 g" m( ?' T: r" p
????+ n2 Q7 [9 w% E
[下一页]( C2 c6 }& `  ~1 T/ z  Z" p
????
( `0 J' u  x' H5 f* E7 N- R[末页]
) b' s7 Q& r5 e# Y1 q7 O6 d????选择页数123456789
( {+ i. ~8 a1 x4 v6 A. y8 q
$ E+ X9 B& W5 _6 c" c5 S) w% v7 K
7 G3 F) z, j- X/ c& P  (三)、手动绘制的复杂形状的多边形切片插入。  n7 |4 t3 u2 A  y+ x
  1、选取工具箱的“钢笔”工具,在编辑区任意绘制一个你认为足够复杂的闭合路径对象。( j5 j3 A% s3 h. i1 o# {

5 u- T& |1 E/ x/ e% P
: W5 C1 W$ l2 s  [* P: c0 R' }3 u" P  J0 c1 h' j# _3 c9 G
  2、选择菜单“编辑|插入|多边形切片”命令,编辑区上同样会添加一个与你绘制的路径对象相同的同形状的多边形切片对象。
1 ^6 w$ T/ j+ R0 D: h- E- n+ w
# w+ T2 w0 f9 Y- {" q) C7 s5 Z- M( i
/ w3 w) ^2 M- z1 T
  [注意]:一定要在闭合路径上执行插入多边形切片命令的操作,如果是开放路径的话, Fireworks 会自动的将起、始的路径节点用直线连接,形成闭合路径后再插入多边形切片。
! B/ j  }7 d- u3 r7 N+ A3 _- \% c, e
[首页]+ t7 b, s+ T: `' q: _( w, O5 W
????5 f7 D% T& u: \8 c" H* J- `; y
[上一页]
8 ]1 y2 d5 L" O3 G+ V0 `????. Y: q; z+ Z5 r+ T; i6 S
[下一页]
: E3 i  [! L5 b! b" C????
+ R5 i" W! V7 s/ h3 ^+ H[末页]
  M  f( P" F7 N3 p2 x9 @????选择页数123456789
4 x) _" w: |7 O5 y+ i2 L3 o' G; k+ A4 D( ]6 L/ x

# M( {* h1 o% Z/ g8 I. ]( ^  (四)、对于合成路径对象的多边形切片插入。, `( v1 Y- F" e3 M
  上面三个例子都是对单独的路径对象做插入多边形切片的操作,如果我们对多个路径对象做合成路径的相关操作后,还能否直接插入多边形切片呢,下面我们就来看看实际的操作结果。
% S  R0 S$ y: E, v/ I) I  [提示]:为了便于理解,我们只使用两个路径对象来进行合成路径的操作,然后对合成路径再做插入多边形切边的操作。
+ [' |  i5 K! v- `3 S9 y1 ~  1、在编辑区上绘制四个对象:绘制三个星形对象,均将其点数设为较大的数值,绘制一个矩形对象,为了便于理解,我们将其在编辑区首先摆放如下图所示:2 b' w$ i! I7 P8 E, K
, t% M1 \5 h  ~

9 M  j4 s  m# l5 D% N* A+ T: e& S, B) Y0 p! M
  2、以位于上面的两个对象为一组、下面的两个对象为一组,将其位置均作一个一个调整,分别使其处于相交的状态,具体效果如下图所示。8 B: E9 _9 B+ E4 m) a; F* y

& i! P" q' p  }0 k* L: j- R# `# B/ j* \, s/ T4 e
1 `% m+ m" g: E+ S, _, V
  [注意]:摆放位置可以根据个人情况来随意放置,本例仅仅是一个普通的说明,并非什么特例情况,希望大家注意。  b: p0 M- A, I' P7 e6 j+ d$ M
  3、先后对上面两个对象,下面两个对象执行菜单“修改|合成路径|联合”命令,编辑区对象此刻会如下图所示。
" A. Y8 @1 I& p2 l/ n1 @1 m2 R& [1 U- |" l9 n9 c/ D4 s. n

$ A+ n) u+ S, s2 f6 f8 g* ^5 h/ Z6 e- O3 e7 l
  4、接下来,我们分别对上下两个合成路径对象执行菜单“编辑|插入|多边形切片”命令,可以看到上面的路径对象并未象我们预期的那样插入多边形切片,而是插入的矩形切片,下面路径对象则是按照要求插入了多边形切片,请看下图插入多边新切片的效果。
4 c* v5 D* Z$ C. Y. {
$ z, G  C& e! N3 ?$ g3 l) B  C" f* a% a! W+ M; V; A3 g

3 x1 X7 p/ A$ ~0 d  5、接下来,我们撤销刚才的操作步骤,回到第2步的操作状态。然后先对上面两个对象执行菜单“修改|合成路径|合并”命令,接着对下面两个对象执行菜单“修改|合成路径|打孔”命令,编辑区对象此刻会如下图所示。
7 I% t* a0 H9 Q) ?' m9 o( F5 w; n9 |& x% B% K" E7 V9 {  F. g
1 h5 E4 l" t- r( y& F

2 T' w2 l7 b4 r- T: I* ?: k/ F# I- U  6、分别对上下两个合成路径对象执行菜单“编辑|插入|多边形切片”命令,可以看到上下两个合成路径对象都插入了矩形切片,请看下图效果。9 u+ w# I5 [! e4 f% b, E* [$ _
' l9 q- H6 E# }
# n; z: H1 v# W# W3 a& _
* B0 q3 e# C! w8 z: H0 c7 E' W
  [小结]:对于单独的路径对象,无论该路径对象多么复杂,使用菜单“编辑|插入|多边形切片”命令均可以插入同路径对象相同的切片对象;但是对于合成路径对象,只要出现了不连续路径,都会统统以矩形切片的形式来出现。所以,这就需要我们在插入多边形切片之前,对路径对象要有了结,对于需要进行合成路径操作的这种情况,要尽量避免不连续路径的产生,以便于插入预期的多边形切片。最后再看一个示意图,加深一下印象。
( A+ r! Q0 }; |6 E% }$ j. o6 F* L  |: d) y  H" Y

+ Z! C. c3 A% g( S) e1 l0 j. l6 L, O7 m' K
  如果是合成路径的话,还有一点儿需要特别注意,即使是连续的路径,在某种情况下,也会出现无法插入多边形切片的情况,那就是通过进行组合路径命令的操作后形成的镂空效果的合成路径对象,即使其为闭合路径对象,仍是无法实现插入多边形切片命令的后想要出现的预期效果,而是以矩形切片的形式插入,请看下图的示范,加深理解。
  A# C6 L- }3 t1 C5 e1 C) }2 J
1 l& g$ W& f1 y2 ~' |
; [# G7 {9 S8 ^% }) I1 p" M
( e$ P0 Z6 j, @+ W; ]  由上面,我们归纳出一条相对比较完整的结论:如果需要对选择的对象进行插入多边形切片命令的操作的话,必须要保证该对象为单独的闭合路径对象5 B8 o: g9 {5 {' r6 A- u. Z# }" g
  对于位图对象,如果想插入多边形切片的话,就需要使用到接下来要介绍的菜单“选择|将选取框转换为路径”命令将其先转化为路径对象,然后再使用插入多边形切片的命令来实现最终目的。请先看一个简单的图像操作示意图,具体的菜单“选择|将选取框转换为路径”命令的使用方法请见下文。# f; O+ @) r" a1 i/ Q  w

9 Z* X# `! [) `8 F
+ t* s% j. m/ n
. e- T3 ^8 R$ z% E. i$ C/ W* N" z
[首页]. G. H6 o, {- T: {1 w+ t  V
????- T" k' M( G* [) R, L
[上一页]6 N) V' S$ ]6 ~$ y) f
????
3 R& _) X7 E1 J- U$ b9 O8 Q$ b[下一页]8 J4 N* {3 R- c. f4 J3 n; ~
????
- R$ f% u0 z7 N" `4 o[末页]
+ o4 B9 ^3 ]8 N  E+ a" s????选择页数123456789
" r1 H6 v! L5 X- j; x! F3 p! v; \% |& g- R  t( K
* V3 Z7 ]$ }5 V8 w" t
  二、菜单“编辑|库”命令组$ E. Y! T" B9 w# m2 l' V
  选择菜单“编辑|库”命令,即可出现如下图所示的 Fireworks 8 自带的库对象,有“Thumbs、主题、动画、项目符号、按钮及其Halo Lite”等六组库对象,不过其中的Thumbs库对象里面没有内容,却是不知道为何。0 m, S4 L8 I2 C
  其实在上节中对于“库”面板我们已经有了一些介绍,现在所说的的“库”命令和“库”面板是有一定关系的,但是两者却不相同,这点儿需要大家注意。
, P+ W2 F5 x% b9 `  i; Y- K  F% M
4 d9 D$ m" Z9 w6 Y8 s) ?  g% N, `0 p: p
! {; N: R2 ]' d. p* ?, o
  单击任何一个库对象,此处选择Halo Lite对象,编辑区会出现导入元件的对话框,如下图所示,单击其中的任意一个元件对象,然后单击“导入”按钮,即可实现对该元件对象的导入。
5 z5 R, F# L0 x, Q1 D8 e8 {1 ]" M
6 S4 I; c- Z: K1 J8 T9 ^) a. r( I2 s) K& X: {
( S, I3 \8 z$ s1 F
  导入的元件对象会自动出现在“库”面板里面,可以备将来随时调用了。
  ~" |/ W+ t6 C8 j, h/ O/ {& O3 b& g# S$ g2 I% R
[首页]
: K3 i6 o! G) V5 G????0 t' h3 A& R8 d; D
[上一页]& p! ]& M+ }6 d! R! M; t
????
% c; M- G* Y$ {[下一页]
/ w8 S7 v' C; o????
5 i2 k+ K! k4 c3 @[末页]% I8 W- c! F! I6 M9 ^2 m8 o2 y
????选择页数123456789
- C! ]+ {; ~: d5 x, m6 q* J3 o. D; z1 V, }( ?) C+ K/ Z: v

, ~2 ]  a' k5 [  三、菜单“选择|将选取框转换为路径”命令 ; Y: c$ A6 S& k: q* [+ p
  如果让你来挑选 Fireworks 8 里面给你带来触动最大的变化是什么,你会选择什么呢?如果是我的话,我选择本节即将要介绍到的这两个命令。这两个命令的出现和改进,使得在 Fireworks 中进行位图处理的操作在一定程度变得方式更为灵活多样了,而且对于选区的控制、选取也更为精确了。关于两个命令的具体使用,我们会通过后面的实例操作来做一个详细的介绍。9 t& K. T. ^' W  l% V& h: |
  其实在 Fireworks 先前的多个版本中都在不厌其烦的宣传其矢量图型的处理能力,并且有的朋友在理解 Fireworks 和PS的区别的时候也会拿出这一点儿来说事儿。但是Adobe的Illustrator在矢量图形的处理上一直都在业界口碑不错,应该说比 Fireworks 的矢量制作、处理功能要强上许多。在 Fireworks 8 里面新增的“将选取框转换为路径”的命令对于在矢量图形的处理上应该说是一大进步,接下来,我们通过“制作矢量卡通人物”的实例来看看这个命令的强大所在。
" {) g; N8 ?, p; Z" W7 j' S' ~  实例1 制作矢量人物
6 H5 p/ A3 e) K1 Z! {% A  请注意,文章的标题很明确,是“制作”,非“绘制”,大家可要分清。风筝本人不是什么美术人士,也无任何美术功底,不会在这里冒充美术工作者教大家“绘制”任何的图形效果,我们在本例中是要通过比照现成的位图图形对象,配合 Fireworks 8 软件的使用来制作出矢量图形对象来。请先来看下面制作好的矢量卡通人物造型:
8 _" e6 O( \' ]+ B: D+ X
$ \8 d7 o& W& T2 v9 d
2 ~7 W! c, o: ^; H1 q6 e' I2 G/ w' K) W
  本例素材文件下载(88KB, Winzip压缩文件)  源文件下载(88KB, Winzip压缩文件); z. U% R5 _6 o) a8 v' v
  [提示]开始本例制作之前,大家可以先把素材文件下载保存到本地硬盘上备用。
# A2 ]! u! D" V) Z) S" ~  1、打开 Fireworks ,新建文件。导入本例提供的素材文件,以备后面接下来的操作。5 v# Q) q& g5 Z! J/ B* A
  2、选取工具箱的“魔术棒”工具,在人物对象的黑色边线轮廓上单击,即可快速的对人物边线轮廓实现全部选定。
# Z+ c) n% P2 j; r2 u! W
2 Q4 {7 e" c9 C3 S4 R, }' p, v
0 f: ^4 ], Q* p5 z2 c8 G
6 k2 O9 ~$ V1 j9 |' |  3、放大编辑区视图,发现脸部的部分轮廓及其头发的内部轮廓没有被选定。2 b& a& c$ w& i+ q( n8 l
) L# `- N1 F5 c3 z! U
. |% ~% X. i# q
8 _1 n1 N1 M$ ^4 U: Z5 T# T9 ?
  此时可以配合Shift键,在未被选定的轮廓处单击魔术棒进行选区的叠加,还可以使用更为简单的一招,这个也是 Fireworks 8 新增的一个非常有效的功能了,那就是“动态选取框”。
, P* [; x& ~0 H: z5 i, Q) H( e/ B, G' v+ r4 A

$ x' A+ Y/ K8 s8 y6 U9 b1 H  L* C9 `' C" l% q; I4 ]" o" E
  在这里可以将容差值加大,变为70多的样子,可以发现,刚才剩余的未被选中的那些轮廓线也被选中了,这样就完成了轮廓部分的选取工作。
$ M& ?% Y) k. e8 o3 U9 m: S! S! I; k( n' L4 L

6 u% ~: @7 g( p
: Y' b( _4 j& ^) X, i  [补充]:动态选取框的功能介绍
9 G& h$ Z2 d* i0 G+ R$ B  对于先前的 Fireworks 版本来说,如果使用魔术棒工具对位图对象做了选取操作后,对选区不满意的话,就可能需要对容差值做一个更改,然后再次进行选区的选取操作。而在 Fireworks 8 中,动态选取框功能的引入使得选区选取的工作变得轻松了许多,你可以首先按照经验设定一个合适的容差值,对位图对象进行选区选取操作,一旦对于选区的大小区域不满意的话,可以直接在属性检查器上对容差值做进一步的更改,而更改的结果也会马上反应到选区上去,这样对于选区的控制就方便得多了。/ S: N: f# `6 ~5 a" |, ]
  例如,我们需要对下图的云彩的形状做一个选区的选取。
( D. W& X& a7 ]0 J! G* ^
, X! Z. O6 p$ K3 b4 @
2 a# e( R- H/ S2 H! W
* |: p( F0 b. v* |: e  使用魔术棒工具,将容差值设为“20”,然后在云彩的金黄部分单击,出现选区。
! G5 W$ w$ W2 H/ T7 W
) B  f- Q) a2 O" Z, K5 M' K
2 g& S# Z  a( @3 ~! v
# |) a) `* n! M: C* {  q. v! ^容差值为“20”时的选区9 C8 T+ s' z% U! p4 g8 y# k
  首先要保证属性检查器上的“动态选取框”的复选框处于选定状态,接下来就可以对容差值做进一步的调整了,通过调整容差值的大小,可以看到编辑区上的选区也会随着容差数值的变化而快速的进行着变化,一旦出现你需要的选区形状,即可结束对容差数值的调整了。! b$ |: x& Y# m' w5 F

" t! W% A6 l' l0 u
" a6 g' }$ W! ?; O: g+ @* ]( R9 n. j- ^
  容差值为“63”时的选区# L$ K/ P+ z7 Q$ U

* Q- v$ o& \+ L1 V& l) n! {% M/ v1 o& m2 J8 g

/ U3 p. T/ k/ k/ A" _容差值为“94”时的选区2 n; M! X7 |6 r$ F8 V" j# b
  关于动态选取框的介绍就这么多了,对于该功能的理解需要大家通过实践来具体体会了。
# Z' ^* T* s* _7 y7 T- |  4、选择菜单“选择|将选取框转换为路径”命令,即可将位图人物的总体轮廓转化为路径对象,如下图所示。
5 n- d. C* A1 H: \: H/ C" J  ~
8 C, {, l5 L6 c0 O; [7 q+ i: j3 s, X$ P! U: Y

/ ]- y; d+ t* r: T) V- b4 B  5、将转化的轮廓路径的填充颜色设为黑色,描边色设为无,这样人物的路径轮廓就完成了。
8 l6 w) [3 {# r$ v9 |
: e8 u2 t: Y! z9 P0 n8 J
6 K3 u! y8 m6 H9 D! C# k
# |$ B0 w* V, v& b7 p8 S" W  6、接下来,就按照第2到第4步的操作方法,依次对人物的其余部分做转换为路径的操作,对填充颜色及其描边做相应的设置,一个矢量的人物对象马上就会在编辑区出现了,本例的制作也就宣告结束了。* u% G3 v4 v( V4 W0 M
  [小技巧]:在进行选区转换为路径操作之前,可以先将工具箱上的填充颜色井的颜色通过滴管选取,将其设为和需要进行转化的区域相同的颜色,这样就可以避免将来再次对其颜色做调整的工作了。0 }: ]9 K7 G' J4 j* R
  例如,接下来我们要转换头发区域,可以先使用魔术棒工具选定蓝色头发区域,然后选取工具箱的滴管工具,在头发区域上进行取色,将填充颜色井的颜色设为相应的颜色,接下来再执行菜单“选择|将选取框转换为路径”命令,头发区域的矢量效果也就一步到位了。0 t' v7 c( E" Q" h, A9 s, j+ _
2 ^. b4 D3 J$ c
[首页]
( g  J! U' x2 b6 i# }6 Y4 v????% b% G" f$ Q4 I7 a: X
[上一页]
5 f8 g/ A: K- G: T????
% w: H8 F0 R3 t+ U7 ?: }[下一页]
3 M8 Y0 Y+ d4 t  \% ^????5 M7 w# {$ t& G: a/ `
[末页]
( a$ ?: X! `1 r4 O7 T, n3 o  K????选择页数123456789$ D) b  ^/ K6 g% g% d6 D/ T

# R2 H1 a2 Z1 {5 ~, t( ~3 ~& c6 |8 Q* V* O' I3 f+ ]- h7 [
  四、菜单“修改|将路径转换为选取框”命令 和 菜单“选择|保存位图所选”命令
9 a+ _5 @$ V1 P& C. M% r* }  经过一段时间的时候,估计有些朋友对于一个功能的改变应该很是不适应的,那就是原来通过在层面板上配合“Ctrl”键单击路径对象层,从而快速获得该路径对象的选区,但是这么实用的功能却不知为何在 Fireworks 8 中莫名其妙的又消失不见了,个人认为“将路径转换为选取框”命令就是对这种操作方法的一个变相调整,当然用起来也不能说不方便,不过对于习惯了老版 Fireworks 的用户来说,又得适应一下子了。如果把“将路径转换为选取框”命令和“保存位图所选”命令结合起来使用的话,在实战中倒是有很大的作用的,下面我们通过制作奥林匹克五环旗的效果,来对这两个命令及其与之相联系的命令做一个了解。( i9 c; |% w/ j% @+ o" K/ D% {$ X
  实例2 制作奥林匹克五环旗], K3 T  Y0 V! s5 Z* Q  I  D
  教程开始之前,还是先来看看本例制作完成的效果图。
6 \- {+ T, P8 Y& d0 m  q3 H5 U+ ~! B0 V6 e
1 I3 c4 @- N# c4 i3 o% A
9 m2 h" e& C3 y3 L
  源文件下载(215KB, Winzip压缩文件)
& O% |4 P, `3 u6 ^  1、打开 Fireworks ,新建文件,大小、背景色随意。
1 S- r, M, r# p& u5 p) B  2、打开“自动形状属性”面板,插入“面圈形”自动形状对象,然后按“Ctrl+D”组合键依次再克隆出2个“面圈形”对象,同时选定编辑区的三个路径对象。6 d& x5 D+ M" m% i- w0 I
, M2 X2 j* M: S% T( {' u- O
0 U1 A5 N1 `. t- }2 a3 G2 D' ?

8 R# `  ~4 a" H. _5 @- O, C( _8 l) L  3、打开“对齐”面板,依次单击“垂直居中”和“水平中间分布”按钮,将三个路径对象按照水平方向等距离摆放好。
  u7 W/ X$ P0 H& b/ S7 U
. E  x& Q6 u$ T( S
8 s# f" S8 y# C: {
+ o1 G1 K* S9 e  4、同时选定两个路径对象,克隆它们,然后放置到三个圆环的下方居中的位置,可以通过属性检查器对其“X、Y”的数值做精确调整。调整完毕,依次将圆环路径对象的填充色做一个设置,具体的颜色设置我们参照奥林匹克旗帜来进行,最终颜色设置完毕后效果如下所示。
" w  U" S% [) o5 |: B3 Q/ [- x4 t  o- T% H9 m2 n) J( Z  E+ e

+ T& u. }+ I" f) M! [& G
" p/ b4 i2 M6 ^/ h5 E1 A8 q  5、按“Ctrl+A”组合键,同时选定编辑区的路径对象,然后克隆它们。为了便于操作,可以在层面板上新建一个层,然后将克隆的路径对象拖放到新层中。
- g4 G3 q. F. `0 C0 G0 P5 k4 w  6、选中克隆的蓝色的圆环对象,选择菜单“修改|将路径转换为选取框”命令,弹出“将路径转换为选取框”的对话框,对边缘部分可以做“实边、消除锯齿、羽化、”等三项的调整,本例选用了默认的“消除锯齿”效果,单击确定按钮即可。& [' g/ N2 `% |& e1 m* Z" O+ S
- }$ _. E  B$ `, S" ^
/ h( R& V7 o% [5 p2 a# u2 Y

6 `0 F5 j4 U% B7 @+ }5 g, [; v  7、此刻克隆的蓝色圆环对象会消失,代之出现的是一个圆环形状的选区框,不要取消选区框,接下来马上选择菜单“选择|保存位图所选”命令,在弹出的“保存所选”的对话框中,可以看到保存选取框的内容已经大大增强了,别的暂且不管,我们只需要在“名称”栏内给我们需要保存的这个选取框键入一个对应的名称即可了,单击确定按钮,完成对该选取框的保存。. I% a2 ^: |7 _: B1 x1 q
/ T0 k$ b2 f  H: l$ h3 c2 w
2 P- I( y4 a1 t/ ~" a
4 I/ ^1 E6 G8 @3 g: c/ w
  [提示]:对于需要保存的选取框,可以选择将选取框保存在本文档或是其他的文档中(前提是工作区上打开了多个文档对象),也可以选择对于所要保存的选取框是“新建”这个选取框还是对该选取框与其他的预先保存的选取框(前提是在相应的文档对象中,已经进行保存位图所选的命令操作)进行选区的进一步计算操作。
( ?5 q9 a, |. g  而且我们还可以发现,对于多选区的操作方式也比较全面了:) s! S% j5 ^/ b3 H% A1 D, Z
  a.添加到所选范围(对于先前的 Fireworks 版本我们是通过配合Shift键来实现添加选区的操作的);b.从所选中去除(此项操作是通过配合Alt键来实现的);c.与所选交叉(此项操作是通过配合Alt+Shift键来实现的)”。7 z, q: y+ M% K2 a) t* U! |
  8、接下来,选中克隆的黄色圆环路径对象,选择菜单“修改|将路径转换为选取框”命令,然后选择菜单“选择|保存位图所选”命令,命名为“黄色”,单击确定按钮。* ?  ^/ X) X/ S/ N5 B3 W

/ `' u. @% V# v( n9 e  C- h$ F5 c- b- G1 M/ x
& ~. G( n# F1 t" S# W& q& I- q
  9、不要取消编辑区上的选取框,接着选择菜单“选择|恢复位图所选”名令,在弹出的“恢复所选”的对话框中,单击源区域内“所选”的下来菜单,选择“蓝色”,在操作区域内,将方法设为“与所选交叉”,单击确定按钮。) b8 w, S# Z& U! F- ^# m( g

0 p$ l! a1 \" \6 d5 q4 F
) T% t8 F7 x: b1 v3 P3 @5 Q7 Z9 k: w8 R# a3 |3 `4 N
  10、可以发现编辑区上的交叉选区出现了,如下图所示。
& }4 v! `! D* P; h$ X( B/ a3 n
" f6 b& s* Z1 o" U$ X: K
* Y' Z/ s& _( Z
# m& d/ T2 g$ A5 J4 r  [注意]:需要解释一下了,我们上面这几步的操作目的就是为了要制作出两环嵌套的效果来,到本步,蓝黄两环的相交的选区已经得到,但是观察奥林匹克会旗可以得到上面的相交选区是我们需要的,所以还需要将下方的相交选区去除掉。7 h1 u  w8 o4 N( C- ^) k
  11、选取工具箱的矩形选取框工具,配合Alt键,将下方的相交选区选中,从而实现选区的去除。% R+ @& l; k# @, F! G2 r
% r2 t* l2 K9 k% ^" F) I

5 e7 E/ |/ x: l8 i! d' m6 S* r6 t: N7 B
  12、将填充颜色井的颜色设为蓝色,按“Alt+Del”组合键,快速对选区对象实现颜色填充,经过本步操作,编辑区上红黄两个圆环的嵌套效果就出现了。
  y0 W7 u$ g+ u( f; H) b0 C6 K- M3 A

6 \; \6 p6 q0 q* A; o: T" R+ ^; ~, C3 r
  13、接下来选中克隆的黑色圆环对象,还是重复上面的几个命令:先是选择菜单“修改|将路径转换为选取框”命令,然后选择菜单“选择|保存位图所选”命令,将其命名为“黑色”,接着选择菜单“选择|恢复位图所选”名令,在弹出的“恢复所选”的对话框中,单击源区域内“所选”的下来菜单,选择“黄色”,在操作区域内,将方法设为“与所选交叉”,单击确定按钮。* V# T7 A3 R4 L. n. e6 S2 M

% ^) t$ o% }9 z( o( Q
2 i7 r3 p& m' x9 V6 ?  {/ n: z( e  k1 `$ x2 K! f* S
  14、接下来参照第10到12步的操作,制造黑色圆环和黄色圆环的嵌套效果。
& m3 s, \1 {6 K8 r" s  15、接下来的操作就不再一一介绍了,参照上面的步骤操作,依次将黑色和绿色圆环、绿色和红色圆环的嵌套分别做好,就可以出现五环嵌套的效果了。
/ Y5 Z' h8 }# Q3 o
$ v3 G7 w) L& B" b+ n! o6 D" s, A
- q5 Q) c( t1 S. e$ R1 h. o
6 O$ X4 @7 o- U2 T+ }  16、接下来,就通过属性检查器上的滤镜菜单命令的操作,给制作出来的五环标志做一个进步的效果处理。首先按“Ctrl+A”组合键,将编辑区的对象全选,然后按“Ctrl+G”组合键,组合它们为一个操作对象。选中组合对象,依次对其执行接下来的一些滤镜命令的操作。' C) [% x# ~: U( n; ?* T
  17、选择滤镜菜单的“杂点|新增杂点”命令,具体设置如下图所示。  u0 x9 j1 c$ z0 J5 p1 C% @

% }2 u3 D( G' |( B5 s; ~* ~2 `3 D

8 L% S4 y3 t! W$ r, Y  18、执行滤镜菜单“阴影和光晕|投影”命令,具体设置如下图所示。6 |. F6 i; h3 [8 ?0 G$ u# k: `
' I( }: N( X+ x2 a7 M9 t0 Z% d! z+ ~
3 H& C6 E- k7 @3 I

; V0 i0 z' s6 Z" r4 F+ e( N  19、执行滤镜菜单“斜角和浮雕|内斜角”命令,具体的设置如下所示:2 v8 A7 t. {+ M: Z" A( n
* ^5 [% r- |0 y1 U" |3 X# u

) W4 k. O+ x7 u
7 o' U, h, E2 n  20、最后,对其执行滤镜菜单“阴影和光晕|春色阴影”命令,有关该滤镜命令的使用方法,我们在后面的教程中会有详细的介绍,本例只需参照下图所示进行设置即可了。6 l- C$ v1 ^4 p' v( V6 g
; G. {; z4 ]" G/ M' d" A: H
9 L3 x+ f) [, u) T

0 i1 E5 ?  {* s( y% a/ m# c2 g  21、最终效果制作完成,保存,退出。5 K! X/ I0 b8 A  u+ z4 k. I
  [注意]:在对非位图对象进行操作的时候,或者在编辑区上没有任何选区存在的情况下,即使你已经有了多个保存的选取框,菜单“选择|恢复位图所选”命令仍旧为灰色显示,为不可用状态。解决的方法就是要么创建新的选区,要么就新建位图土层或者对象,以激活该菜单命令。
' [- y1 l3 S; H& o, M  [小结]:通过本节的学习,感觉 Fireworks 8 在选区控制、操作上的确是有了一定的进步,不过由于没有通道概念的引入,这些功能怎么看来都还是显得单薄许多,不过对于我们的日常的应用,只要要求不是太高的位图图形处理,应该是足够应付的了,具体功能还是那句话:亲自实践它!/ ?( x4 g6 @5 I. s
  五、菜单“命令|创意|添加阴影”命令
5 B. \& D6 F/ K3 x( B2 x+ f  对于该命令的讲解,我们还是通过实例来说明,通过制作一个透视阴影的具体实例,相信大家对于该命令的使用方法会有一个全面的认识的。
" U/ ^' c& P! o. H+ K, L+ \
! t) Q, D1 n0 J1 a* G[首页]4 {! C% B- Z0 @* R
????
% ^  ~* {) f  Q* D( }# w6 t7 h0 D[上一页]; D! u0 d  ^) y" O7 W; i
????
- y$ T( T2 A, `% J3 Q/ I( Q[下一页]* k1 S, a' c; g
????
( W% Q* C: v( }+ y& Z- v, t: e[末页]% V- I' Z! |) H* @
????选择页数123456789
5 z  e/ q/ {. M! L8 m# a8 q/ \  O- h3 [: Y) e

$ i  c; _9 j; _  实例3 透视文字特效) W0 L* z( L' I+ ~* {3 d
  教程开始之前,照例还是先来看一下效果图。4 K. {; B7 R% \, \* L

9 o! D. K% g% a9 E" {* G: r+ L# X; a& d7 Y! Q

# y0 c3 R. C9 j+ N4 ~) q$ o& b  源文件下载(72KB, Winzip压缩文件). }+ k! J* r. Q7 y
  1、打开 Fireworks 8 ,新建一个文件,大小、背景色随意。) x) G8 }* B' j  H
  2、在编辑区绘制一个矩形对象,作为编辑区的背景。矩形对象采用线形渐变填充,本例采用的填充颜色设置为“#0054C1— #FFFFFF”,填充效果如下图所示(填充颜色可自行设定)。. G! n" c  M% ]- n

4 c0 G/ i# ^8 M+ H* G- f4 n' u9 h* U6 t1 X+ A
. I) z" ]+ j( P: z8 E, C' [
  3、在编辑区输入文本对象,本例文本对象的字体采用了“Arial Black”,并对其也做了渐变填充的设定,本例文本对象的填充颜色设置为“#0066CC — #000000”,如下图所示。
" o; J% a" r9 N: H/ U7 N
$ ?# {  p* ]  ~+ w& f  B' f. e
2 [5 j2 t0 ~/ q, \& p- s, X4 H0 D2 s# l' u5 X! e0 f" {  `: Z- W8 i
  4、调整文本对象的渐变色的填充方向,将线形渐变的方向由水平调整为垂直方向,如下图。
  F; c: b( h: A7 z
; r1 y2 `" [3 r) N, G6 g2 i; E4 P4 `
9 m! d# J# F" |3 N# d* s
  5、选中文本对象,选择菜单“命令|创意|添加阴影”命令,这样即可给文本对象快速添加了一个透视阴影,如下图所示。
' E3 ~1 }3 d0 I  J  W4 y
2 u  V& L+ L: P% j$ O8 `/ F7 U8 T; }9 D* [: y# N, f
3 e& V" |; t: m* A
  6、在添加的透视阴影对象上,我们可以发现共有两个黄色的菱形控制点,将鼠标移动到左侧的菱形控制点上,会出现提示:“方向:单击以重制”,所以,我们暂且将其称为“方向控制点”。& w. o. n; M9 E

! d& `1 s- }$ f, O9 g' h9 I* A3 ]" R
) B' ]+ G  O; E; x  t
  7、单击方向控制点,添加的阴影对象会自动恢复到和编辑区的文本对象相同的大小,并且阴影对象位于文本对象的下层,如下图所示。
) v7 J  |7 f- s  ?' _) A8 a  Q! I9 h- R9 t

2 q1 g7 n" j% D" a4 n
. R7 E* u) r# G8 R& w  8、此刻只需通过拖动方向控制点,即可对阴影的方向做一个任意的改变。本例中,我们计划将阴影投在文字的前方,所以应该向下方拖动方向控制点,具体操作如图所示
/ {8 Y/ T) w* J5 {6 G' q) N! i) W, A. q5 h6 O

/ u: D5 n- w1 f+ J# I8 u3 V
; h2 }# A  O1 J) l, w5 L; p  9、经过对方向控制点的调整,编辑区的阴影效果会如下图所示,透视阴影效果已经基本呈现了。如果对于目前的效果不满意,可以通过拖动方向控制点做一个进一步的调整,也可以单击该方向控制点,回到透视阴影的原始状态,然后再重新调整透视阴影的方向。
9 Z5 ^: Y6 ]$ d8 p, C0 j% Q! @* E9 m8 [) U( c0 x. f" i0 e, O9 U4 d
, H$ {1 z  t  J) R4 f; e

: E6 `+ W6 u$ i$ g  10、接下来来看另外一个黄色的菱形调节点的作用。在透视阴影对象的角上,还有一个黄色的菱形控制点,将鼠标移动到该控制点上即可出现“透视:单击以重置”的提示,该控制点是用来控制透视阴影的具体透视形状效果的,我们暂且将该控制点称为“透视控制点”。& z- u' A+ I7 Q& Z& `+ d, Q

2 o( T* U2 w( x% U  s! Y& m: p
( u: o6 }( S$ ?3 k( S
9 [+ G! W$ D' V' |6 ^  11、拖动透视控制点,即可调整阴影对象的透视形状,如下图所示,对透视控制点向右侧方向进行拖动,这样即可对透视阴影的透视形状做一个调整了,如下图所示。
: {0 `& D  e' j' d2 x4 j; R6 ~
& r9 y; k8 c" v5 d) e) \
; z3 Q/ u4 @$ K' `9 ^4 H+ e  K" W& x3 h6 m) _
  12、通过向右侧拖动透视控制点,可以产生如下图所示的透视阴影效果。同上面一样的是,如果对于透视阴影的形状不满意的话,单击该控制点即可恢复到透视阴影形状的“出厂设置”了。" j/ z( ?8 Z' q, z6 Q
1 Z8 ~2 t" D8 w

, p" h9 h" a3 \; r5 d; i3 P$ [0 O/ l% s
  [注意]:如果还需要对透视阴影的方向做进一步的调整的话,就需要通过向左或向右的方向拖动方向控制点,来对透视阴影的形状做一个水平方向的变形处理了,如下图所示。9 \/ A& o% M1 r% T; i
0 D- L3 @9 e1 U; e4 v# v0 P
$ v5 H7 P- e) t% R& B: U+ l- s

" K4 e+ j# Z# F8 a: L2 E  如果需要对阴影的填充颜色作调整,直接调整属性检查器上的填充颜色井即可,还可以通过调整填充手柄,对阴影效果做进一步细微的调整。本例在后期对各部分进行了再调整,最终效果如下图所示。, @0 @" {) [( Q9 j  R

- C* Y9 x7 A( U% o# U* w
0 n  L* W  ^" [5 i/ ]8 t- W- s& ]0 C- d5 h3 a  w
  [提示]:菜单“命令|创意|添加阴影”命令只能应用到路径对象或者文本对象上,无法直接对位图对象做该命令的操作,如果需要对位图对象做透视投影的话,方法想必大家马上就会想到了:先转换为路径对象,然后再添加阴影。此为正解!( j) O1 G/ ~  K' Y9 r( E3 R
" |1 A0 A( f  G7 z7 R
[首页]
% v8 E5 W+ q( b$ A3 C# V????
5 \, l7 J/ C* f  T[上一页]# D; F- Q* e* w, \* I& z7 ~* A
????' [% B! a4 W9 g- K3 Z
[下一页]
" k) H  g, `, X????9 n- R% z% i" C0 ]0 @7 H* D7 o1 q
[末页]
5 A+ L% B2 Q  k' ?8 r: g????选择页数123456789
" A' j: H) ^! u  G4 Y$ g$ b
, m, k! E  J/ R8 s1 }! z
& K: ]7 j6 ]6 s9 ~/ v$ L' M! T  六、菜单“命令|批次执行命令”命令组
2 w& l8 D- M/ K8 P  ?Fireworks 8 的菜单命令中,菜单“命令|批次执行命令”命令组(怎么这么拗口,呵呵)里面整合了11个对于图形对象常见的选择、变形、及其滤镜操作,具体内容如下图所示,下面我们依次对其作一个简要的介绍。: D$ ^- B( R& {8 c: Q  M6 B3 i
& f* H) r$ E5 M0 @

: o* y0 q8 n9 H5 U5 [. u' [5 u9 I2 h! b! f, n( T7 v5 c0 W1 y
  1、全选命令。全部选定编辑区的对象,感觉多余,即使我们不知道全选的快捷键为“Ctrl+A”,就是直接使用菜单“选择|全选”命令来进行全部选定的操作,也比选择这个菜单要来得快,因为毕竟这个“全选”命令属于2级菜单了,所以结论为:不方便;建议:使用快捷键“Ctrl+A”来进行全选的操作。
  X( p. D* o$ ]! }  2、反选所选的颜色、模糊所选、自动色阶调整所选、锐化所选命令。常见的几个滤镜命令都集合在这里,综合上面的全选命令的设置,可以推断 Fireworks 8 出现该“批次执行命令”菜单的用心所在,即为初级操作用户服务,快速给其提供实现图形特效的一种途径,从这个角度来看的话,这几个命令的设置还算是比较合适,也算是比较常见了。3 l+ E+ u; E) Y! B
  3、将所选旋转180度、270度、90度命令。也就是将菜单“修改|变形”命令组里面的相关变形命令整合到这儿了,是对编辑区的对象做旋转变形调整,在实际操作使用的方便性上和使用修改菜单命令没有什么大的区别,建议:选中需要进行变形调整的对象,单击鼠标右键,调出快捷菜单,选择其中的“变形”菜单命令组来进行相关的变形操作。
) N* q4 o8 d: s0 ^4 X  4、旋转180度、270度、90度命令。是将菜单“修改|画布”命令组里面的相关调整命令整合到了这里,是对画布做整体的角度旋转调整。在具体的使用中,建议在编辑区外的灰色区域内单击鼠标右键,调出快捷菜单,选择其中的“画布”菜单命令组来进行相关调整工作。5 U7 l0 |3 `+ I4 ~
  [小结]:对于初学者来说,是一个很好的常见批处理的命令集合,对于操作相对熟练的用户来说,可以选择采用使用快捷键或者右键快捷菜单的方式来进行这些操作,而不必理会这个新菜单命令组的存在。 * n, w  a4 c& C2 u$ |# K
  [结语]:通过对上面六组菜单命令的较为详细的介绍,相信大家对于 Fireworks 8 里面的菜单命令已经有了一个较为全面的了解和认识了,希望大家在实战中能够快速、便捷的利用这些菜单来为我们服务。
* r/ }: X1 D5 `1 t% |- [' B[首页]
/ g! Y$ s6 [1 [0 s6 J2 G, m8 I????
" R! u2 m  F3 V2 I[上一页]* @. i& Q* \7 F- Z" H( \3 Z
????[下一页]????[末页]????选择页数123456789

本版积分规则

精彩图文

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