今天给大家讲个简单的特效。 1 x1 ~2 A! A( B8 q$ i主要是给大家讲解一下桢率。最常用的BUFF循环问题。以及PNG到底为什么格式。序列桢又是什么。 8 Q; T2 w7 @9 h' N) C+ O; E首先我们看下面这个效果 & l# \, Z3 r' G' f

下载附件

9 Y8 |8 S: V0 E: z: U* ?; {' x / \4 k* t, r5 [/ E2 L . b f& Z( @4 X; ?* m$ U; O* s. s; p ! a: A, c. K$ i+ m. l8 ^$ N先给大家讲一讲桢率问题。 " @) V% ?( \' ]6 s W+ C桢率：就是frame rate,也就是每秒显示图像的速度,打个比喻,比如frame rate是19,那就是每秒显示19个图像,又比如是29.97,就是每秒显示接近30个图像.frame rate越大,越好三,但太大了,有些机器版本不支持,反而就有些卡了.电视的桢率在25到30之间。而2D游戏大概在12桢左右。3D游戏约在24桢左右。 这里主要讲2D游戏的特效。 1． ' V7 r5 S A/ E7 }* j, i我们打开particleIllusion 这个软件 8 z4 E \0 W+ L% s/ \5 c见图1

下载附件

+ C% M, y3 N6 \8 c1 l图1 4 ] q1 w$ F& S4 ^) Q, d我们进入后。按快捷键CTRL+M进入粒子库 见图2

下载附件

. w, \" p5 B, J4 w$ U/ e - q" ]' u# K$ F9 I$ f+ h 5 V: @4 t- L) H' ?' u6 o% L 图2 9 ^- O* U; n2 m" f+ T* b我们找到 Alan_00_07.il3这个粒子库 * q, W' u4 F- x* I q6 j点击加载和确定键进入。 见图3 ) ]; g( c" G/ z0 f" r/ l/ P

下载附件

8 h9 y. X2 }4 b) B7 y% L ) m$ {3 V |2 Y' I X9 d2 ? ) V/ x1 S- W, q7 O$ C & h9 v* R1 m! f/ l图3 0 g& U; h! Z) F. v S4 @2 S1 ~" l我们找到SPACE JELLYFISH 2这个粒子元素。点击到视图中 见图4 . S) E a! {# U6 m

下载附件

$ }- q4 f) v; K% M5 r/ L$ k % N6 m, B/ B/ g- U' O+ T ' g9 {8 K) Y' l! W. \; p+ u图4 * n6 I$ _7 z9 n1 b3 J: a因为前面忘记设置舞台大小和桢率了。 现在我们设置。 0 u2 d0 h% v. ?0 T7 J2 r# } P点击左上角的按扭进入。 9 B0 ]# ?6 @1 Q见图5 8 X. ~8 w, f! O; u8 b4 C

下载附件

) i$ r0 n9 U5 [8 @' f8 V. U1 S " Y) m7 `1 {# k & T; Q- q! C0 O6 Z+ v 图5 , t2 d) Q: s# L* V我们把大小设置成512*512像素。 : X. w1 R% Y8 u$ E+ S# F7 w9 l桢率你门可以试试设置成12 和30 之后播放到底有什么区别。 * S% m0 j- J7 r4 K' o, a' a2 ?我这里就设置成30。 见图6

下载附件

) N( l e5 Z5 |. V" d R$ | ; B9 v/ m$ P2 a8 Y1 p3 f5 _ 图6 / x" Q& d5 t2 z9 g3 N7 g点击确定后我们播放视图观察。 $ G3 Y) S0 T" A! a5 D见图7

下载附件

; S% Z, H H5 r ) N& U% e v% G0 b! T 8 U* o, H5 l" @& Y$ d/ ]0 u# B 9 Y ?, U" n% g1 C图7 5 N+ l4 ]7 K" N C* Y9 r6 _. ?视图变为512*512 / t4 J0 P5 E2 G) `现在我们删除一个粒子元素BODY 0 J; `, q# ]9 T$ z3 \ U见图8

下载附件

5 w7 l M3 m# w* U F4 z 9 S) F' b( \7 n G8 k+ y9 z 7 v, O0 M, x4 g2 R8 K' J1 L图8 7 [# R, f1 \+ P右键点击属性进入这个粒子的属性编辑面板。 见图9 图10 0 p% f- F$ I- x- B" q/ N

