《FlashCS4动画制作项目实训教程6807.ppt》由会员分享，可在线阅读，更多相关《FlashCS4动画制作项目实训教程6807.ppt（37页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网络动画设计与制作网络动画设计与制作第第14章章 Flash MV制作制作14.1 蒙太奇镜头概述蒙太奇镜头概述14.2 Flash MV制作的基本流程制作的基本流程14.3 Flash MVJingle Bells14.4 知识点总结知识点总结网络动画设计与制作网络动画设计与制作14.1.1 摇镜头摇镜头1“摇镜头摇镜头”概念和作用概念和作用（1）“摇镜头”概念“摇镜头”在拍摄一个镜头时，摄影机的机位不动，只有机身作上下、左右的旋转等运动。（2）摇镜头的作用主要是：介绍环境。从一个被摄主体转向另一个被摄主体。表现人物的运动。2Flash模拟模拟“摇镜头摇镜头”在制作“摇镜头”中需要注意离镜头
2、近的物体移动速度快，而离镜头远的物体移动速度慢。（1）“摇镜头”制作之前Flash中的画面要比舞台大。（2）给“树”所在图层和“山”所在图层制作“传统运动动画”，第1帧如图14-1-1所示，第200帧将“树”和“山”向右移动，如图14-1-2所示。网络动画设计与制作网络动画设计与制作14.1.2 推镜头推镜头1推镜头的概念和作用推镜头的概念和作用（1）推镜头的概念 “推镜头”是将摄影机放在移动车上，对着被摄对象向前推近的拍摄方法以及所摄取的画面。（2）推镜头的作用 突出主体、描写细节，使所强调的人或物从整个环境中突现出来，以加强其表现力。2Flash模拟推镜头模拟推镜头在Flash中利用“任意
3、变形”工具模拟“推镜头”的实现。（1）需要实现“推镜头”的画面如图14-1-3所示。（2）给需要制作“推镜头”的对象制作运动补间动画，第1帧如图14-1-3所示。第50帧如图14-1-4所示。网络动画设计与制作网络动画设计与制作14.1.3 拉镜头拉镜头 “拉镜头”制作过程和“推镜头”制作过程完全相反。14.1.4 跟镜头跟镜头 摄影机跟随运动着的被摄对象拍摄的画面。2Flash模拟模拟“跟镜头跟镜头”Flash模拟“跟镜头”是通过相对运动的实现。（1）需要实现“跟镜头”的画面如图14-1-5所示。网络动画设计与制作网络动画设计与制作14.2 Flash MV制作的基本流程制作的基本流程14.
4、2.1 分析歌曲分析歌曲Flash MV制作是围绕一首歌曲进行动画制作，所以歌曲是其核心。详细分析歌曲的意境是Flash MV制作的基础。14.2.2 编写剧本编写剧本影视作品要根据剧本进行拍摄，制作Flash MV过程中也要根据歌曲编写剧本，要表现出Flash MV作品的情节。14.2.3 绘制分镜头绘制分镜头动画作品制作的过程中都需要制作分镜头，利用分镜头制作动画。如图14-2-1和图14-2-2所示 网络动画设计与制作网络动画设计与制作14.2.4 场景和角色制作场景和角色制作根据分镜头绘制动画场景和角色。场景绘制通常使用Photoshop、或者Illustrator等软件。通常每个分镜
5、头会有一个背景。角色绘制最好使用Flash或者矢量图软件，而且要将分镜头所设计的每个角色的状态分别绘制，如图14.2.5 动画制作动画制作Flash MV动画制作根据剧本补间分镜头。具体动画包括“角色动画”、“转场动画”和“其他动画。”“角色动画”按照剧本补间分镜头。“转场动画”相邻分镜头进行过渡，根据情绪选择不同的转场动画。“其他动画”这些动画设计一些装饰或者渲染的动画，起到气氛烘托的作用 网络动画设计与制作网络动画设计与制作14.3 Flash MVJingle Bells网络动画设计与制作网络动画设计与制作14.3.1分析歌曲分析歌曲14.3.2 编写剧本编写剧本14.3.3 绘制分镜头
6、绘制分镜头14.3.3 绘制分镜头绘制分镜头网络动画设计与制作网络动画设计与制作1制作场景制作场景（1）启动Flash CS4，新建Flash文档（Actionscript2.0）。设置舞台大小为640480像素，帧频为12fps。（2）绘制背景 将“图层1”重命名为“背景”，利用绘制工具绘制夜晚背景，如图14-3-4所示。网络动画设计与制作网络动画设计与制作（3）绘制松树 设置文档背景颜色为#006699。新建图形元件，命名为“g_松树”，使用绘图工具绘制松树，如图14-3-5所示。（4）绘制星光 新建影片剪辑元件，命名为“mc_星光”，使用绘图工具绘制图形如图7-3-6到7-3-8所示，将
7、三个图形放在三个图层之中。给三个图层图形分别创建50帧补间动画，在三个图层50帧中间插入关键帧，如图所示。网络动画设计与制作网络动画设计与制作（4）修饰松树 打开“库”面板，双击“g_松树”进入其编辑环境，将“库”中的“mc_星光”拖动到舞台上，使用“任意变形”工具调整实例大小和角度，并且在“属性”检查器中设置实例的颜色为黄色或者其他颜色，如图14-3-13所示。（5）分镜头1背景 网络动画设计与制作网络动画设计与制作2制作角色制作角色（1）制作铃铛）制作铃铛 网络动画设计与制作网络动画设计与制作（2）制作音符（3）制作房子 网络动画设计与制作网络动画设计与制作（4）制作圣诞老人 网络动画设计
8、与制作网络动画设计与制作（5）制作小鹿 网络动画设计与制作网络动画设计与制作（6）制作飘带 网络动画设计与制作网络动画设计与制作14.3.5 整合动画整合动画1使用声音使用声音（1）导入歌曲 将“背景2”图层重命名为“音乐”，导入声音文件“Jingle bells.mp3”。（2）使用声音 选中“音乐”层第1帧，打开“属性”检查器，在“声音”类别中选择“名称”为“jinglebells.mp3”，“同步”为“数据流”，如图14-3-36所示。网络动画设计与制作网络动画设计与制作（3）确定歌曲在时间轴中的长度 在“音乐”图层的第778帧插入普通帧，其他图层也插入普通帧，这个时间是整首歌歌曲的长度
9、，如图14-3-37所示。（4）制作标题 在“背景”层之上新建图层命名为“歌词”，选中“歌词”图层第1帧，输入歌曲名称“Jingle Bells”等信息，在第2帧插入空白关键帧，如图14-3-38所示。（5）确定歌词位置 在文档编辑模式中按回车键播放当前帧，在“歌词”图层中每句歌词的开始处插入关键帧。网络动画设计与制作网络动画设计与制作2分镜头分镜头1动画制作动画制作（1）加入背景 选中“背景”层的第1帧，打开“库”面板，将“g_雪地”元件拖动舞台上，如图14-3-39所示。网络动画设计与制作网络动画设计与制作（2）五线谱淡入淡出 网络动画设计与制作网络动画设计与制作（3）音符进入 网络动画设
10、计与制作网络动画设计与制作（4）音符跳跃和淡出 网络动画设计与制作网络动画设计与制作3分镜头分镜头2、分镜头、分镜头3和分镜头和分镜头4动画动画（1）在“背景”层上新建图层命名为“主内容”。在“背景”和“主内容”层的第79帧插入关键帧，删除“背景”第79帧舞台上“g_雪地”实例 网络动画设计与制作网络动画设计与制作（2）选中“主内容”层的第79帧，打开“库”面板，将“g_雪地2”元件拖动到舞台上，把“g_房子”元件和“g_圣诞老人”元件也拖动到舞台上，如图14-3-48所示。在“主内容”层的第330帧插入关键帧。网络动画设计与制作网络动画设计与制作（3）摇镜头 选中第330帧单击右键，在打开的
11、上下文菜单中选择“创建传统补间”。在“主内容”层第330、384、558、599帧插入关键帧。把第384帧和第558帧中舞台实例向左移动，如图14-3-48所示。网络动画设计与制作网络动画设计与制作4分镜头分镜头5动画动画（1）拉镜头 在“主内容”层的第712帧和第750帧插入关键帧，将第750帧的图形缩小，如图14-3-49所示。网络动画设计与制作网络动画设计与制作（2）飘带淡入 在“背景”图层之上新建图层，命名为“飘带”，在第728帧插入关键帧。打开“库”面板，将“g_飘带”元件拖动到舞台上，如图14-3-50所示。选中第728帧单击右键，在弹出的上下文菜单中选择“创建传统补间”，在第75
12、9帧插入关键帧。将第728帧的飘带设置为透明，如图14-3-51所示。网络动画设计与制作网络动画设计与制作（3）铃铛动画 铃铛动画是为了配合歌曲结束的旋律。在“飘带”图层之上新建图层，命名为“铃铛”。在第762帧插入关键帧，把“库”面板中的“mc_铃铛”元件拖动到舞台上，如图14-3-52所示。在第766帧插入关键正，继续插入铃铛，如图14-3-53所示。在第770帧插入关键正，继续插入铃铛，如图14-3-54所示。在第773帧插入关键正，继续插入铃铛，如图14-3-55所示。网络动画设计与制作网络动画设计与制作5修饰动画修饰动画（1）小鹿奔跑 新建图形元件命名为“g_鹿_奔跑”，在“mc_鹿
13、_奔跑”元件编辑环境中，拖动库中的“mc_鹿”元件到舞台上，并且使用绘图工具链接小鹿，如图14-3-56所示。返回到文档编辑模式，在所有图层之上新建图层，命名为“奔跑”，在第139帧和第190帧插入关键帧，在“库”面板中拖动“mc_鹿_奔跑”到图层“奔跑”的第139帧，创建到190帧的运动补间动画让鹿从舞台左侧运动到舞台右侧，如图14-3-57到14-3-59所示。选中第139到190帧并且复制，选中第470帧到第521帧执行粘贴帧操作，如图14-3-60所示。网络动画设计与制作网络动画设计与制作（2）“Hey”动画 歌曲中有两处“Hey”的声音，通过动画的添加增加动感。在所有图层之上新建图层
14、命名为“Hey”。在199帧插入关键帧，绘制图形，如图14-3-61所示。在第201、203、205帧插入关键帧，在第206帧插入空白关键帧，如图14-3-62所示。修改第201帧图形，如图14-3-63所示。修改第203帧图形，如图14-3-64所示。选中第199帧到206帧，进行帧复制操作。选中第605到612帧，执行帧粘贴操作，如图14-3-65所示网络动画设计与制作网络动画设计与制作(3)下雪效果 图14-3-66 雪花形状 设置元件属性 雪花效果脚本 网络动画设计与制作网络动画设计与制作14.3.6 附加歌词附加歌词前面通过对于“歌词”图层关键帧的插入已经确定了歌词的位置，下面要引入
15、歌词并且制作歌词动画。（1）引入歌词 在歌词文件中选中第一句歌词复制，粘贴在“歌词”图层对应关键帧位置，例如第74帧。如图14-3-69所示。网络动画设计与制作网络动画设计与制作（2）歌词淡入淡出（3）将第74帧中的歌词移动到舞台右侧，并且在“属性”检查器中设置如图 网络动画设计与制作网络动画设计与制作14.3.7 添加交互添加交互（1）制作播放按钮和重放按钮，如图14-3-73和14-3-74所示 网络动画设计与制作网络动画设计与制作14.3.8 成品发布成品发布（1）遮罩非舞台区域网络动画设计与制作网络动画设计与制作(3）保存Flash文件，在“菜单栏”中选择“文件”|“发布设置”，只勾选“Flash”，设置Flash选项卡，如图14-3-79所示。单击“发布”按钮。网络动画设计与制作网络动画设计与制作14.4 知识点总结知识点总结 使用动画表现歌曲是Flash MV最大的特点，声音和画面同时进行，更生动的表现出歌曲的内涵。通过Flash模仿镜头特效，将歌曲以而为动画的形式表现的淋漓尽致。Flash MV的制作和动画片制作的过程及其相近，多数也需要有情节，它最大的特点是歌词是剧本的依据，动画的长度也就是歌曲的长度。画面和歌曲同步是Flash MV的一个重要技术问题，利用Flash数据流声音使用的特点，可以很好的解决这一问题。