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

如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。
% l: h1 u8 L( l3 A# q4 W* @5 [0 H这次我创作了这个桌面，希望能抛砖引玉，让大家发掘firework的补间潜能！
/ x$ g( o! m( z4 w

效果
2 I3 A! l! S- Y+ Q$ v( W" E
以下是操纵步骤：
  n9 l. U% [' f$ p) {1 P# M. `
　　1. 这次的主要应用技术是firework的路径、元件＆补间的疯狂组合使用。
+ C8 l; X7 C# Z" Z# f　　（1）用矢量工具画一个无填充，笔触为一象素柔化的圆，约150×150px
　　（2）用钢笔工具在不相邻的两个锚点上各点一下，变尖了
$ M: I: U6 E7 _: m" Q$ g$ t　　（3）用“刀子”工具，按着Shift沿着那两个锚点切下去。把它们摆放成正弦曲线样
/ u" u: y' F% G  n% z$ ?( j6 t　　（4）用部分选定工具同时选中相近的两个锚点，按Ctrl＋J接合
　　（5） 拷贝几个，又切又接，变成⑤的样子。保证已经接合成一条路径，而不是多条
7 G# |: s/ _6 P- }) o# k6 c3 `

图1
% o6 g8 ?3 F7 v" j6 s. }　　2. 虽然在firework里面笔触是没有渐变的，不过可以用如下的方法令到开放路径变成可以填充渐变的闭合路径
9 W2 e7 v9 i; V( q( q+ L( ^　　选中刚才的路径，执行“修改－改变路径－扩展笔触”，宽度：2px角：圆角
/ c2 x; Z7 `0 U  S　　其他如图所示，按“确定”，路径现在就可以填充渐变色了
; F. `/ x) x) O' K7 ~$ U
$ |( F" \( Z7 j% g
图2
. q) s$ W: a8 x% N4 x! c1 F4 l9 Z　　3. 对路径去除“笔触”，进行“条状”渐变的填充。手柄调节如图。加一个发光滤镜。混合模式选“添加的”。呵呵，是不是有点
8 p" r& O! h& `4 y4 p! a% hVista
7 y7 T" m" }: a* c; @的风格呢?
, I8 ~& u$ d) o0 Z* D0 V( W
$ i, r! a6 S8 @( |( K  l* [! T
- u: s; A0 A3 T/ f3 a" i0 p2 j6 W" d图3
3 J; d+ `) ~) {8 p/ P
% A2 C! W' e( O2 _5 K* f% ] 4. 将处理过的路径克隆两个副本

　　一个副本透明度改为50％，另一个副本加一象素柔化，颜色＃ff0000（鲜红）的笔触，添加动态模糊滤镜，参数：角度0，距离5
　　移动一下三个路径的位置＆叠放次序，好看的话就“Ctrl＋G”组合起来


图4
　　5. 在这个组合的上方用钢笔画一个四边形把组合覆盖起来，应用如图的“条状”渐变
　　剪切这个四边形，在红色曲线的组合上新建一个蒙版，在蒙版在选中状态下按“Ctrl＋V”粘贴四边形，然后在属性里选蒙版的“灰度外观”

2 r/ M$ |+ @0 z8 C+ f
7 i  C# s  i, J图5
/ h8 v3 a: e% d! t% [2 w; h　　6. 将加添加蒙版后的矢量图选中，按“F8”转换为“图形”元件，命名为“red”。重制一个“red”元件，命名为“blue”。
0 X! I% f  ^* \; l　　编辑“blue”元件，相关参数如下图所示。(如果本来没有该参数的路径，请不要添加该参数。)
) M: j6 D! {3 T# z
; B- }2 Q0 Z" Z# W! o. R  {: W8 z
% ^9 H4 v) o* D* Y4 U) H) a图6

  s; I2 E9 P; J" R7 i; Q7. 现在才真正开始要做大事了。把画布尺寸设为1024×768，背景为纯黑。

　　拖动一个“blue”元件到画布上。将这个“blue”实例的混合模式设为“添加的”。
; L( n8 A  w& G　　克隆一个“blue”实例，水平移动60个象素。同时选中两个“blue”实例，执行“修改－元件－补间实例”（Ctrl＋Shift＋Alt＋Z），参数如下。
& @5 g/ [7 I* F1 @% X8 D　　最后按“Ctrl＋G”将所有“blue”实例组合起来，平面化所选，混合模式选“添加的”

) t5 Q! R4 }/ w$ G3 v
图7
　　8. 相似地，拖一个“red”实例到画布，进行和第7步相同的操作。
% s6 |1 w: `8 w6 N　　如下图所示，将两个位图（分别平面化和应用了混合模式的“添加的”）摆放好。
, C6 C/ G* Z) U
) j+ v" D$ u( k& I- m6 ?1 Y8 v
' e. l+ u9 L+ I/ x$ `# h图8
: q; o3 M' X5 w2 }! N9. 画一个矩形将图像覆盖，应用如下所示的填充和渐变手柄调节。营造明暗效果。（呵呵，这个是惯用伎俩了。）
* z( k; i% t& g  x" K% T
: m7 i  \2 V) H6 W
9 p3 l# q; I/ m5 w3 r8 r图9

* ?" @" s: i6 o10. 在画布上画一个70×70px的“面圈形”，应用线性渐变填充。

　　填充和手柄调节如下图所示。对它添加“发光”滤镜，参数如图。

7 G. ?# r# J* M  e
图10
　　11. 选中该面圈形，按“F8”转换为“图形”元件，命名为CircleBlue。这时将画布上的“CircleBlue”实例的混合模式改为“添加的”。
3 ?/ g! m1 }: k( R+ q4 d! g- E3 S　　克隆一个实例，透明度改为“20％”，右键菜单选“变形－垂直反转”。
　　又到补间发威了。同时选中两个“CircleBlue”实例，“Ctrl＋Shift＋Alt＋T”，补间步骤用10个。
2 Q. t. }& l/ ^) R/ a3 ]　　“Ctrl＋G”组合后再将其平面化，转换为“图形”元件，命名为“BallBlue”
& t$ K  h3 n# D& T$ U

+ B" z, l6 k8 y) M3 T4 [图11
　　12. 用相似的方法制作“BallRed”图形元件。
( f0 c6 j9 ^$ a7 p2 ?6 Z　　新建一个层，命名为“ball”层，放在原来的层的下方。拖出“BallBlue”和“BallRed”元件到画布，实例的混合模式用“添加的”。
3 q6 s2 N1 M7 |　　摆设好这些小球，尝试用不同的角度来营造立体感
8 j; D3 a) V' Q1 O  j/ i

! ~( B) Y8 S7 j( Y  y' j$ p图12

13. 最后就加写座右铭或废话。最重要当然是加个
* X3 c) }+ c0 I/ TLOGO
拉。
: ^; V+ n3 Q% h/ _
9 d. A6 T' A+ e) W　　总结一下学到的方法：
- x. ]) b$ _7 S, q8 T4 _7 V　　用黑白渐变的矢量形状或渐变的灰度蒙版增添明暗效果。
" y/ u3 S; J/ s. G+ j　　利用路径的克隆体变形或添加滤镜来营造气氛。
1 L; Z  g* b' N4 n; a0 k$ `　　补间原件的时候，先克隆一个实例的副本，对其副本进行变形，透明度变化或加滤镜，这样补间出来的效果就不会那么生硬了。
+ E2 c' r3 c1 s* q0 ?  s　　混合模式用“添加的”，以制作特效
　　这个桌面终于完成了。


图13
, N& Y# k) B( q* @2 U! t　　这个是同样的方法不同的表现效果
3 q" r4 ~) r; x$ c% R　　PNG源文件，好东西哦


图14
5 F; H  b5 E" R8 w: G3 D* W
- m9 L  {+ |0 R) t+ h% T( j
图15
- k" P/ J1 b  ], m5 U+ B" h

图16


图17