快速业务通道

有趣的Flash动态填色本

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-14

?

  大家对目前比较流行的绘图软件,如Photoshop、Corldraw等都比较熟悉,它们都具有非常强大的绘图功能,尤其在色彩的调配上更胜一筹。

  此例我们用Flash来模仿制作一个可以对物体动态上色的小画板,主要运用MOVIE CLIP的命名及控制、带声音按钮的制作、帧的拷贝与复制、位图的打散、背景的去除等最基本的操作,再结合基本的action script指令的应用,就可以实现影片中对颜色的控制。
图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、最后请依据调色板的色块顺序(此作品的色块顺序为:白色,红色,粉红色,浅橘色,深橘

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号