Flash动画的基本操作.docx
《Flash动画的基本操作.docx》由会员分享，可在线阅读，更多相关《Flash动画的基本操作.docx（15页珍藏版）》请在冰豆网上搜索。
Flash动画的基本操作
Flash动画的基本操作
（二）
一、如何创建Flash文档并设置场景？
（一）、如何创建Flash文档？
A、启动Flash软件，单击“开始”界面中的“创建新项目”选项区域中的“Flash文档”选项即可。
这样，就可以创建一个空白的Flash文档。
B、新建一个空白的Flash文档后，可以对“场景”进行一些简单的设置，选择“修改”→“文档”命令，打开文档“属性”对话框，在“尺寸”的“宽”和“高”的文本框中分别输入数值“800”和“600”，单击“背景”颜色按钮，选择“红色”为背景颜色，然后单击“确定”按钮。
注意：
Flash的启动方法与其他软件的启动方法类似。
另外，在舞台中单击鼠标右键，在弹出的快捷菜单中选择“文档属性”命令，也可以打开“文档属性”对话框。
C、进行一些简单的设置后，我们就可以将该Flash文档进行变成。
选择“文件”→“保存”命令，打开“另存为”对话框，在“保存在”下拉列表中输入文件名，如：
“我的Flash”，然后单击“保存”即可。
二、使用椭圆工具绘制圆形
如何在Flash中绘制圆形？
A、启动Flash，选择“文件”→“新建”命令，打开“新建文档”对话框，选择“Flash文档”选项，单击“确定”按钮，新建一个空白的Flash文档。
B、单击工具箱中的“椭圆工具”按钮，光标变成“+”字形状，在舞台上按住鼠标左键，拖动到需要的位置后释放鼠标左键，即可绘制一个椭圆形。
C、如何绘制一个正圆形呢？
很多地方都有用到正圆图形的图案，现在我们学习绘制正圆。
单击工具箱中的“椭圆工具”按钮，光标变成“+”字形状，按住键盘上的Shift键，同时拖动鼠标，即可绘制出一个正圆。
注意：
选择工具箱中的“矩形工具”，可以绘制出矩形和正方形。
方法与绘制椭圆和正圆的方法类似。
三、如何使用多角形工具绘制多边形？
你知道如何在Flash中制作小星星图形吗？
A、单击工具箱中的“矩形工具”，按钮，在弹出的下拉菜单中选择“多角星工具”，然后关闭右侧的折叠面板。
B、在“属性”面板中单击“选项”按钮，弹出“工具设置”对话框，在“样式”下拉列表框中选择“星形”，在“边数”文本框中输入数值“5”，然后单击“确定”。
C、按住鼠标左键，在舞台中拖曳到需要的合适位置，释放鼠标左键，即可绘制出一个五角星。
四、创建图形元件
前面我们学习了Flash的一些基本操作，下面我们来学习一些关于动画制作的知识，我们就从创建图形元件开始。
A、新建一个Flash文档，选择“插入”→“创建新元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“我爱你”，在“类型”选项区域中选择“图形”单选按钮，然后单击“确定”按钮。
B、单击“工具箱”中的“文本工具”按钮，打开“属性”面板，设置“字体”为“黑体”，“字号”为“20”，“字体颜色”为“红色”，然后在舞台中输入文本“我爱你”。
C、单击时间轴上方的“场景1”按钮，回到场景1中按F11键，打开库面板，就可以看到刚才创建的“我爱你”图形元件。
注意：
影片剪辑元件的创建方法与图形元件的创建方法类似，一定要多加练习。
另外，影片剪辑元件里，通常放置一些动画内容，而图形元件中常常放置一些静态内容。
五、创建按钮元件
创建按钮元件的具体操作步骤如下：
A、新建一个Flash文档，选择“插入”→“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“立体按钮”，在“类型”选项区域中选中“按钮”单选按钮，然后单击“确定”按钮。
说明：
可以看到按钮元件的时间轴和其他元件的时间轴是不相同的，它的时间轴通常为“弹起”、“指针经过”、“按下”、“点击”4个状态。
B、单击工具箱中的“椭圆工具”按钮，在舞台中绘制一个正圆形，选择“窗口”→“对齐”命令，打开“对齐”面板，单击“水平中齐”按钮和“垂直中齐”按钮，使图像对齐于舞台的中心位置。
C、在“指针经过”状态下，单击鼠标右键，在弹出的快捷菜单中选择插入“空白关键帧”命令。
D、单击工具箱中的“椭圆工具”按钮，在舞台中再绘制一个稍小一些的正圆形。
单击“对齐”面板中的“水平中齐”按钮和“垂直中齐”按钮，使图形对齐于舞台的中心位置。
E、单击时间轴上方的“场景1”按钮，回到场景中，按F11键打开库面板就可以看到刚才创建的“立体按钮”按钮元件了。
注意：
在按钮经过的状态上放置一个动画，测试本按钮时，将光标移动到按钮上时，会产生一些动画效果。
六、制作帧帧动画
下面我们学习制作简单的渐变动画，具体的操作步骤如下：
A、新建一个Flash动画，选择“插入”→“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“小球”，在“类型”选项区域中选中“圆形”单选按钮，然后单击“确定”按钮。
B、单击工具箱中的“椭圆工具”按钮，在舞台中绘制出一个正圆形，选择“窗口”→“对齐”命令，打开对齐面板，单击“水平中齐”和“垂直中齐”按钮，使图形对齐于舞台中心位置。
C、单击时间轴上方的“场景1”按钮，回到场景1中，按F11快捷键打开库面板，选中“小球”图形元件，并将其拖入舞台中，然后关闭库面板，使小球对齐于舞台的中心位置。
D、将“小球”图形元件对齐于舞台中心位置，然后在第20帧处单击鼠标右键，选择“插入关键帧”命令，插入关键帧，并将在舞台中的小球向下移动一小段距离。
在第一帧处单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令，就完成了渐变动画的制作。
E、选择“控制”→“测试影片”命令，打开测试窗口，即可看到动画的效果。
七、制作卡通按钮
如何制作Flash动画中的卡通按钮，具体操作步骤如下：
A、新建一个Flash文档，选择“插入”→“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入“卡通”按钮，在“类型”选项区域中选中“按钮”单选按钮，然后单击“确定”即可。
B、选择“文件”→“导入”→“导入到舞台”命令，打开“导入”按钮对话框，选择图片2jpg，单击“打开”按钮，导入图片2jpg。
C、在“指针经过”状态下单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”命令，单击时间轴上方的“场景1”按钮，回到场景中按F11快捷键，打开库面板，将刚才创建的名为“卡通按钮”的按钮元件拖入到舞台中。
D、选择“控制”→“测试影片”命令，打开测试窗口，将鼠标移动到卡通图像上，可以看到图像变小，光标变为手的形状，这就是按钮的效果。
八、制作带有滤镜效果的文字
（一）、我们学习了Flash中制作动画，现在我们学习制作一个特殊的文字效果，Flash能否像Photoshop那样制作会发光的文字呢？
A、新建一个Flash文档，单击工具箱中的“文本工具”按钮，在“属性”面板中设置“字体”为“隶书”，“字号”为“40”，“字体颜色”为“红色”。
在舞台中央输入文字“大家好”。
B、单击“属性”面板右侧的“滤镜”标签，打开“滤镜”面板，单击“添加滤镜”按钮，选择“投影”选项，在对应右侧面板中设置投影多“颜色”为“黑色”。
在舞台中任意位置处单击，就会发现文字有一种立体感了。
（二）、制作有链接效果的文字
要制作出一个一按就会弹出一个网页的文字效果，具体操作步骤如下：
A、新建一个Flash文档，单击工具箱中的“文本工具”按钮，在“属性”面板中设置“字体”为“宋书”、“字号”为“30”、“字体颜色”为“蓝色”，在舞台中输入文字“网站首页”。
B、在“属性”面板中的链接文本框中输入链接网址：
http//。
在舞台中任意空白处单击，然后选择“控制”→“测试影片”命令，打开测试窗口。
C、当光标放在“网站首页”的文字上时，光标就变成手形样式，单击即可打开链接的网页。
Flash制作进度条教程
前言：
一、进度条的意义：
在网上发布了你的作品后，由于文件较大，下载速度慢，有些朋友看到一片空白，不耐烦等待，就离开了你的网页。
为了吸引他，你就做一个进度条，让进度条先来接待他，让他知道，网页是正常的，只要稍等会儿就会显示。
就如你到饭店吃饭，菜不可能马上烧出来，这时小姐会给你倒一杯茶，让你悠闲的等待一样。
二、进度条的原理：
进度条主要是靠as代码来指挥的。
你先制作一个进度条的影片剪辑，这个影片剪辑的长度为100帧，用形状补间动画把里面的填充色块逐帧扩大；而as代码的意义就是先计算出你的文件总的字节数大小，然后把下载的字节数转换成百分比数值，赋予给有关变量，从而使播放头跳到该帧，当下载数达到文件的总字节数时，播放头转到主动画，并且停止播放进度条影片剪辑。
三、添加进度条的二种情况：
1、新制作动画影片时，你只要把进度条放在主场景的第一、二帧上，后面帧上再加主动画。
当然相关的代码也要相应的变化。
（这种情况我不作介绍。
）
2、如果你想在已有的FLASH文件中添加进度条，要移动第一帧上的所有元素到第三帧或以后的帧上，比较麻烦。
这时你可以添加一个场景2，并把场景2设为主场景，因为动画播放的时播次场景。
我这里就以原有的作品添加进度条为例。
（软件是用FLASH8）
教程内容：
一、添加场景2，并设为主场景：
1、运行flash软件，打开你的原有作品文件，点击菜单“插入”－“场景”。
图1
2、点击菜单“窗口”－“其他面板”－“场景”。
图2
3、跳出界面，图3
用鼠标左键按住“场景2”向上拖动到“场景1”的上面，图4
并关闭界面。
二、创建“进度条”影片剪辑：
1、点击菜单“插入”－“新建元件”。
图5
2、在跳出界面中填写名称“进度条”，类型“影片剪辑”，点“确定”按钮。
图6
3、在进度条的舞台上设二个图层。
图7
4、在图层一第一帧上用矩形工具，画一个矩形，宽300象素，高20象素，边框设为绿色，填充色为红色。
左边边缘对齐舞台的中心点。
图8
5、用箭头工具选中中间的填充色块红色部分，按ctrl＋x键，剪切。
6、到图层2第一帧上，点击菜单“编辑”－“粘贴到当前位置”。
7、在图层2第100帧插入关键帧，回到第一帧，把色块宽度调整到3象素，并移动色块到最左边，（提示：
可以在属性面板修改数据，来缩小色块的宽度。
）图9
8、图层2创建形状补间动画。
图10
9、图层一第100帧插入帧。
三、组装：
1、回到场景2，也设二个图层，第一层为进度条层，第二层为as代码层。
2、在第一层第一帧，把库中的进度条影片剪辑拖入场景，放到合适的位置，在属性面板上写上实例名“进度条"。
图11
3、选择文本工具“A”，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：
动态文本；字体：
Arial；变量名：
jd；单行；字体大小颜色自定。
图12
3、在第二层第一帧，添加as代码，选中第一帧在属性面板<帧标签>处，写上"bo"，图13
然后打开动作面板，复制下面的代码并粘贴。
图14
total=_root.getBytesTotal（）;
//将已经下载的字节数赋值给loaded变量
loaded=_root.getBytesLoaded（）;
//取整计算已下载的字节数的百分比并赋值给变量load
load=int（loaded/total*100）;
//把已下载的字节数赋值给动态文本变量loadtxt
loadtxt="loading"+load+"%";
//进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop（load）;
4、在第二层第二帧，插入空白关键帧，添加as代码，
//如果下载字节数=总字节数，跳转到"场景1",第1帧并停止播放进度条
if（loaded==total）{
gotoAndStop（"场景1",1）;
//否则跳转到标签名"bo"的帧,继续下载
}else{
gotoAndPlay（"bo"）;
}
5、最后更改一下背景颜色，随意。
四、测试：
由于在电脑里测试，文件下载速度快，所以进度条显示一瞬间，要先看他的全过程，应如下操作：
按ctrl＋回车键，跳出播放界面后，点击顶部菜单“视图”－“模拟下载”。
图15
就可以看到全过程了。
提醒：
1、小的文件没有必要装进度条。
2、进度条也可以制成各种效果，不过进度条所占的字节不能太大，否则本末倒置。
类别：
默认分类|添加到搜藏|分享到i贴吧|浏览（621）|评论 （0）
上一篇：
非常有用的类库 下一篇：
精选85条俏皮话，不可不看哦！
相关文章：
•
flash进度条制作教程,附flash源...
•
增加场景制作Loading教程（进度条...
•
跟我StepByStep学FLEX教程------...
•
Silverlight2学习教程（七）:
在Si...
•
实用的FlashLoading加载进度条...
•
进度条-步骤教程
最近读者：
登录后，您就出现在这里。
iq1680
bmw511
db51267
游魂米哟哟
╰☆
升级会员 