📄 flash
字号:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Flash基础</title>
</head>
<body bgcolor="#CCFFFF">
<p align="center" style="line-height: 100%"><font color="#FF0000" size="6" face="华文中宋"><b>Flash</b>
</font><font face="华文彩云" color="#FF0000" size="6"> 基础</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="4" color="#0000FF">一、移动和旋转</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">先熟悉</font>一下基本操作：F4可以隐藏面板，Ctrl＋F2可以显示工具箱，鼠标左键用于<font color="#800000">选择</font>（单击），<font color="#800000">打开</font>（双击）；<font color="#800000">右键</font>用于命令菜单，鼠标在空白地方敲一下可以取消选择；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">窗口</font>由标题栏、菜单栏、工作区组成，工作区中可以画图、添加<font color="#800000">按钮</font>等等；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">操作</font>中要留心注意<font color="#800000">鼠标形状</font>的变化，不同形状表示不同的意思；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">动画</font>包括移动、变形和旋转等几种，至少需要<font color="#800000">两幅</font>图形才能表现；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
<font color="#0000FF">现在来</font>练习制作一个简单的动画效果如下，“您好”两个字从上面落下来，“欢迎……”从左边跑右边，再回来转圈。</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=250 HEIGHT=180>
<param name="Movie" value="欢迎.swf">
<param name="Src" value="欢迎.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="欢迎.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
</p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"> </p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3"> <font color="#0000FF">1、修改场景：</font></font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）启动Flash，将任务栏上的多余窗口关闭，留下Flash和教程<font color="#800000">两个</font>窗口，让它们<font color="#800000">并排</font>显示（Flash的窗口<font color="#800000">大</font>一些），在Flash窗口的<font color="#800000">标题栏</font>上单击鼠标左键，<font color="#800000">回到</font>Flash窗口，Flash默认新建一个<font color="#800000">影片1</font>文件，我们首先来设置一下工作区的相关数据，单击选择菜单栏里的“<font color="#800000">修改</font>”菜单，再在里面单击“<font color="#800000">影片</font>”命令；<br>
</font><font size="3"> 2）在弹出的对话框中的“<font color="#800000">背景颜色</font>”选项上点一下颜色按钮，将背景色改成<font color="#800000">黑色</font>，将“<font color="#800000">帧频</font>”设为6，单击“确定”按钮，看一下变化；<br>
<font color="#0000FF"> 2、创建元件：</font></font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）选择“<font color="#800000">插入</font>”菜单中的“<font color="#800000">新建元件</font>”命令，弹出一个对话框；
</font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><img border="0" src="插入元件.jpg" width="408" height="122"><font size="3"><br>
</font><font size="3"> 2）在“<font color="#800000">名称</font>”选项中输入“您好”，在下面选择“图形”，检查正确后单击“确定”按钮，此时在时间轴面板的左下方出现一个标题为“您好”图标为<font color="#800000">红绿蓝方块</font>的按钮<img border="0" src="场景按钮.jpg" width="120" height="20">，现在是编辑一个图形符号。<br>
</font><font size="3"> 3）输入文字：在工具箱中选择文本工具“A”，将“<font color="#800000">填充颜色</font>”（旁边有个油漆桶）<img border="0" src="填充色.jpg" width="60" height="47">改为红色。再在“<font color="#800000">文本</font>”菜单中选择字体为<font color="#800000">楷体</font>，尺寸为<font color="#800000">36</font>，然后在工作区中央（十字架）<font color="#800000">点一下</font>鼠标左键，工作区中出现一个闪动光标的小<font color="#800000">文本框</font>，输入“您好”（<font color="#800000">如果</font>文本框没了再点一下），用<font color="#800000">箭头</font>工具将文字拖到十字架的中心，这样落下的符号就制做好了。</font></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
4）同样单击“<font color="#800000">插入</font>”菜单选择“<font color="#800000">新建元件</font>”，名称改为“<font color="#800000">欢迎</font>”，选择“<font color="#800000">图形</font>”，单击“确定”后，用“<font color="#800000">文本”</font>工具，在工作区中央输入“欢迎进入Flash世界”，用箭头工具将文字放在十字架的中央(在“入”和“F”之间）。<br>
</font><font size="3"> 5）单击工作区左上方“欢迎”按钮旁边的“<font color="#800000">场景1</font>”按钮，<img border="0" src="场景欢迎.jpg" width="111" height="18">回到主场景工作区。单击“文件”菜单中的“保存”命令，在弹出的对话框中的“保存在”中单击鼠标，找到自己的文件夹（比如在“我的文档”中的“My
Flash”文件夹中新建一个以自己名字为名称的文件夹），用“<font color="#FF0000">欢迎您好</font>”为文件名，<font color="#FF0000">保存文件到自己的文件夹中</font><br>
<font color="#0000FF">3、制作下落动画：</font><br>
</font><font size="3"> 1）绘制图形<font color="#0000FF"> </font>单击“窗口”菜单选择“图库”（或“库”）命令，我们刚才做的元件都在图库中，<img border="0" src="库.jpg" width="184" height="38">选中“您好”，用箭头工具把它拖到工作区<font color="#800000">外面</font>的正上方，文字在黑色上面的灰色里；<br>
</font><font size="3"> 2）插关键帧 <font color="#0000FF"> </font>在时间轴的第10帧上，单击鼠标<font color="#800000">右键</font>，选择“<font color="#800000">插入关键帧</font>”命令（<font color="#800000">关键帧</font>是动画的起点或者终点），用“<font color="#800000">箭头</font>”工具，将第10帧中的工作区上方的文字拖入工作区的中间，这样从第1帧的您好落到第10帧的中间，文字的位置发生了变化；<br>
</font><font size="3"> 4）创建动画动作<font color="#0000FF"> </font>在第<font color="#800000">1</font>帧上单击鼠标<font color="#800000">右键</font>，选择“<font color="#800000">创建动画动作</font>”命令，在第1帧到第10帧之间出现一个<font color="#0000FF">蓝色箭头</font>，动画创建成功，<font color="#FF0000">保存一下文件</font><br>
</font><font size="3"> 5）第一个动画已经完成，检查一下，把<font color="#800000">时间指针</font>移到第1帧，按一下<font color="#800000">回车键</font>播放动画，看一下效果，是不是很形象？</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3"><font color="#0000FF"> 4、制作横向动画：</font></font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）分析一下，文字“欢迎进入Flash世界”是从工作区左边进入，到右边消失，又从右边返回到工作区中央旋转，细心的同学一定发现，这个动画由<font color="#800000">两部分</font>组成，一步是从左到右，一步是从右边回到中间；<br>
</font><font size="3"> 2）新增一个图层，点击“<font color="#800000">＋</font>”号按钮，新建一个图层2，电脑<font color="#800000">自动</font>产生10帧空白帧，把它们都<font color="#800000">删掉</font>，方法是先点一下“图层2”，然后在右边选中的帧上单击右键选“移除帧”命令；</font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
3）绘制图形，在图层2的第5帧上单击鼠标<font color="#800000">右键</font>，选择“插入关键帧”命令，这一帧作为<font color="#800000">起始</font>关键帧，在“图库”面板中将“欢迎进入Flash世界”拖到<font color="#800000">工作区外</font>左边。从第5帧开始是为了跟第一个动画错开，创作出丰富的动画效果；<br>
</font><font size="3"> 4）在图层2的第10帧处“插入关键帧”命令，第10帧作为动画的一个<font color="#800000">终点</font>，在第10帧中，将“欢迎进入Flash世界”拖到工作区右边的外面。这样文字从左边跑到右边，动画的原理就是用几幅图画来表现物体的运动和变化，在第5帧上单击鼠标右键，选择“创建动画动作”命令，出来一条蓝色箭头。单击“文件”菜单中的“保存”命令，<font color="#FF0000">保存一下文件</font><br>
</font><font size="3"> 5）创建返回的动画，要保持两层相同的长度，<font color="#800000">分别选中</font>图层1和图层2的第15帧，单击右键给它们插入关键帧。<br>
</font><font size="3"> 6）选中图层2的第15帧，用<font color="#800000">箭头</font>工具选中“欢迎进入Flash世界”文字，把它<font color="#800000">拖回到</font>工作区中央，这样从第10帧到第15帧，文字回到了工作区，在图层2的第10帧上单击鼠标右键，创建回来的动作动画。单击“文件”菜单中的“保存”命令，<font color="#FF0000">保存一下文件</font>，按<font color="#800000">回车键</font>播放动画，看一下效果不错吧？<br>
<font color="#0000FF"> 5、旋转动画</font> </font></p>
<p align="left" style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font size="3">
1）分别在两层的第25帧上“插入关键帧”，加长影片长度，来做旋转动画<br>
</font><font size="3"> 2）在图层2的第15帧上单击鼠标<font color="#800000">右键</font>，会弹出一个菜单，选择菜单最下面“属性”命令上打勾，在最下面的“属性”面板，在“中间”旁边的“没有”上单击选择“移动”，在“<font color="#800000">旋转</font>”旁的按钮上单击，选择“顺时针”（“<font color="#800000">CW</font>”）让动画按顺时针旋转。在“<font color="#800000">次</font>”上输入2，让动画旋转两次，关闭面板。单击“文件”菜单中的“保存”命令，<font color="#FF0000">保存一下文件</font>，这样我们就创建好一个旋转动画。<br>
<font color="#0000FF">你现在</font>已经完成了动画的制作，可以测试动画的效果了。是不是很有特色？欣赏完按<font color="#800000">Ctrl＋W</font>关闭返回，将“图层1”改为“您好”，“图层2”改为“欢迎”。<br>
<font color="#0000FF">本节</font>详细介绍了使用Flash制作动画的全过程。你是否对Flash有了更深刻的认识，产生了浓厚的学习兴趣？请继续学习下一课内容。</font></p>
<p align="left" style="line-height: 100%"><img border="0" src="时间轴.jpg" width="368" height="62"></p>
<p style="line-height: 100%">
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
本教程由86团学校TeliuTe制作|著作权所有，不得用于商业用途
</font>
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
美丽的校园……
</font>
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -