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

如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。
9 b3 {# g/ J* k9 y* T& O这次我创作了这个桌面，希望能抛砖引玉，让大家发掘firework的补间潜能！


" A4 `3 K4 c' J+ U2 L效果

以下是操纵步骤：

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

2 M: p& }  O) M' G8 _) Z
图1
　　2. 虽然在firework里面笔触是没有渐变的，不过可以用如下的方法令到开放路径变成可以填充渐变的闭合路径
　　选中刚才的路径，执行“修改－改变路径－扩展笔触”，宽度：2px角：圆角
　　其他如图所示，按“确定”，路径现在就可以填充渐变色了

1 z9 {# j4 a/ q
9 k& ]# R2 Z- Q% B* T' H图2
　　3. 对路径去除“笔触”，进行“条状”渐变的填充。手柄调节如图。加一个发光滤镜。混合模式选“添加的”。呵呵，是不是有点Vista的风格呢?
5 {  e* a( t8 O0 l
9 m6 O* I" j" R% C+ ]1 P/ D2 {
6 s3 ]  }& Q1 e5 e: P图3

2 ?" t3 U8 ]& j3 P 4. 将处理过的路径克隆两个副本
; `5 G1 f6 c4 J1 I& V4 y
! G/ ^9 j9 T( }  o7 _7 l* V　　一个副本透明度改为50％，另一个副本加一象素柔化，颜色＃ff0000（鲜红）的笔触，添加动态模糊滤镜，参数：角度0，距离5
$ o( ?1 v9 W$ Y+ O　　移动一下三个路径的位置＆叠放次序，好看的话就“Ctrl＋G”组合起来
" O- ^4 L; V) x+ e9 A9 x
! V- ]; y* y6 N) p9 Q- [6 p9 m2 k
图4
: o( i( C+ V, Y; e　　5. 在这个组合的上方用钢笔画一个四边形把组合覆盖起来，应用如图的“条状”渐变
　　剪切这个四边形，在红色曲线的组合上新建一个蒙版，在蒙版在选中状态下按“Ctrl＋V”粘贴四边形，然后在属性里选蒙版的“灰度外观”
4 s) r! p# x2 i. M$ {0 u6 v
, g& _$ J) c2 L$ w. v2 _
图5
; {/ L/ ~; y0 |7 m( M/ a/ R, m　　6. 将加添加蒙版后的矢量图选中，按“F8”转换为“图形”元件，命名为“red”。重制一个“red”元件，命名为“blue”。
　　编辑“blue”元件，相关参数如下图所示。(如果本来没有该参数的路径，请不要添加该参数。)
5 ?) ?" E% l- i5 M
' x& b) e, m* K, i/ t
图6

( R, u1 O5 f) z1 c% e& H. d4 g7. 现在才真正开始要做大事了。把画布尺寸设为1024×768，背景为纯黑。
8 K5 M' |, d( l1 Y
+ B( d& N+ m, k: T& n. a　　拖动一个“blue”元件到画布上。将这个“blue”实例的混合模式设为“添加的”。
　　克隆一个“blue”实例，水平移动60个象素。同时选中两个“blue”实例，执行“修改－元件－补间实例”（Ctrl＋Shift＋Alt＋Z），参数如下。
　　最后按“Ctrl＋G”将所有“blue”实例组合起来，平面化所选，混合模式选“添加的”
* J( }9 C6 y; ?  ^1 n
( }/ C- k/ m* c; j
0 `, `7 C9 p) V1 e% \* s: P图7
% M$ a# X1 k" h  C　　8. 相似地，拖一个“red”实例到画布，进行和第7步相同的操作。
　　如下图所示，将两个位图（分别平面化和应用了混合模式的“添加的”）摆放好。


图8
9. 画一个矩形将图像覆盖，应用如下所示的填充和渐变手柄调节。营造明暗效果。（呵呵，这个是惯用伎俩了。）
7 d! b- ]# t9 {8 b* X
, _/ G5 s1 O$ H
! p$ J4 A% a0 O6 I- j/ ~图9
$ s( C5 W! K8 f% M' ]
10. 在画布上画一个70×70px的“面圈形”，应用线性渐变填充。
; ?# g1 h4 A/ t% t) W
　　填充和手柄调节如下图所示。对它添加“发光”滤镜，参数如图。


& ?% J) @( X$ i6 V1 d8 o图10
　　11. 选中该面圈形，按“F8”转换为“图形”元件，命名为CircleBlue。这时将画布上的“CircleBlue”实例的混合模式改为“添加的”。
7 {8 W+ }8 c6 C　　克隆一个实例，透明度改为“20％”，右键菜单选“变形－垂直反转”。
; `/ t! W0 n9 a! I" Y  H  o　　又到补间发威了。同时选中两个“CircleBlue”实例，“Ctrl＋Shift＋Alt＋T”，补间步骤用10个。
: w" p( U' H/ w! i% y; x　　“Ctrl＋G”组合后再将其平面化，转换为“图形”元件，命名为“BallBlue”
# f$ h# x: x* M) s0 B' x& ^
( S; y3 F- ~$ P' J# N" `) l& n- j( Y; p
1 x( e4 ~6 l1 U0 J图11
, H$ U1 q& f8 J  X* U　　12. 用相似的方法制作“BallRed”图形元件。
　　新建一个层，命名为“ball”层，放在原来的层的下方。拖出“BallBlue”和“BallRed”元件到画布，实例的混合模式用“添加的”。
& e# I, B9 \" y+ J, S　　摆设好这些小球，尝试用不同的角度来营造立体感
6 q+ s# L" V9 h  P" ^: l
7 R" ?9 K1 Y0 t0 _# L: C0 a
  B2 _- H  q) `5 l图12
5 j, h* l4 m' Z; E) u8 l
13. 最后就加写座右铭或废话。最重要当然是加个LOGO拉。
* j+ q$ j9 c' O4 l1 c
! s4 k) X& ~1 ?. }) {$ H　　总结一下学到的方法：
　　用黑白渐变的矢量形状或渐变的灰度蒙版增添明暗效果。
0 \* M; C2 |" E6 }　　利用路径的克隆体变形或添加滤镜来营造气氛。
　　补间原件的时候，先克隆一个实例的副本，对其副本进行变形，透明度变化或加滤镜，这样补间出来的效果就不会那么生硬了。
　　混合模式用“添加的”，以制作特效
4 {& I: J6 n2 y7 L" W5 f　　这个桌面终于完成了。

5 B, C" s& E) c1 J& @
图13
: g3 t, m, ^/ }( {0 k% M. @　　这个是同样的方法不同的表现效果
5 I* w! B/ }* T) D4 |　　PNG源文件，好东西哦


: t3 r2 I4 `9 S, y! \5 S图14


图15


2 r/ `! v# P) B6 C$ A* Q) L图16

! ~) g" f/ c& n1 n
图17