1、动画制作-Flash,沈胤、张璐、吕琴、兰春燕陈燕敏、周婷婷、钟瑜,Flash 主要功能介绍,1. 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。,2. 通过使用关键帧和图符使得所生成的动画（.swf）文件非常小，几 K 字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑，下载迅速，使得动画可以在打开网页很短的时间里就得以播放。,3. 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把 Flash作为网页动画设计的首选
2、工具，并且创作出许多令人叹为观止的动画（电影）效果。而且在 Flash4.0 之后的版本中已经可以支持 MP3 的音乐格式，这使得加入音乐的动画文件也能保持小巧的“身材”。,4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过 ACTION和 FS COMMAND 可以实现交互性，使Flash 具有更大的设计自由度。这在课件制作中有着非常广阔的用途，使用 Flash 的交互功能，可以制作出互动性很强的软件，从而提高课件的吸引力。,1，制作一张运动的照片,1）建立一个新的动画文件：选择菜单栏中的“新建/文件”。在特性检查器中设置属性：这里我们将场景设置为 550*400，帧频
3、12，背景颜色定义为白色。,2）导入照片：点击“文件/导入/导入到舞台”，找到相片的位置，点击“打开”，这时在图库控制面板中就有你选的照片了。在舞台上的照片上点鼠标右键，在出现的菜单中选择“转化为元件”，在随后出现的对话框中为元件起名为“photo”，行为为“图形”，点击“窗口”下拉菜单的“库”，“控制面板”中便出现了名为“photo”的图形，这时可将舞台上的图片删除。,3）制作动画,a. 运动和放大效果： (1) 制作第一个关键帧：选择箭头工具，将photo 从图库中拖放到舞台，选择任意变形工具，拖动出现的八个方块改变照片的大小，现在我们将它变小选择箭头工具，将照片放到舞台左上角，在时间轴上
4、的第一帧出现白色的点即第一个关键帧。,(2) 制作第二个关键帧：用鼠标单击第 20 帧。此时帧变成蓝色。按右键在出现的菜单中选择“插入关键帧”，将照片拖动到舞台右下角，使用变形工具将其放大。,(3) 创建动画：单击第一帧。在下边的属性条上找到“补间”，点开下拉条，设置为运动，勾选旁边的缩放。如果想让相片旋转，再点下边的“旋转”下拉条，设置旋转方向和次数，如“顺时针”，次数为“1”，按回车键看一下播放效果。,2，如何制作淡入淡出效果的照片,1、打开FLASH，导入图片到库，至少3张。,2. 点击图层1第一帧插入帧-拖入图片1到场景-点击选择工具-点击场景中的图片，在属性中设定宽550高400，X
5、Y均设为0回车,3. 左键点击图片-在40帧处插入关键帧-右键点击场景中的图片-转换为元件1-影片剪辑-确定-在属性栏中找颜色-ALPHA-0%-(这时场景为空白)在1-40帧的中间任意一处点右键-创建补间动画。（这时图呈淡色模糊状态）,4、新建一个图层2-在图层2的第35帧处插入关键帧-拖入图片2到场景-点击选择工具-点击场景中的图片-在属性中设定宽550高400，XY均设为0回车-,5. 左键点击图片-在图层2的70帧处插入关键帧，右键点击场景中的图片-转换为元件2-影片剪辑-确定-在属性栏中找到颜色-ALPHA-0% -在35-70帧的中间任意一处点右键-创建补间动画。（这时图呈淡色模糊
6、状态）,6. 在图层2的第70帧处插入空白关键帧(插入空白关键帧后在场景里没有，插入关键帧场景里会有)-拖入图片3到场景-点击选择工具-点击场景中的图片-在属性中设定宽550高400，XY均设为0回车-,7. 左键点击图片-在图层2的110帧处插入关键帧，右键点击场景中的图片-转换为元件3-影片剪辑-确定-在属性栏中找到颜色-ALPHA-0% -在70-110帧的中间任意一处点右键-创建补间动画。（这时图呈淡色模糊状态）,8、点击文件-导出-导出影片在保存类型中选择GIF动画（.GIF）-选择保存位置文件夹文件名XXX.GIF保存在导出GIF框中选择尺寸1100X800（或500X400）-颜
7、色为标准-动画为0是始终重复-确定,3，如何制作变形动画,1,打开Flash界面,2，单击“时间轴”的第一帧，然后在画图工具栏中选择“椭圆工具”，在“舞台”右侧画一个圆。,3，单击“时间轴”上的任意一帧，（比如第40帧），按下F7，选择“画图工具”中“矩形工具”，在舞台右侧画一个正方形。,4，点击时间轴中选择的第1帧会出现圆形，点击选择的第40帧会出现正方形，然后在第1帧到第40帧之间任意选择一帧，（比如选择第20帧）,5，选择“动作”下方的属性，然后选择“补间”中的“形状”,6，时间轴中选择的时间段变成“绿底”，下面有一条“实线”就表示动画已经生成。,7，按Ctrl+enter键观看图片变形
8、动画,4，如何制作变形文字,步骤一：,点击第1帧处，选择文本工具，即A， 在场景中输入 where there is a will ,如图：,步骤二：,选中所有文字，在属性面板中设置字格式和自己喜欢的颜色。然后打开菜单栏中的“修改/分离”命令来打散文字，再执行一次“修改/分离”命令。如下图：,步骤三：,在第60帧处右击，选择“插入空白关键帧”，再选择文本工具，即A，在场景中输入there is a way， 如图：,步骤四：,选中所有文字，在属性面板中设置字格式和自己喜欢的颜色。然后打开菜单栏中的“修改/分离”命令来打散文字，再执行一次“修改/分离”命令。如下图：,步骤五：,点击第30帧处，
9、在下面的属性中选择补间/形状，按下enter，即可观看播放效果。如图：,步骤六：,第70帧处点击右键选择插入一帧，延长第60帧的效果。按下enter，看最终变形效果。,步骤七：,选择文件/导出/导出影片,格式保存为Flash.swf 格式。,5，如何为动画添加声音,以一首歌曲（如大约在冬季）为例，可将歌词分成不同组（如9组）文字。分别用菜单中的“插入/创建组件”创建9个文字图形。字体：颜色、大小可以自定。,导入声音,1，注意：在导入声音时，需要查看声音的属性，mp3格式的声音不能导入，需要将其格式转换成wav格式 （千千静听可直接转换）。转换步骤如下：,2，点击转换格式，出现以下界面，在输出格
10、式中选择“Wave 文件输出”，输出比特为“8 Bits”，在目标文件夹选择文件存储位置，如桌面等，最后点击下方的立即转换，即可。,3，回到Flash制作界面，执行“文件/导入”命令。在打开的导入对话框中，选择转换后的歌曲，将其导入库中。,引用和设置声音,1，在时间轴上面的标签上选择场景1，在图层1的第1帧上单击鼠标左键，从库中拖入声音文件，此时第1帧有一横线。2，在第1帧上点击鼠标左键，在属性面板的“同步”下拉列表中选取数据流（Stream）项，这样可以使音乐与影片动画同步播放。,第一帧有一横线,3，点击第一层第1帧然后按F5，会出现生硬的波形标志直到有空帧出现为止。,波形标志,空帧,设置标
11、签,1，点层操纵区左下角第一个案件“新增图层”，增加一个图层。,新增图层,2，按回车键，试听音乐，当听到第1句开始时，在第二层的该帧处，单击一下鼠标，然后按右键插入一个“空白关键帧”，在帧面板中标签项输入“第1句”。时间轴中即出现相应的标志。用同样的方法将所有歌词都加上标记，保证歌词和声音的同步。,输入“第1句”,3，同理，再增加8层，通过试听，在每一句的开始处均在相应的层上设上标签，直到设完为止,创建文字动画图层,1，把这9个图层的名字重新命名，方法是：双击图层名成为可修改状态。分别命名为：文字1、文字2、文字3.，,2，创建文字2图层中第1句歌词文字的动画：,（1），在文字2图层，根据注释
12、图层的提示，点击第1句歌词开始处的空白关键帧。,点击空白关键帧,（2），打开图库，将库中的第1句文字组件拖放到这个空白关键帧中，它变成了关键帧（白色的圆圈会变成黑色）。,白色的圆圈会变成黑色,（3），在文字2图层，根据注释图层的提示，在第2句歌词声音开始处插入一个关键帧。,（4），在文字2图层第2句歌词声音开始处的关键帧前一帧处再插入一个关键帧。,（5），将文字动画起始帧中文字效果的Alpha值设置为20% （鼠标单击第1句处的帧-点击舞台中的文字-选择属性面板颜色中的Alpha-Alpha值调为20%-文字颜色变淡）。,（6），利用任意变形工具将其拖最小，放在舞台中心处，然后创建运动动画。,
13、（7），在第一句的结束处，即第2句标签的前一帧将文字调大，也可以在颜色属性中改变颜色。,点击此帧-点击舞台中的文字-颜色,（8），点击第1句处的帧，点击舞台中的歌词-属性中补间-动画（其他选项可自行选择）。,（9），查看文字在变形前后的效果，点击第1句处的帧查看变形前（图1），点击第2句前一帧查看最终变形效果（图2）。,图1 图2,(9)，将鼠标放置在第1句之前，然后按回车键观看此句歌词的动画效果。然后导出影片，影片保存为“Flash 影片，（swf）”.(10)，重复第1句的方法，创建另外每一句歌词的文字动画，你可以改变字的位置、颜色，旋转、透明、滚动、大小等各种效果。动画的起始帧和终止帧同样按照注释图层的提示信息而确定。(11)，用以上的方法可以加入图片等材料，就可以制作成一个简单的动画。,谢谢！,
