Fireworks教程:打造华丽仿3D炫光DNA特效(1)

如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。
, G9 X- P) @2 E; }+ u这次我创作了这个桌面，希望能抛砖引玉，让大家发掘firework的补间潜能！

5 r7 s! i8 p: g5 u! Z3 |) \
效果
8 M) X; W0 j" g+ t; }
$ a$ z: Z3 p/ @* w6 \; f, { 以下是操纵步骤：

　　1. 这次的主要应用技术是firework的路径、元件＆补间的疯狂组合使用。
　　（1）用矢量工具画一个无填充，笔触为一象素柔化的圆，约150×150px
　　（2）用钢笔工具在不相邻的两个锚点上各点一下，变尖了
　　（3）用“刀子”工具，按着Shift沿着那两个锚点切下去。把它们摆放成正弦曲线样
　　（4）用部分选定工具同时选中相近的两个锚点，按Ctrl＋J接合
　　（5） 拷贝几个，又切又接，变成⑤的样子。保证已经接合成一条路径，而不是多条

, s; N# l- b% n6 c
图1
9 E0 Q/ B9 h( T  B4 t6 ?1 K　　2. 虽然在firework里面笔触是没有渐变的，不过可以用如下的方法令到开放路径变成可以填充渐变的闭合路径
5 s+ Z0 l' `" j9 ~, R2 }　　选中刚才的路径，执行“修改－改变路径－扩展笔触”，宽度：2px角：圆角
　　其他如图所示，按“确定”，路径现在就可以填充渐变色了
8 m% W8 ?7 |9 W% q
5 @% V( T7 ^! {) u( |1 o
, m9 N7 Y. x5 D. q9 ~图2
　　3. 对路径去除“笔触”，进行“条状”渐变的填充。手柄调节如图。加一个发光滤镜。混合模式选“添加的”。呵呵，是不是有点Vista的风格呢?

( J: Z# d, ^  `
图3
8 ^1 ?/ f- @" K: v4 J8 P, N
4. 将处理过的路径克隆两个副本
* K* ?3 c, K0 U1 i7 {$ c; R) v
　　一个副本透明度改为50％，另一个副本加一象素柔化，颜色＃ff0000（鲜红）的笔触，添加动态模糊滤镜，参数：角度0，距离5
　　移动一下三个路径的位置＆叠放次序，好看的话就“Ctrl＋G”组合起来


8 m8 V) r7 B. Y7 X* v图4
* F1 n: Q8 ]% d+ j　　5. 在这个组合的上方用钢笔画一个四边形把组合覆盖起来，应用如图的“条状”渐变
7 h8 G+ x. b$ b2 V6 M- q& W) {0 i　　剪切这个四边形，在红色曲线的组合上新建一个蒙版，在蒙版在选中状态下按“Ctrl＋V”粘贴四边形，然后在属性里选蒙版的“灰度外观”

5 m2 s2 E3 m) H; ]6 e: W/ j
图5
6 z  c& M1 e! p% Q5 h1 {" G. n　　6. 将加添加蒙版后的矢量图选中，按“F8”转换为“图形”元件，命名为“red”。重制一个“red”元件，命名为“blue”。
　　编辑“blue”元件，相关参数如下图所示。(如果本来没有该参数的路径，请不要添加该参数。)
8 |* H" c' E! ]" N! O! i! _; M! K
) O& w* j5 Q% x: O! i' z7 `5 z
; X% H" [8 P6 |: D图6
; m/ o4 H  E8 \- `
7. 现在才真正开始要做大事了。把画布尺寸设为1024×768，背景为纯黑。

4 r) _# D- A  i　　拖动一个“blue”元件到画布上。将这个“blue”实例的混合模式设为“添加的”。
　　克隆一个“blue”实例，水平移动60个象素。同时选中两个“blue”实例，执行“修改－元件－补间实例”（Ctrl＋Shift＋Alt＋Z），参数如下。
, A, s* o# _( h6 z( P7 P7 i: E- _　　最后按“Ctrl＋G”将所有“blue”实例组合起来，平面化所选，混合模式选“添加的”

% W2 @5 E1 |! c5 C
图7
　　8. 相似地，拖一个“red”实例到画布，进行和第7步相同的操作。
" y2 a8 }6 D* C3 C" \　　如下图所示，将两个位图（分别平面化和应用了混合模式的“添加的”）摆放好。

! I/ ?5 h% [7 |! t$ Q' q! H4 u% K
图8
# y) j" w# L8 N9 x3 Q0 \9. 画一个矩形将图像覆盖，应用如下所示的填充和渐变手柄调节。营造明暗效果。（呵呵，这个是惯用伎俩了。）

, B3 X; S+ a+ i* u$ s8 H) Y3 d" \
$ M* I# _; W* _2 Z6 `6 J/ D2 R/ U图9
% I5 L* Z& N% l: K7 s# v
10. 在画布上画一个70×70px的“面圈形”，应用线性渐变填充。
6 n( \1 E& h5 d
0 \+ w1 N, u0 q  P　　填充和手柄调节如下图所示。对它添加“发光”滤镜，参数如图。

; T3 m6 c# s) `; j  X) _! ~+ P
图10
　　11. 选中该面圈形，按“F8”转换为“图形”元件，命名为CircleBlue。这时将画布上的“CircleBlue”实例的混合模式改为“添加的”。
% D7 `8 x3 {! t5 w% h　　克隆一个实例，透明度改为“20％”，右键菜单选“变形－垂直反转”。
　　又到补间发威了。同时选中两个“CircleBlue”实例，“Ctrl＋Shift＋Alt＋T”，补间步骤用10个。
　　“Ctrl＋G”组合后再将其平面化，转换为“图形”元件，命名为“BallBlue”

% d# ]/ I  a% ?1 e+ a4 g5 n( w1 G
图11
　　12. 用相似的方法制作“BallRed”图形元件。
9 G1 H" Y9 V2 e: C4 K0 x0 v7 ]6 r　　新建一个层，命名为“ball”层，放在原来的层的下方。拖出“BallBlue”和“BallRed”元件到画布，实例的混合模式用“添加的”。
: w5 ~0 ?% m) ~# R　　摆设好这些小球，尝试用不同的角度来营造立体感
, u6 z; w8 Y" X, G! s

1 f' i3 W* b  N+ U图12
0 U) ^! g/ \4 d; {3 \( K  F# p& C
13. 最后就加写座右铭或废话。最重要当然是加个LOGO拉。
7 F6 S/ V$ w+ q0 T
　　总结一下学到的方法：
　　用黑白渐变的矢量形状或渐变的灰度蒙版增添明暗效果。
+ T( N% d6 H& N! ^2 D( r8 }; m" Y0 c5 V　　利用路径的克隆体变形或添加滤镜来营造气氛。
5 J, [' m! Z1 B- V. `　　补间原件的时候，先克隆一个实例的副本，对其副本进行变形，透明度变化或加滤镜，这样补间出来的效果就不会那么生硬了。
　　混合模式用“添加的”，以制作特效
( x' y! X& H* j6 F/ ^　　这个桌面终于完成了。
% J# Z  Q: l! T% t2 P. X8 z

; \6 @  N- V0 Q& A8 W图13
' c# T. W/ A' F, w7 s' f( c( p, M& K　　这个是同样的方法不同的表现效果
　　PNG源文件，好东西哦
' T, A4 I- a: @  v/ V- a

$ @! _: A4 ?* z: F8 s图14
- [9 s- g" x0 C) ]; V6 M% D' [
# t5 m9 M6 X. M5 M
: P5 \2 ~" e1 l+ t图15

) w; f5 _' x; C0 Y8 g  n& ~5 @- A; s
1 ^. `" `7 {* @6 x图16
9 v: g" X" t& B0 R5 Y7 d7 m

图17