下载附件

) Z0 w$ p2 i6 R/ G 4 t0 n7 n. G! w3 r9 A) ~) w图9 6 ^4 h( @; a6 H8 u+ P- o3 @# [ 6 Y+ P5 ~" m0 J. i$ t# I [ ; \' ^. ]2 p( `图10

下载附件

, J! j5 n; q6 G; u4 K) J 1 Q( D ~$ P# A. U9 s我们现在删除BODY这个粒子元素。 选种BODY这个粒子元素 8 U8 R# |9 e# w7 n1 x# V7 Q在点击下面的红色叉。 9 ], E! }- T, [% i0 S见图11

下载附件

: U5 ?- W1 \: i- L, J 9 t- ^; e$ F* O# J8 p* t7 E 图11 点击确定后观察BODY这个元素是否被删除了。 - B. c8 f) n* @0 ^3 G见图12

下载附件

. Q# S/ x* |& Y( w8 I/ R5 T " T. n# @ a, H* V4 }: g 3 s$ u, P* P! k2 U Z# x 图12 现在我们直接可以渲染出图了。因为做BUFF 就做的比较简单。这里我要提一点因为要做循环。比如你要做20桢的循环动画（配合动作等元素），你渲染出图就要出40张序列桢。下面会给大家详细讲解的。 & ~, b4 ^( o+ X! y+ K这里我讲解一下PNG是什么？序列桢是什么？ & \* Q8 S7 j( I5 o“PNG” 全名Portable Network Graphic Format 是一种位图文件(bitmap file)存储格式，它是一种渲染只后直接有透明的图片。因为它压缩比高，生成文件容量小而且效果很好，所以很多都用到它。 我们让他和带通道的TGA图片比较一下： 2 g/ u( G1 E: E: j! ]0 b见图13 14 15 9 j$ x" G4 v% _- n; G7 K

下载附件

# d* N/ g0 d$ q/ B$ ] 图13 ( H! H+ m- h" g

下载附件

" F- l k% K6 J6 ~* S! A; H9 e 图14

下载附件

. U F+ R: ?/ @3 U8 l- g( Y 图15 9 E" s" r5 @0 G7 U2 j! s& o8 c从上面3图我们就可以理解PNG是为直接透明的图片，他更直观的表现出透明与不透明的区别。 4 v) f" j5 y- |“序列桢”就是把一个动画动作渲染成图片。连续性的播放就形成了序列桢。 好的。我们现在渲染40张PNG格式图片。 首先我们设置好渲染图片为21到60桢 见图16

下载附件

$ N9 J" {$ B2 @8 B2 B 7 ~$ A# D% \+ M ' U6 q- s& n; w b0 q3 M# \4 p 图16 " x* k6 n1 v4 M( [8 s$ g进入渲染面板 点击右上角红色按扭进入。 : n% }- p0 A$ l4 z. _* z7 ]见图17 ! _+ N N* q9 t7 m

下载附件

: U% N% H' R. M d/ T 9 V7 D- V4 {8 Y1 i6 |8 w 图17 : Z3 y4 ^# ]4 F' U7 T4 n7 U现在进入了渲染面板 我们确定渲染输出的位置。名字以及图片格式。 6 Q) |5 {2 l$ A/ |见图18 ' L# Y. g) s, k! S' [4 H

下载附件

6 B9 U$ R( K) f8 Z4 K; a V& l 图18 0 l8 j3 e4 s; }6 Z检查桢数是否真确以及勾选保存ALPHA和从RGB通道中移除黑色背景这两个选项 * D$ y) ]6 \1 {7 V5 j5 K* \见图19 " \2 t3 P& }6 A$ Z1 _1 z

下载附件

: v0 K% k; p3 z" x! c9 w6 M- B' g 图19

渲染出图。 现在我们把上面所做的BUFF进行处理合成。 我们打开AE CS4这个软件并且新建一个合成 . |: d T9 O1 w9 o; r. Y名称就默认为comp1 大小设置为512*512 桢率为12 # c0 J& f6 j5 F! C7 q8 w6 Z时间范围为 5秒内 见图20

下载附件

7 a, i& ^" s- Q% e9 {* a+ A r; N, |! O# ^5 X1 r, X 图20 * E/ Z; W+ G& L. D' u 现在导入一个待机动作和刚刚做的BUFF特效 : k, C7 D9 D c" v" e* E并且将他们命名为待机和BUFF 直接点中你所要修改名字的序列桢上按键盘回车键即可 见图21

下载附件

% A7 _% s- L% ]" N0 Y6 { 9 j2 v7 k% w. I3 q2 j8 ` & y7 H l8 q0 S8 o+ z) s2 f# [ 图21 现在我们将待机的桢率改为25桢每秒 . Z: c9 {# ]; }2 h! c9 ?4 ~! [; U% X将BUFF的桢率改为12桢每秒。 ! S- Y. M) Z6 x快捷键盘为 CTRL+AIT+G 见图22 " h0 r( T0 _( W

下载附件

; _; H: g P: J: z! |: G 图22 ; C0 y4 n( _+ Y; R' S我们把这两段序列桢放如COMP 1中 挑整BUFF的视图位置。缩放BUFF到80% , L6 M. a! F, R- e* q! R# Z3 G并且播放观察 ' ]$ y. x* d( K1 k$ p* U0 {见图23 & Y7 [" [* K8 e: [% u1 g

下载附件

' y! i6 l! M( g3 n' E0 u3 R6 C% T& } / T7 _: i* f4 |& w* P 图23 我们观察BUFF明显要比待机长一倍（因为一个20桢一个40桢） 而且播放时明显有跳桢（也就是不循环） : _6 ~6 G, c( O1 ^7 s现在我们做BUFF的20桢循环。 首先新建一个合成 命名为BUFF虚幻。其他的参数不变。 见图24 & F5 e k4 ]. z

下载附件

" m3 M! Y' J C1 X" z( P9 P% V " a: E) r0 I- O' y# p6 ?$ t 图24 我们将BUFF掉入BUFF循环这一层。并复制一个BUFF序列桢。将他们时间轴的位置50%相互交错 7 ]5 y8 m4 c* u% k见图25

下载附件

8 {3 L1 J1 O9 v$ I / C# B- O$ O, w# i/ e/ @& p 4 P; d2 K- P: H $ O, \- i, n/ F8 w2 m 图25 : p, G0 W" j3 C- a一定要注意时间轴上我的交错方式。 现在我们K他们的透明度（OPACITY）桢。 选择这两个BUFF序列桢 按键盘上的T 。我们看到了他门的透明度属性 1 l2 ^6 K% x# Y P见图26

下载附件

/ L1 W$ @" ~. {; ?7 P8 d0 s ( Z1 t2 I) C! z/ {0 R0 B 图26 AE的K桢就是点击像时钟一样的按扭。 % W' L5 |, ]; X3 b见图27

下载附件

: M4 ~) g6 u% T4 c; M" L6 n5 _6 g : b$ ]8 O1 m# P8 p* W 图27 6 M0 ~% ~& p8 _+ F0 K6 D我们按下这个K桢键时发现后面的时间轴上出现了huangse小方块。这就表示你K桢成功了。 我们先给第一层的BUFF K桢 将桢数移动到第1桢 透明度改为100。 桢数移动到第20桢 透明度改为0 0 P) S, J8 [ E8 F: `2 `见图28

下载附件

& I8 C0 Y9 r/ r8 f- Z8 o) P ! J7 t& d# p! ]% j; t 图28 4 c6 ^7 e6 S( L第2层则相反。 将第2层桢数移动到第1桢时 透明度改为0 2 [- A* D! z; |7 s将桢数移动到第20桢时 透明度改为100 见图29

下载附件

图29

我们播放一下动化。发现他中间在10桢左右的时候透明度明显下降。不够亮。虽然做出了循环。 现在我们蒋编辑这两个透明度的曲线。 首先选中这两层BUFF的透明度 点击视图的曲线按扭 . G, X$ |7 I4 N+ F. f) l& X见图30

下载附件

( @; f# a- o0 J/ Z( x' y% [6 X4 s( l# O - k8 H v' X$ |& \% Z/ V' R" \ 8 Z F( e& P+ V6 e 图30 # c% l- [+ v5 W进入之后我们将他们本来很直的曲线弯曲。调节成过度很平和的曲线。 1 w" ^" p0 L; V# ^" H1 Y' h选中两段曲线。点击右下角的 弯曲直线按忸 见图31 5 B. p7 G! y9 h: s6 z8 V

下载附件

0 Q* Z1 {9 J/ m' x8 h! N8 H 3 m T4 S P* ]* o1 } / J7 a/ }5 c& L( q* J0 c 图31 $ |7 X* z$ C/ `* ^' \0 [- R调节曲线， $ P3 B9 R) Z# l& ~) ?2 k, m见图32 0 Q7 L8 _' W$ i0 W- y6 V. P) Y

下载附件

# @. R3 e/ H0 m* p' f 2 v6 T& P( p! r t' U @6 M L* S2 R# Y- Q1 L. T 图32 8 S6 U/ O: ^. }4 W: a我知道这个循环问题不好理解。但是大家多试几次 多想想为什么K透明度的桢就明白了。 o" L% d% H. x% S7 q, s3 a1 Z现在回到视图中我们播放动画 观察是否 循环了。 好了 现在将循环BUFF这一层拽入图层COMP 1中和待机动作想匹配。 8 E V h# `4 h' E3 ^+ `播放动画 ' k- W* [ L* n: M见图34 4 p- e' N7 u+ m. j

下载附件

, V2 e, E& t5 ^5 w3 d 图34 现在我们渲染出图。 ) l; q/ o2 C9 Q" S7 R" l在你要渲染的图层中按键盘ctrl+m 会弹出一个渲染编辑框 见图35

下载附件

) \! X& V( c3 c' a! I N( G 图35 调节它的输出格式为GIF 。通道为GRB+Alpha。以及输出位置及命名。 % {1 U6 c& l! H" U5 Z+ P见图36 - n6 w- \. v+ V1 Q/ x \- |" {) x

下载附件

图36 $ H8 q: i5 V0 D5 U3 R其他调节 / Q; a* d% J3 A. x' `见图37

下载附件

' D$ B8 w7 ?% `1 H: ]& I9 V ) U+ j' w% K2 t- F- ^ 图37 最后鼠标单击Render渲染 " j) `+ J k& m2 o9 q见图38 . i; R8 ~& `) Y

下载附件

5 c7 e4 s* @* N/ _$ d3 V5 ] 图38 最后终于完成 ( s+ v5 Z% }: q( x4 T; `& Q, y找到渲染的GIF图片播放观看效果

* b% g T3 B" D0 z- s2 m鼓掌！！！ 西西特效~哈哈。。。。你像个江湖郎中~~

西西特效~支持一个

支持一下

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

求 particleIllusion 这个软件

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