闪电、下雨效果Logo的教程 ) D5 s' L$ o0 h3 g9 g. P
效果圖
2 G: D/ t, W0 W! Y0 X
教程: `% j* @$ B1 @% K
* |% b) v9 j; v) q
% r) ^! |" U5 |; _+ T7 ~
7 p$ R) l K+ t$ T+ R, L8 J
. i+ K* f7 c( T0 Q
/ g5 Z1 W6 G7 Y: l
" _* k" s; ]2 y' l8 c
' Q; b) B- a4 g* e
9 X% P) v& n* g: b/ x( |3 c
# D0 \1 l% }* e2 n
% s8 H) @/ v, N
最后用imagereday加工一下做成动态郊果。
" M' w! r5 b; H3 m# I* x- c
" t" _0 V% ]5 c+ f! i. E 这个是下雨的！我想这种方法不是很科学，但好在简单。! R) }* Z6 A( |: ~% ^
' \3 U; R9 @+ U3 F
6 J V+ B0 _2 h0 E0 q/ v
% n& o! ?. ~6 [- n& J
6 v8 m' q, c3 m$ L. ^) M8 L' ~
: A8 V/ U& @% M. I r
- m- y1 I0 H. o% a) u( e( H8 {
; v& ]7 n7 ~: m. @
~, p# v4 w& D
" L& o2 ^( b& G效果： R5 H6 I$ B+ D/ |8 j8 | x
8 }, p: V3 h3 O' P! g) E% j! Q
3 l% f* o" f3 ~8 N) V! _制作方法：
7 Z' Z4 w0 S; @7 R
6 K% C' p5 P* p& t7 p2 M+ W, ?
! h! |% \- G% t! w- B0 y k9 |" M
5 l9 @2 w* E. G3 T" e
+ r% a% w7 L; U, K, R! w/ Q' R) [
3 ?; ~- h' x ?4 u* u( o
' s G6 t {* C1 `9 v
$ e; L' R* T6 B6 O
4 h# H. ] k- B1 l$ p5 }2 v) e' L下面是源文件：
/ h7 u C5 ~' Z- X5 h
2 k) i- M7 v" w
说说FW做LOGO，还是先看效果只有桢动画造成的视觉暂留，虽然是最简单的方式，却也是我制作得最繁杂的一个LOGO。9 x& a' g3 ?6 ~! g( s1 J2 I
$ v& l" V: u: x7 ?9 g5 a
1.打开原图，剪接取舍得到88*31大小的图。5 D) O5 P( n& p* U$ e& t: {0 L
8 m. l2 C& @( H& Y
/ i( r C# X" `( F; O
2.这个LOGO里还有一支笔和一个印章的图案，我借用了PS和FW工具栏里的两个小图标。
0 l. p9 N% ?/ Y. s! [- l( F* a
0 h. t0 c* |. }1 k- C
3.在图象输入“解语”，均匀去除锯齿，颜色为#005A00，大小21号，方正行揩字体。) Y1 W2 J6 z, g7 l- |6 C
, ~) b2 E9 e9 I0 H l
4.加入笔刷图案后，将该桢复制成22桢。在每一桢上，将笔刷图案依照“解语”的笔画顺序，移动到相应位置。
. J3 f6 N: y- t; F3 K
, F- G9 l5 o: E: d
5.依照笔画，将笔刷图案未移动到的笔画用于背景相同的颜色覆盖。" j" B, h& t7 ~0 b6 n
' j& ~$ F4 I, O8 |5 L& T8 m1 s% V 6.第十三桢就该开始做印章的过程了，先将图章工具的图案进行适当的拉伸、倾斜、翻转，使其与印迹的大小、倾斜度基本适宜。印章的过程分成“印章出现”—>“按在纸上”—>“稍稍移动，显露出印迹边缘”—>“印章上移”—>“完成”五步完成，适当调整每一步的时间，使其流畅即可。; \3 z* D, B& k; }+ E& Y
$ q& l$ P4 ^* \3 X9 t% U& N5 M 7.最后还该在说说“丁丁冬”三字制作中，自己的一点具体做法。在FW里，输入的文本和矩形框组成的印章在进行倾斜变形后，会走样，变得不清晰。我的做法是建立一适当大小背景透明的画布，输入文本及矩形框后导出成图形，然后再打开，这时候选取图形，复制粘贴到LOGO中，这个时候再做倾斜处理，一般就不会太走样了。
$ T2 ?) b9 q3 O% r9 i, q5 ~
3 D) J1 E) I) x& F9 {: f% ~ 这个LOGO耗时间最多，但过程不难，只要注意每一步的变化，心细些就做出效果来。边框虚线运动的Logo. v+ I1 G9 G; ~" m5 Z. x4 G6 q/ ~/ \
步骤一、建立一个88*31的空白图片，背景色为白。 # Y) k2 T% B) E, N( i1 w; |
步骤二、选中线段工具，拉出一条长88的直线（水平）。% Q7 K/ d8 z2 a% {5 H" e" v$ r2 [
步骤三、将这条直线的笔触选择铅笔，1像素，纹理为Grie5 100%，这条直线就形成了虚线的效果（也可以通过Fireworks的Command命令插件完成虚线的制作--此插件需自行加入）。如图：1 [* Z' [6 i! b' ?+ r% z
- [8 t# x' D1 [* o7 t2 }
步骤四、选中刚才制作的虚线，按Ctrl+C复制，再按3次Ctrl+V粘贴，这样就有了4条这样的虚线，将其中的两条旋转90度，成为竖直的虚线，将4条虚线（2横2竖）分别放到图形的4个边上。（如果旋转后无法显示虚线，请调节线段的笔触大小）如图：3 s' X$ a. V/ z
8 u+ j4 N( D( m 步骤五：点击帧面板下面的增加一个桢，复制第一桢中的所有线段图形到第二帧，再细微调节四个边上的相交处的虚线位置，叫2个帧有所区别。如图：
( t. h- W3 `7 J5 j' P% M
9 V; l, O) S, e: F) F2 z
步骤六：选择菜单中的文件->输出向导，按默认进行，最后选择输出预览中的动画菜单，将2个帧都选中，调节没帧的速度为15，输出成为GIF动画，如图：
6 i( Y! E' x1 e* |* \7 _/ W
* D7 x, ?9 G8 e9 L0 Y1 @ S2 {4 B 完成实例：" B5 ]) Q% G" _+ v
$ M: O- ]& q$ T% w) \ 好了，一个边框虚线移动的logo做好了，很简单吧？同样的，这也是一般动画logo的制作基础，希望大家举一反三，做出各种效果来。Fireworks制作Logo
5 B, f& o9 V' Y- K; p
1 c% J# w% ]- l8 r+ q1 y& U( |
4 ?3 }4 N1 n7 i3 M
3 o! Q3 I8 e/ y9 L
光照边框运动的Logo制作. g5 ~* V6 B1 i, u$ e$ i
6 b4 `) u# w' ^如何做出像下图一样的LOGO呢？" \4 z/ G9 F- ~3 g# h
% g b8 o" m: O8 ?8 O+ C不急慢慢来！以下是在Firework MX下做的，FW 4.0下可能有些命令不一样！* \# ~/ e+ [% n" Z
新建一88X31大小的图像，选中Custom这项，背景随便选，接着按Ctrl+=四次，使其放大到400倍，然后用marguee tool工具，在背景上正击一下，接着按Ctrl+a进行全选，再执行Select/contract Marquee命令，弹出来方框里填1PX接着按Ctrl+Shift+I后如图：4 p, }; i1 t3 b9 F
% ?0 s) m- d' z# ?1 [6 N
再用油桶工具填充为深一点的颜色。如图：2 l) ~1 g' ]( ?9 j3 F/ P& H
2 K7 |) V- o) M# G$ ~# c9 p
新建一层，然后用Line Tool工具画出一个长14px，宽1px的直线，设置为白色，透明度为75%，再画一个长6px，宽1px的白色直线，再把个图重合放在一起按Ctrl+G进行组合。% u; q1 L s( A; w) S( v
8 S0 x* @ y; f% @0 e接着Clone一个出来，并执行Modify/Transform/Rotate 90 转90度。并且最后一样Clone一个，再把这四个直线放在他们相应的位置，如图： u& H/ `* @! P/ D; O
+ o5 m0 [ m! Z3 F& Y3 F
再把图层一设为共享层。
/ ]0 R; @7 Q7 G3 P, T4 D% ^7 r W然后选中左上角准备向下运动的直线，按Modify/animation/animation selection，在Frame这项里填6帧，点确定，再按住红色的那个圆点，拖成如下图的样子：
' T8 @1 u8 ]% R6 b& E5 e% @
( r6 x, O$ I8 g' ]" i
在选左上角准备向右运动的直线，按Modify/animation/animation selection，在Frame这项里填14帧。
; i! Q( }( `& d+ k' B再选下面同样执行上述命令，但Frames这项里填20，出来后把他的位置拖放如下图：, L! y; n2 D! R5 X S
' i+ \3 l5 v8 o- K# y, V3 p3 M* C
记得把第5帧的位置话这个图的开始，这样前5帧就空出来了，使其第5帧正好到图上。 4 Z9 F9 q" c! D6 \7 ?# B
最后一个当然也一样执行上述命令，Frames也为20帧，当然最后一个是只留最后5帧在图像上，最终这四个Animation Symbol成如下图的样子：
; Y* T& Q/ d$ `
; a3 Y+ p' E( ?0 c* R9 b8 K再回到第一层上添加你想要的文字！本文以04-8号字体做例，输入议定Animation，设置好大小后确定。然后再在属性面板里另上Effect里的Shadow and Glow/Glow命令，如图：/ l" L [4 q9 |. v, h b
8 |9 R* G- L5 V% ?
OK搞定了！最后一步了，输出 执行File/Export Preview，弹出窗口如图：4 X" `6 C, H. @0 `! O& {$ m1 d
7 o' d* r, b, M3 }, N6 f
选择上面的Animation标签，把第一帧都设置成2/100S 如图设计成2就行啦！Export保存！一个新的边框运动的logo就诞生了。8 T& @! {* o9 U3 v$ g
收藏到QQ书签