今天给大家讲个简单的特效。 主要是给大家讲解一下桢率。最常用的BUFF循环问题。以及PNG到底为什么格式。序列桢又是什么。 $ L `8 U: r0 p! ?, W, I首先我们看下面这个效果 1 c* X3 c0 b8 I3 z

下载附件

, j7 t( W6 }; H# n3 i3 P, Q8 `9 }' G : u; T9 s8 X. `+ c$ f, x 先给大家讲一讲桢率问题。 桢率：就是frame rate,也就是每秒显示图像的速度,打个比喻,比如frame rate是19,那就是每秒显示19个图像,又比如是29.97,就是每秒显示接近30个图像.frame rate越大,越好三,但太大了,有些机器版本不支持,反而就有些卡了.电视的桢率在25到30之间。而2D游戏大概在12桢左右。3D游戏约在24桢左右。 $ ~* y5 q7 Q& A0 N" f这里主要讲2D游戏的特效。 9 H. p3 N, ?! S1 z1． ; |' ^& ~3 s# f9 I0 X( c' ?5 ` j# V我们打开particleIllusion 这个软件 6 ~% N( g3 e" V" Q见图1

下载附件

3 a0 h) c2 w9 I% ]2 f3 F: O 6 b. X' N! N, A/ A% x3 v4 K! a 2 |( b; @. { U/ i" t |" u/ i图1 9 n' n/ B: x: s* {2 e我们进入后。按快捷键CTRL+M进入粒子库 3 x3 N2 E* X5 `" b见图2 E* v. m# e; Y9 ^ g8 `" [

下载附件

) `, ~6 ~8 Q. ^5 d - w/ }' A9 t. g " w- N7 B& O V. a8 W图2 3 x }8 I0 [. f我们找到 Alan_00_07.il3这个粒子库 点击加载和确定键进入。 ; E* _4 R, j! ~# b见图3 7 \+ ~7 G' ^3 f1 b6 I* _

下载附件

/ s2 k) d1 |% J1 ~1 L2 U8 T2 ] 图3 3 U) {$ {. n& ?6 C* F6 W% V1 X我们找到SPACE JELLYFISH 2这个粒子元素。点击到视图中 " Y# l2 f" H- I p. J z v8 E6 {& L见图4

下载附件

" I4 r0 j% g7 {5 B2 u4 F0 N6 |7 n . N! b7 [6 J! w. x! p6 H. ^2 e9 z * \! ~' X& J+ J9 ?图4 因为前面忘记设置舞台大小和桢率了。 现在我们设置。 ; `- E, o( I# N9 o点击左上角的按扭进入。 6 G' e: D. L5 W7 s+ `7 z# M见图5 + y2 q" f0 |# e3 v

下载附件

1 }9 z q- \4 z 图5 我们把大小设置成512*512像素。 桢率你门可以试试设置成12 和30 之后播放到底有什么区别。 , Z# Z# i, l6 P6 T1 h我这里就设置成30。 ) B7 n) I% B' R: }7 R, @见图6 9 |" q4 q7 u6 L) h/ l4 P

下载附件

3 j+ l5 j( Y3 G0 y4 _' D; V 7 c8 u& N5 z+ L( V2 d9 F " U6 O1 Z: F0 U1 O图6 : l, t! s. j1 R点击确定后我们播放视图观察。 见图7 ) f. ^2 @; |. L. W

下载附件

4 W0 e L' [6 p6 k4 J6 C 8 z$ n) x7 o2 b1 D/ b) ?7 P* s 图7 视图变为512*512 现在我们删除一个粒子元素BODY ! A. m1 n0 L- T见图8

下载附件

2 }$ _0 G! V( W5 `; x/ j. F, q) U0 Y 图8 右键点击属性进入这个粒子的属性编辑面板。 见图9 图10 8 B& l8 l$ m. a

下载附件

; W8 c9 G; r) V/ w# w' f' l6 ]- s 2 S; K' i- ^5 f8 L2 m+ a图9 . @) L, [7 J6 `& L 2 ]8 j0 M) U$ S+ t " \# r* G* g0 O, b1 T3 p! w 图10

下载附件

. D; D/ Q/ s% I0 H 我们现在删除BODY这个粒子元素。 # i* w% l/ b9 t" c- X" V选种BODY这个粒子元素 在点击下面的红色叉。 ( C, t0 K- c' h( y) Z. x; o见图11

下载附件

图11 5 B# f6 x& r- z点击确定后观察BODY这个元素是否被删除了。 ' I- {6 J* }- p3 ]7 P, m) k5 n1 I见图12

下载附件

