|
你是否会觉得你自己空间的模版会显得单调呢,是不是看到别人的模版能开能关很羡慕呢,其实做法并不难哦,今天就抽时间给大家写篇开门和关门的效果吧,先看下效果图
, J' S" V) { x/ R4 p3 P$ x, d, R5 x9 p/ V& H' H2 p6 X3 D
效果地址:http://qq.tqqa.com/QQ348566936/teachsas/yinyong.swf : H1 p( d! ?3 v7 z/ L" R1 h1 L- B
' { S2 l4 m3 `' p" p! J" O
准备工作,当然首要的准备工作就是要有flash8。0软件,米有的朋友网上随便可以收索很多的,准备好两张ps的图,注意:图1为边框模版,中间一定要透明,格式 为“PNG”格式,图2作为门,大小稍微比图1镂空部分大一点就好。还要准备好两个按钮。 3 ?3 K; e- F: T; J, A- V9 c
1:打开运行flash后,新建一个flash文档,双击”12fps",文档尺寸改为图1的尺寸 ! v' R# T! V! Q* ~) X+ j0 I
* ] C8 K- A2 H& G
5 \; y# X3 |: s" f; b
. G9 V9 W) l% K" I) E
1 N& k% E8 q* r3 H3 T1 F4 Y然后执行 文件——导入——导入到舞台,将图1导入flash文档中 1 ~" [$ v$ R* ?1 }$ [3 A1 k, O1 |
2 A! C$ T) N; i. ~; ^! P7 }
2:将图1实现真正的镂空。其操作步骤:点击图1右键选择 “分离”,再在工具栏中选择套索工具,接着选择工具栏下方的“魔术棒”,然后用魔术棒点击图1,当魔术棒选中要镂空部分时,右键选择“剪切”,这样就实现真正的镂空了,具体可参考教程——轻松五步制作简单FD模版
+ ]+ t, L G6 v
4 ^- j! Z. X2 U( F# ]: @0 l3:把图层1锁定,,然后添加一个新图层2,执行 文件——导入——导入到舞台,将图2导入,把图层1和图层2的位置调换下,使图层1确保在图层2的上面
3 [( l# t5 K- q; Q( _) _5 w! H! e E# {" Z5 j! ~+ T$ F
8 B g7 V/ u" A+ J/ C! i9 S
4:用选择工具调整好图2的位置,使其能完全覆盖图1的 镂空部分,再在图层2时间轴上的第30帧处插入关键桢,图层1的第30桢处插入桢,如图所示
3 f& q( J( Y4 X6 ?! H9 C
5 i+ S: e* U5 X3 h1 C% x8 u# P( ^. k# w; b1 N$ J
- B5 @8 G7 u$ h0 W$ G3 i; S( \( F
/ a, K& c& ?3 H# q- u" |5 o/ m- Z1 A0 `1 {9 V9 B# A
5:在图层2的1到30桢内任意桢处,点击右键 “创建补间动画”,此时再选中图层2的第30桢,用方向键将图2拖到图1的边缘,使其完全遮住图2,再按CTRL+回车键测试下,此时这个门是自动一开一关的
1 f0 \. i+ t7 [( J4 t) V* C$ l
0 |: @9 D; @+ L9 `9 c4 D- N3 Z6:此时要选择图层2的第1桢,按F9,弹出动作面板,给他加指令: stop(); 7 Q, C; r) k! v* Z& |/ e
; F7 J% K; ^8 P
/ S9 s& c4 y( g1 C! l8 u( ^
/ @1 a) F) e; t" \0 i: w1 h2 Y! U, ]1 ~4 `
在图层2的第30桢也同样的方法加这个动作,
5 e/ S: p" P5 _
H( H; e# l7 i0 H* O* Q9 ^
& z7 c. X( C e3 J; F5 H( |7 \7:再选择图层1,选择插入图层工具插入一个新图层3(开启按钮),执行文件——导入——导入到舞台,将图3(开启按钮)拖入相应的位置,然后点击图3右键将其转化为元件1 z3 j* X: Z# O8 ]! }
2 n7 ?+ t. t5 T4 o6 v0 K3 g1 }8 n* ^ {1 a# n ~& m" w
$ A& Y) ~" ~9 N3 |9 Q+ g0 e& i, n: x4 { w% v8 n( H& p5 F
再选择按钮,这样就转化为元件了,接着右键选中“动作”,弹出动作面板后,输入动作指令如下 8 d* P+ W! f8 c& I- V: J8 X
on (release) {
5 I. G% U0 _' }, tplay();
$ _6 P: [4 B* U( d4 Z, G* q. ?1 r1 g" S }2 `8 Y( q
}
+ m$ F! t, a2 ]: R1 p @/ {
! m2 m0 q6 D/ Y0 ] K6 a这样就已经实现了按钮控制开门了,接下来就制作关门效果 ' P7 S' E; N& P9 |# g
0 L' ~' j0 X' i$ g8:在图层2的第60桢处插入关键桢,选择图层2的第60桢,同样用方向键反方向把图2(门)移至和第一桢同一个位置,选择30桢和60桢之间任意桢创建补间动画。同样图层1的第60桢处出入桢, 3 i8 n8 f6 P! T' |/ e! S5 c, {
5 m5 g0 H* [6 b' c9:再添加一个图层4(关闭按钮)用选取工具移动至相应位置,同样的方法把他转化为元件后选择“按钮”, 点击右键动作,输入动作指令 + s$ L' ]8 M# {* d3 B( V5 y2 l
on (release) { 9 o+ g/ H. ]0 I+ x ?7 J0 C
play();
: L+ J0 X6 ?% O% I* f
; p- v6 q5 F* ?0 N, e; r} ( ]% C" @. I& Y) U
10:按CTRL+回车键测试下,此时这个门已经受两个按钮的控制了,但是发现还有些细节问题,就是要实现两个按钮间的相互交替问题,处理很简单:将图层3(开启按钮)删除一桢,
/ L, ^) e% d3 p& P
" p h5 v7 U0 n( a% O, a; X 再在图层4(关闭按钮)的第30桢处插入关键桢后选择第29桢,将其前面的29桢清除,操作如图 - J6 b0 |$ V# B3 W1 q( Z* _0 ?
& L! ^ {: e0 [) ~5 b1 C% \$ N3 c$ F% \+ E: V
, r0 \/ o: q+ ^8 M6 r( {/ A
7 E4 f1 b0 C6 `5 V4 S* ~, f) G+ q4 b
此时在时间轴上的桢的情况
2 s3 j1 S3 D8 `( a, ^& K+ \/ v5 [- z2 K: Z( L+ \$ X
; u5 @4 a4 b' i' I$ S$ j4 I
|
|