The Making of FLASH: January 2007

[教学] Flash Masking 2

1)首先，import 图片或是自己画，

2)如果是import的，就把他拉到scene上，

3）然后在timeline,第40个frame 按 F7=add frame, 然后在加多两个layer,

4)把同一张图片，copy , paste in place 记得！！要在layer 2,然后把layer2 的图片放大，transform--

5）在layer 5，画一个小圆圈，这个layer负责masking,然后把这个圆圈group，

6）在layer3的第40个frame,add keyframe,然后把小圆圈拉到图片的另一个端，

7）选择layer3的一个frame,properties--->motion,

8)然后把layer 2 和layer 3 lock起来，

9）然后在layer 3 right click ,选择mask。

就大功告成！！！记得要test movie看成绩

[教学] Flash Masking 1

这个教学是如何做基本的flash masking,
他只是一种好像电筒照到的效果

在这个基础教学只需用到两个layer,

1)首先,在scene 上写上一行字，然后在第40个frame放一个keyframe或是把frame extend 到第40 个frame

2)然后create宁外一个layer,那个layer必须是在那行字的layer上面，这个就负责masking,在layer circle 上，画出一个椭圆形，然后也是在第40个frame 那边extend frame.

3)鼠标选择layer circle 的第一个frame,选择第一个frame的椭圆形，然后把他group 了

4)然后在layer circle的第40个frame create 一个keyframe,然后把椭圆形拉到masking字的右手边，

5)选择layer cirlce,properties-->tweening-->motion

6)然后把拿两个layer lock起来，

7)然后right click layer circle 选择mask

***
**
*

大功告成

Flash: http://www.netcolony.com/yawchoong/cari_flash_masking_tutorial/masking.swf

初级人物跑步的动作

scr

Flash: http://img386.imageshack.us/my.php?image=16lz.swf

这里要和大家学习的便是出场人物的跑步动作

Flash Animation 教学

可爱的 Robot仔按钮

在这里想教大家弄一个可爱的 Robot仔按钮。眼睛会 Random 的动。 Mouse Over 时会有表情。

难度：Beginner-Intermediate

(一）

Dimension: 100 x 100 pixels
Background: white
FPS: 48

先画 Robot仔的身体。

（二）

选 Insert -> New Symbol 或 Ctrl+F8

在 Create New Symbol Dialogue Box 里面，打 robot_off。在 Behaviour Type 选 Graphics。按 OK。
这是给 Mouse Off (滑鼠没有在 Button 上面）时的 Robot仔表情。

跟着就会去到 robot_off 的 working environment 里面。在这里贴上 Robot仔的身体。（可以回到 Main scene copy 再 paste Robot仔的身体）。

（三）
现在我们要弄一个会自己转的眼睛。
再 Insert New Symbol，打 robot_eye，behaviour 选 Movie。

现在我们会在 robot_eye 的 working environment里面。
在这里，画一个圆圈。这是眼睛的外线。Rename this layer as "outer"
Insert new layer。Rename as "inner"
在 layer "inner" 里面画一个黑珠子。这是眼黑。先把它画在左边（看左）

现在我们把两个 Layer 都加 frame 加到 180 个 frame。
在 layer "inner" 的第２４个 frame，我们 Insert Keyframe，在把黑珠子改成一条直线。（眨眼）

在 layer "inner" 的第２４个 frame，我们 Insert Keyframe，再画同样的黑珠子。这次我们把它 Move 到比较右边（看右）。

现在 Right Click on frame 24-> Copy Frame。然后 paste 在 frame 49。

在 Frame 50 insert blank keyframe,画眼珠在中间。（看直）

跟着读者可以随便在一个 Frame 里面在加 Keyframe。然后在画眼珠看上，看下，看斜，眨眼等等。。。

现在再 Create New Layer, Rename as "Action"。
在 Layer "Action" 的最后一个 Frame，也是 Frame 180 ,加入 Actionscript。输入：

gotoAndPlay (random ( 180 ));

这个 scripts 的功能就是 randomly play any part of the frames。

OK！现在我们 create 了眼睛。我们回到 Robot_off 的 working environment 里面，然后 drag robot_eye 进去。

这样一来， Robot_off 完成了。

（四）
现在要作 Robot_on 的表情了。
Create new symbol -> type in robot_on
Behaviour: Movie

第一个 Layer 我们 paste 上 robot 的身体。加 frame 到 65。
Create new layer,这时候我们就用 Frame-by-frame 的技术来画 robot 的眼睛会闭着，然后转动。

参考如下：
>>转动的眼睛<<

这样一来，我们就完成 robot_on 了。

（五）
现在我们要作 Robot_down，也就当我们按滑鼠键的时候的表情。
Insert new symbol-> Type in "robot_down"
Behavior : Graphics

在 Robot_down working environment 里面我们画上一个被按的表情。

就大功告成！

（六）
现在开始作 Button。
Insert new symbol-> Type in "robot_button".
Behaviour : Button。

在 Robot_button 的 working environment 的 frame "UP" 里面，放入 Robot_off 的 graphic。