# F4 t0 }. A- U( z) I+ ] # _# D5 ]* S" j 图12 " y7 s: Z+ z# P( t. h6 A现在我们直接可以渲染出图了。因为做BUFF 就做的比较简单。这里我要提一点因为要做循环。比如你要做20桢的循环动画（配合动作等元素），你渲染出图就要出40张序列桢。下面会给大家详细讲解的。 这里我讲解一下PNG是什么？序列桢是什么？ “PNG” 全名Portable Network Graphic Format 是一种位图文件(bitmap file)存储格式，它是一种渲染只后直接有透明的图片。因为它压缩比高，生成文件容量小而且效果很好，所以很多都用到它。 我们让他和带通道的TGA图片比较一下： * o7 X% q: y q$ t9 q9 y7 u3 Z# V见图13 14 15

下载附件

( A( ^9 W" o! y2 V U 图13 2 a& j r1 }; e1 ]; Q+ \

下载附件

& Q% P6 O5 G+ X# T6 @ 7 O9 b& H* t) n% Z7 N: b 图14

下载附件

图15 5 P. H, R8 ~7 d% l2 C- |" D: ^6 y从上面3图我们就可以理解PNG是为直接透明的图片，他更直观的表现出透明与不透明的区别。 “序列桢”就是把一个动画动作渲染成图片。连续性的播放就形成了序列桢。 好的。我们现在渲染40张PNG格式图片。 . B- g6 ~- u- m, Q* ]' E9 a首先我们设置好渲染图片为21到60桢 & x/ G+ }1 k+ [7 U2 ?# Z) Z见图16 - `/ b: H7 b( |0 p9 q! n

下载附件

' v! I' D8 A5 J% U! z 图16 进入渲染面板 点击右上角红色按扭进入。 / z% R* R2 s2 F6 U见图17 ; K" g3 c' Q+ }1 t+ c: o7 K

下载附件

3 ~4 x. c2 V/ E& V. L 7 F( g' M6 y6 ]/ i# G6 k ; p, \- g5 g0 p& V/ r. V" b 图17 现在进入了渲染面板 我们确定渲染输出的位置。名字以及图片格式。 见图18 & i. Q- B" Z4 y# n

下载附件

图18 检查桢数是否真确以及勾选保存ALPHA和从RGB通道中移除黑色背景这两个选项 见图19 * l" D* \5 G+ }9 Z: g9 A" d$ v, `- U

下载附件

% L8 ]" d. B0 W) H$ L/ `/ d* T 5 B9 l! q: c& i# A7 `# M 图19

渲染出图。 现在我们把上面所做的BUFF进行处理合成。 我们打开AE CS4这个软件并且新建一个合成 名称就默认为comp1 , Y! L# ^! N0 a/ G% T8 T5 W大小设置为512*512 桢率为12 时间范围为 5秒内 见图20

下载附件

1 C. x- I4 l: K8 T1 J4 {/ q; J 图20 现在导入一个待机动作和刚刚做的BUFF特效 % T. }$ l L9 t% C) y并且将他们命名为待机和BUFF ' C8 n: `6 n3 p2 ?! Q9 I' b直接点中你所要修改名字的序列桢上按键盘回车键即可 ' O3 Y# }1 p$ b) j0 ^5 ?7 D2 U0 @见图21

下载附件

- w; @$ P! D4 R0 t: G! P0 k+ Y/ ]* H- f I. H) a9 } n) l* F) v! w6 L - y# @5 O6 X& O( u1 ]( F 图21 现在我们将待机的桢率改为25桢每秒 ! |$ i# h/ x* s" o7 A将BUFF的桢率改为12桢每秒。 快捷键盘为 CTRL+AIT+G / U5 M5 P; \5 s) `% l# g见图22 ) f9 o: I0 Z5 U* I 9 E9 R$ ?$ v- W+ f( a+ `! s

下载附件

; G2 Y7 S, V( v" `" Q' l . H5 O4 r- [1 A( W 图22 我们把这两段序列桢放如COMP 1中 1 ]& Q. `, c; @ } }$ u挑整BUFF的视图位置。缩放BUFF到80% 并且播放观察 0 A' C/ K8 g# J) n8 M% b/ r/ G8 o见图23

下载附件

图23 我们观察BUFF明显要比待机长一倍（因为一个20桢一个40桢） 而且播放时明显有跳桢（也就是不循环） 现在我们做BUFF的20桢循环。 首先新建一个合成 命名为BUFF虚幻。其他的参数不变。 & m9 p; b# [1 |+ ?见图24 ; n: d0 e. U9 E

下载附件

: C- V [( s/ G7 d% ^; q& F) l( o % v$ n7 e' r9 l3 F7 B8 d 2 f( ?; n5 a- T* h: U 6 z& l1 b* R8 F+ D) A% g4 \ 图24 ; }/ H- |# o: g& d% R1 a我们将BUFF掉入BUFF循环这一层。并复制一个BUFF序列桢。将他们时间轴的位置50%相互交错 9 P7 h+ f1 o1 X- o q3 }2 V9 p见图25 ( {: `8 b( `1 T: k2 r$ e4 m5 Z3 H A

下载附件

/ P, x! w) U- K) R 图25 7 o4 n3 u3 k/ i N6 N' E一定要注意时间轴上我的交错方式。 现在我们K他们的透明度（OPACITY）桢。 选择这两个BUFF序列桢 按键盘上的T 。我们看到了他门的透明度属性 见图26 9 g3 Z, c/ |) [

下载附件

; }: _: a# \) q0 ?" j, e; l 8 B! ~, o* t$ N1 G, p1 B& ~) m 6 A( o* [3 u3 B. G- R 图26 AE的K桢就是点击像时钟一样的按扭。 % r; }8 A6 X* T1 M+ I. @见图27

