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

如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。
  F6 x0 n& X# h. r这次我创作了这个桌面，希望能抛砖引玉，让大家发掘firework的补间潜能！
! h3 r0 p: E9 j! L! i
; G" Y8 z2 \& x. ~3 R' ]
% T: w# L& a4 o* I效果

1 f/ E/ o0 ^0 v/ ^ 以下是操纵步骤：
% k; C4 p2 \, }+ n+ T" H$ D/ h
　　1. 这次的主要应用技术是firework的路径、元件＆补间的疯狂组合使用。
　　（1）用矢量工具画一个无填充，笔触为一象素柔化的圆，约150×150px
( k& Q2 l/ O: l; B. W8 A: s3 e" I8 [, U　　（2）用钢笔工具在不相邻的两个锚点上各点一下，变尖了
2 }1 a9 N- y! B6 c/ ]$ J( G　　（3）用“刀子”工具，按着Shift沿着那两个锚点切下去。把它们摆放成正弦曲线样
　　（4）用部分选定工具同时选中相近的两个锚点，按Ctrl＋J接合
　　（5） 拷贝几个，又切又接，变成⑤的样子。保证已经接合成一条路径，而不是多条
1 i9 z, J) @" y
# F/ Y: j; p: S) `4 k* U( l! }
$ e- c1 Y+ J6 [6 E, ?图1
　　2. 虽然在firework里面笔触是没有渐变的，不过可以用如下的方法令到开放路径变成可以填充渐变的闭合路径
7 P: V9 T; g! X* \% f# D1 K　　选中刚才的路径，执行“修改－改变路径－扩展笔触”，宽度：2px角：圆角
　　其他如图所示，按“确定”，路径现在就可以填充渐变色了


图2
　　3. 对路径去除“笔触”，进行“条状”渐变的填充。手柄调节如图。加一个发光滤镜。混合模式选“添加的”。呵呵，是不是有点
9 q) r( U3 b- `) _3 {! `- L5 ]: rVista
的风格呢?


图3

4. 将处理过的路径克隆两个副本
* D6 {5 A; R+ X& `7 Y7 d
& \$ o& O0 J9 o& J7 I1 \8 i　　一个副本透明度改为50％，另一个副本加一象素柔化，颜色＃ff0000（鲜红）的笔触，添加动态模糊滤镜，参数：角度0，距离5
　　移动一下三个路径的位置＆叠放次序，好看的话就“Ctrl＋G”组合起来


8 R: }" ?% G# a# p  N2 q1 @图4
( w5 f( k& `+ u% `2 T　　5. 在这个组合的上方用钢笔画一个四边形把组合覆盖起来，应用如图的“条状”渐变
　　剪切这个四边形，在红色曲线的组合上新建一个蒙版，在蒙版在选中状态下按“Ctrl＋V”粘贴四边形，然后在属性里选蒙版的“灰度外观”
' [6 q4 V# ?- m2 i9 Y  O
. Y7 b/ K" S5 V& H, X
5 |9 H! t2 a; M4 _6 i8 Z( |图5
" t. z+ }- }1 ]* s8 b* ?4 D% h　　6. 将加添加蒙版后的矢量图选中，按“F8”转换为“图形”元件，命名为“red”。重制一个“red”元件，命名为“blue”。
# \( ?) S* z! Q1 C　　编辑“blue”元件，相关参数如下图所示。(如果本来没有该参数的路径，请不要添加该参数。)
/ v6 c' j/ k3 S: T' W8 f7 c

: ~* d6 h2 @# q- e' u. m/ O图6
; V" Y7 }& \& _  u+ x" l
7. 现在才真正开始要做大事了。把画布尺寸设为1024×768，背景为纯黑。
( Q( U* M0 _- ^
7 h0 D+ X3 ~7 c5 S# @3 G8 z　　拖动一个“blue”元件到画布上。将这个“blue”实例的混合模式设为“添加的”。
　　克隆一个“blue”实例，水平移动60个象素。同时选中两个“blue”实例，执行“修改－元件－补间实例”（Ctrl＋Shift＋Alt＋Z），参数如下。
　　最后按“Ctrl＋G”将所有“blue”实例组合起来，平面化所选，混合模式选“添加的”

4 T8 ]3 ^0 _( `" e2 A: M- A( y
图7
　　8. 相似地，拖一个“red”实例到画布，进行和第7步相同的操作。
% e8 F: k  f  a# N　　如下图所示，将两个位图（分别平面化和应用了混合模式的“添加的”）摆放好。
) l* A- r5 K$ u6 K

图8
9. 画一个矩形将图像覆盖，应用如下所示的填充和渐变手柄调节。营造明暗效果。（呵呵，这个是惯用伎俩了。）


: a7 _% A% L) |' w6 ]; X+ I. p) ^图9

10. 在画布上画一个70×70px的“面圈形”，应用线性渐变填充。
( }* q' T$ H& u8 \) D9 b1 k3 f
  j& E- q% J; \( }　　填充和手柄调节如下图所示。对它添加“发光”滤镜，参数如图。


- g, n2 R0 W. ?, E: J  k: Z5 [7 ^图10
　　11. 选中该面圈形，按“F8”转换为“图形”元件，命名为CircleBlue。这时将画布上的“CircleBlue”实例的混合模式改为“添加的”。
% Y( M  O8 j+ r, q　　克隆一个实例，透明度改为“20％”，右键菜单选“变形－垂直反转”。
; S; y9 a4 E1 @' U* \8 x7 H# `. N　　又到补间发威了。同时选中两个“CircleBlue”实例，“Ctrl＋Shift＋Alt＋T”，补间步骤用10个。
　　“Ctrl＋G”组合后再将其平面化，转换为“图形”元件，命名为“BallBlue”
7 \; C( N/ i! s4 p" p( ~1 C
) Q' ^) X: d! R5 V6 X# i- G% T
7 @5 s: K7 c, G3 X" v. u图11
7 T7 {# k: j% _+ q5 d7 c# k$ n! W　　12. 用相似的方法制作“BallRed”图形元件。
! K, \2 d1 V3 l　　新建一个层，命名为“ball”层，放在原来的层的下方。拖出“BallBlue”和“BallRed”元件到画布，实例的混合模式用“添加的”。
6 [6 M2 @6 u& i" v- W9 w' m; }+ V$ j　　摆设好这些小球，尝试用不同的角度来营造立体感


图12
, I* t2 q4 p3 [  e% G( D
13. 最后就加写座右铭或废话。最重要当然是加个
" F- M7 k5 Z7 ]6 F4 u7 BLOGO
拉。

　　总结一下学到的方法：
7 i- }( A+ ]" H1 w0 I$ _3 N$ W! A　　用黑白渐变的矢量形状或渐变的灰度蒙版增添明暗效果。
% j, H" j6 i0 ?5 Q( }% K　　利用路径的克隆体变形或添加滤镜来营造气氛。
　　补间原件的时候，先克隆一个实例的副本，对其副本进行变形，透明度变化或加滤镜，这样补间出来的效果就不会那么生硬了。
　　混合模式用“添加的”，以制作特效
( {. Z$ o9 S* ^  V( Z　　这个桌面终于完成了。


图13
　　这个是同样的方法不同的表现效果
　　PNG源文件，好东西哦


图14
. K' Z# z  |9 m5 E% D
1 w) h6 s( n4 n; z( K
图15

! R  `; |3 g* Y. o6 G# y
4 Q- c* c; J- N, `, g4 K1 g% }. Q图16

4 t9 a, p" N2 Z3 @7 n8 C- B
9 F5 o9 |1 m  z2 i5 H图17