有趣的Flash动态填色本

图1 着色本效果

　　制作步骤

　　　一、素材的准备

　　　我们已经把本实例所要用到的所有素材放到了素材源文件里面，大家可以下载下来，直接使用这些素材以方便我们的制作。本实例素材如图2所示：

图2 　　制作中所用到的素材

　　二、影片场景的设置

　　1.请打开"着色本原始档.fla"这个文件，点击Modify(修改) àDocument (文档),弹出Document properties(文档属性)"对话框。

　　2.如图所3所示，设置此影片的属性。

图3

　　三、制作调色板

　　1.请先将Layer1图层更名为"调色板"，如图4所示：

图4

　　2.在编辑区的左边绘制出着色本的调色板方块，画成矩形或其他形状都可以，只要看上去美观就行了，您可以依据自己的喜好，设置色板的颜色与数量，在此例子中我们一共制作了14个色块，其颜色分别为：白色，红色，粉红色，浅橘色，深橘色，米色，黄色，灰色，浅蓝色，蓝色，紫色，浅绿色，深绿色，咖啡色，制作完毕后如图5所示：

图5

　　3、然后再画一个白色的方块，并用文字工具在旁边标注意为"当前的颜色"，这个色块用来显示当前所选择的颜色是哪个。如图6所示：

图6

　　4.建议初次制作着色本的时候，可以先试着制作5，6个色块即可，等掌握熟练后可以扩大作品。

　　5.请选择调色板中的第一个色块（在此例子中为第一个色块），按下F8键或选取"Insert(插入)"\"Convert To Symbol(转换成组件)"命令，在弹出的"Convert To Symbol"对话框中选择"Button",将其转换为按钮组件并命名为"白色"（此名称请依据所选取的色块颜色而定）。

　　6、增加按钮的音效。在白色色块上双击鼠标左键进入组件编辑状态，在"白色"按钮组件的"Up"帧上按三下f6键，使按钮的所有四帧全部为关键帧，然后选中"Down"祯，选取"Windows（窗口）"\"Properties（属性）"命令调出Properties（属性）面板，从Sound声音列表里选取"按钮声2",这样我们在选择颜色的时候就会发出清脆的声音。设置完的时间线如图7所示：

图7

　　7.然后按照同样的方法，将所有的色块全部设置为按钮组件。

　　8.接下来选取要显示所选颜色的那个色块，按下F8键或选取"Insert(插入)"\"Convert To Symbol(转换成组件)"命令，在弹出的" Convert To Symbol(转换成组件)"对话框中选择"Movie Clip",将其转换为Movie Clip组件并命名为"目前的颜色"。

　　9.在主场景中选择"目前的颜色"组件，然后选取'"Windows(窗口)"\"Properties(属性)"命令，调出" Properties(属性)"面板，请在"Name"处输入"Swatchx",这样就将主场景中的"目前的色块"组件命名为"Swatchx"了，从而可以在后边用Action对其进行控制。设置完毕如图8所示：

图8

　　10、在主场景中"目前的色块"对象上双击鼠标左键进入组件编辑状态，在第一帧上单击鼠标右键，调出"Actions"面板，接着按"+"\"Actions"\"Movie Control"\"Stop"，为此帧加上AS代码"Stop"，然后在第一帧单击鼠标右键，选择"copy frame",再在第二祯上单击鼠标右键，点击"Paste Frames"(复制，粘贴帧一的内容)。因为此作品的调色板一共有14个色块，所以请重复此步骤13次，到第14帧为止，如图9所示：

图9

　　11、最后请依据调色板的色块顺序（此作品的色块顺序为：白色，红色，粉红色，浅橘色，深橘色，米色，黄色，灰色，浅蓝色，蓝色，紫色，浅绿色，深绿色，咖啡色），分别将"目前的颜色"组件中14个关键帧中的色块填入相对的颜色。

[1] [2] [3]  下一页