下载附件

; G6 i6 X A: | j( j9 A3 M 图27 我们按下这个K桢键时发现后面的时间轴上出现了huangse小方块。这就表示你K桢成功了。 M( R1 p- S- q我们先给第一层的BUFF K桢 ( m5 M; _% k4 k- ?8 B将桢数移动到第1桢 透明度改为100。 ; D; O) W0 u& L: j: B桢数移动到第20桢 透明度改为0 见图28

下载附件

: a, e6 e+ A9 x; j" j8 K! ^ 2 C+ a* F H) n9 D a& {( m" @# S$ i& ]& Q; E! M! N3 }1 \ 图28 ' G7 ~" C, v, G' ]* n8 K第2层则相反。 E# l; M; E6 N' p4 f将第2层桢数移动到第1桢时 透明度改为0 ! x0 c, v# H2 X8 O M将桢数移动到第20桢时 透明度改为100 见图29 1 b1 l* f# m% {

下载附件

; `7 A* R2 a1 Y, x( p 图29

我们播放一下动化。发现他中间在10桢左右的时候透明度明显下降。不够亮。虽然做出了循环。 6 p! B# y! M# i现在我们蒋编辑这两个透明度的曲线。 * R& m' o, M1 z% V, C: V. A首先选中这两层BUFF的透明度 点击视图的曲线按扭 见图30 4 { o% X/ Y/ Z1 V

下载附件

) G- S/ h9 j; D 图30 进入之后我们将他们本来很直的曲线弯曲。调节成过度很平和的曲线。 ) X5 O/ t5 u- V选中两段曲线。点击右下角的 弯曲直线按忸 见图31

下载附件

图31 ' ~' _5 d& e- P: e5 o调节曲线， 见图32 3 W( z' g$ f3 k6 o. y

下载附件

3 w _6 \( Z' j' j. v0 k- N) T 图32 , H! l& n* E1 d" _. G/ r( E我知道这个循环问题不好理解。但是大家多试几次 多想想为什么K透明度的桢就明白了。 / K4 Q5 x. {) [* B1 H现在回到视图中我们播放动画 观察是否 循环了。 好了 现在将循环BUFF这一层拽入图层COMP 1中和待机动作想匹配。 播放动画 见图34 ' p$ c* h" }: d L. E9 z6 B* _2 P 1 ~/ q& L( L) s8 v6 P* m

下载附件

; u& N" \* S0 X) @ # |: }/ a# l6 F4 i/ V0 l5 r5 q, w ) ~9 ~6 b$ `, |" O" v; J( ^8 O# b 图34 6 G9 D2 v/ j/ `% ^; l现在我们渲染出图。 % f+ T( V: Q' W- |& f* F% V' p在你要渲染的图层中按键盘ctrl+m 会弹出一个渲染编辑框 见图35

下载附件

! T, t5 F9 `8 N4 J % J! y. k5 e8 y1 p4 `( A: |8 x! A/ X 图35 $ T$ p; t. U% D4 o+ h" e W* e调节它的输出格式为GIF 。通道为GRB+Alpha。以及输出位置及命名。 k$ |& [7 K# Z9 {$ |: n见图36

下载附件

4 q4 q8 m' C' {& ?! g. h" x* x1 d% a + V- j L0 B0 \0 N& L 图36 : F* y+ [2 s. v3 h4 }6 E6 E3 v其他调节 S4 n$ G5 P( \' Q+ e见图37

下载附件

& e( X3 N7 _7 j1 { 图37 最后鼠标单击Render渲染 2 Q) P7 o4 z4 `4 g' E" p见图38 ! Q2 v8 q3 o" i$ p9 Z ( e0 j$ M- S7 q- y4 s% S$ e; ]

下载附件

s x6 m8 P; @8 y 图38 最后终于完成 2 n( k3 w" U# I. D; I h找到渲染的GIF图片播放观看效果

- h' r! F% s; [. c4 _) a! q鼓掌！！！ - `+ x% f0 w: z, j. r) V西西特效~哈哈。。。。你像个江湖郎中~~

西西特效~支持一个

支持一下

哇哈哈。。西兄。你教程乱跑~

求 particleIllusion 这个软件

西西一出手就不凡啊！强烈支持！