动画制作流程解析

镜距
镜头角度
19
类别 镜头的运动 基本叙事方法 • 纵深运动 包括拉镜头，推镜头，跟镜头。 • 平行运动 摇镜头。
顺叙，按事情发生的时间顺序来讲故事。 插叙，在中间插叙。 倒叙，先有一个悬念，再进行叙述。
20
分镜图样例
21
分镜图绘制要点
充分体现导演的创作意图，创作思想，和创作风格。 分镜头运用必须流畅自然。 画面形象须简捷易懂。（分镜头的目的是要把导演的 基本意图和故事以及形象大概说清楚。不需要太多的 细节。细节太多反而会影响到总体的认识。 分镜头间的连接须明确。（一般不表明分镜头的连接， 只有分镜头序号变化的，其连接都为切换，如需溶入 溶出。分镜头剧本上都要标识清楚。） 对话，音效等标识需明确。（对话和音效必须明确标 识，而且应该标识在恰当的分镜头画面的下面。）
9
用flash开发的讴歌汽车网站 http://www.acura.com/
10
Байду номын сангаас
北京闪维在线开发的游戏 http://www.3wstar.com
北京前线网络开发的游戏 http://www.frontnetwork.com
11
由可乐吧提供的Flash休闲游戏 http://www.kele8.com
位图模式部分选择编辑 整体选中移动 不选中进行曲线曲率调节 快捷键：Ctrl+拖动角点=形成尖角节点

部分选取工具【P】
像ps编辑路径一样编辑即可 快捷键：Alt+拖动控制柄=更改节点类型
6
了解Flash历史
2000年8月Macromedia 推出了Flash5.0 ，Flash 5.0中的 ActionScript已有了长足的进步。 2002年3月 Macromedia 推出了Flash MX支持的播放器为 Flash Player 6。Flash 6开始了对外部jpg和MP3调入的支持。 2003年8月Macromedia 推出了Flash MX 2004，其播放器的版本被 命名为 Flash Player 7，开始支持针对移动设备和手机、Pocket PC的 开发，代码运行性能上大幅度提高。 2005年08月Macromedia推出Flash 8，12月Adobe收购Macromedia 公司完成。 2007年3月Adobe发布Flash CS3版本。
16
关于剧本2
童话文学作品《音乐船》片段2
正在厨房忙碌的妈妈听见了爸爸的声音。她正在煮一锅很 美味的“音乐汤”呢，里面加了一勺小提琴独奏，几滴圆号声， 还有很多很多圆溜溜的音符小番茄！ 妈妈有点儿纳闷：爸爸出什么事啦？ 厨房里 日内 透明的柜厨里，大大小小的调料瓶中装的都是各类的音符。 妈妈正往汤里加入五颜六色的音符调料，有的音符发出小提琴 的声音，有的圆号声——锅里飘出阵阵香气。 画外音：咚咚的鼓声 爸爸的声音：“快来帮忙！”
14
Flash动画与传统动画对比
比较项目 制作周期 团队要求 制作流程 传统动画 半小时项目一般需要10到14 个月的制作期 专业团队协作 已经形成规范化流程 Flash动画 半小时项目一般需要3至4个月的 制作期 个人或小团队即可 依个人、公司、项目不同 基本参照传统动画
动画类型
动画效果
逐帧动画 中间画全部由动画师完成
29
基本工具——线
绘图工具
核心一：线条 关于工具
直线工具【N】
钢笔工具【P】
关于线条颜色
取色方法
取色框 颜色面板
渐变取色 修改颜色及渐变
选中线修改：取色框、颜色面板、属性面板 不用选中线：墨水瓶工具
30
基本工具——线
关于形状
选择工具【V】
动画课程系列
1
二维动画流程解析
讲授人：常东东
2
二维动画制作流程图
动画脚本
3
课程纲要
Flash概况 Flash基本工具使用与基本概念 Flash绘画训练 Flash动画构建与编辑 Flash动画短片解析与实训 Flash后期处理
4
第一章 Flash概况
主要内容
了解Flash的历史 Flash应用学科与领域 Flash动画与传统动画对比 准备工作 关于剧本 关于分镜图 关于造型设计 Flash基本工具
字幕安全区 动作安全区
26
作业1
自选文学剧本，写出相应的动画剧本 按照写出后的动画剧本，画出相应分镜图
27
Flash界面
操作界面组成 菜单 工具箱 时间轴 场景与舞台 浮动面板（右侧） 属性面板（下方）
*重点： 窗口管理
28
Flash基本设置项
启动界面设置 撤销级数设置 绘画工具设置 设置快捷键
美术效果
15
关于剧本1
童话文学作品《音乐船》片段1
一个暖洋洋的下午，带着小丑鱼和鹦鹉螺味道的风轻轻掠 过海面，金色的阳光在波浪里撒了无数闪闪发亮的亮片儿。一 艘白色的小轮船悠闲地漂浮在海面上，上面的船员可不一般， 这快乐的一家四口，是真正的“音乐人”！ 这个时候，米色的甲板上，肚子圆鼓鼓的船长，哦，也是 家长：这家人的爸爸正坐在船头的小凳子上，准备钓鱼。他下 决心，这次要钓一条世界上最大最大的鱼！让那些老是说他吹 牛的人看看吧：爸爸的确是个真正的钓鱼高手！ 鱼的嘴巴当然大！爸爸在鱼线上系了个鱼钩，足足有篮球 那么大！一条小小的蚯蚓当然满足不了大鱼的胃口，爸爸想了 想，把一大罐蚯蚓关头都挂了上去，把钩子甩下去等着。 时间过的真慢呀，很久很久之后，鱼钩还是静静的，一动 不动。 是不是自己忘了什么啦？ 爸爸皱着眉头想着，他忽然恍然大悟啦：光有罐头哪行啊？ 大鱼没有开罐头的工具，当然不上钩啦！ 他赶紧把鱼钩嗖嗖地收回来，从口袋里摸出一把开罐头的 刀，也挂到了鱼钩上。 这下肯定没问题了！果然，爸爸刚把鱼钩放到水里，鱼线 就紧紧地绷直了。 爸爸兴奋极了，看来大鱼还挺爱吃罐头的！他用力收线， 可鱼钩那边沉甸甸的力量却拉出好远。 爸爸哪里想得到：鱼钩上的可不是什么大鱼，而是——很可 怕的东西！ 爸爸赶紧排自己的肚皮，他的肚皮可不一般呢！一敲会发 出咚咚的响亮鼓声，声音有高有低，还能演奏曲子呢！ 爸爸大声喊：快来帮忙呀！
动画片剧本《音乐船》片段1
阳光灿烂的海面上，一艘小轮船摇摇摆摆地漂浮着。小船的甲 板上。 日外 爸爸手持鱼杆，悠闲地坐在船头的小凳子上，他身旁放着鱼杆 和水桶。 爸爸在细细鱼线上系了个巨大的鱼钩，把一整罐蚯蚓都挂了上 去，把钩子甩下去等着。 远处，鲸群跃出海面，喷着水柱，慢慢游远了。 鱼漂一动不动，爸爸等得不耐烦了，不停地变换着坐姿，皱眉 思考着，他想起了什么，急忙把线收回来，在大包里一阵乱翻。 爸爸：“找到了！他们需要这个！” 爸爸高高举起一把罐头刀，栓到鱼钩旁边。 钩儿刚放到水里，鱼线就绷直了。 爸爸：“哈，我说的没错吧！”他用力收线，可却被鱼线拉出好 远。 爸爸用力拍肚皮，发出咚咚的鼓声的声音。 爸爸：“大家集合！快来帮忙！”
可以完成许多复杂的高难度 的动画效果，人想到的都可以 理论上完成 投入大、可以塑造出恢弘的 画面及其细腻的美术效果
逐帧动画、形状动画、补间动画 中间画可以部分由计算机生成
简单、“酷”、“技术处理” 复杂、高难动作计算机不能自动生 成，需用传统逐帧动画完成 投入小、画面简洁、主要通过电 脑软件绘制背景
17
关于分镜图(分镜头)
又称“故事图”和“故事板”。以草图、绘画或 照片，依连戏顺序将影片段落或整部影片的主要 动作和叙述流程摘述出来。将影片的文学内容分 切成一系列可以摄制的镜头，以供现场拍摄使用 的工作剧本。 分镜头剧本是导演为影片设计的施工蓝图，也是 影片摄制组各部门理解导演的具体要求，统一创 作思想，制订拍摄日程计划和测定影片摄制成本 的依据。 分镜头剧本大多采用表格形式，格式不一，有详 有略。一般设有镜号、景别、摄法、长度、内容、 音响、音乐等栏目。
18
分镜常用语
类别
• 远景 作用主要强调场面的深远。 • 全景 作用显示人物相对的动作状态。（人物的全身都可见） • 中景 作用符合一般的人物视野，它的场景看起来不远不近。 （人物膝盖以上） • 近景 作用能看清人物表情。（取人物的上半身或其他部分） • 特写 作用放大人物的面部，人体或物体的一个局部。（突 出局部） • 平视 特点是视平线在画面人物或主体的头部或上部。（该角 度给人平实和自然的感觉） • 俯视 特点是画面在人物头部或主体的顶部以上，层次和运动 比较清晰，但表情不容易被看清。 • 仰视 特点视点在画面人物的腰部或主体的下半部以下。形象 显得高大，但也会产生主体形象变形的特点。 • 混合运用 通过平视，俯视，仰视的组合来达到希望的效果。
5
了解Flash的历史
1993年，Flash之父乔纳森.盖伊 (Jonathan Gay)成立了Future Wave软件公司； 1995年，互联网开始高速发展， 乔纳森.盖伊设计出了Future Splash Animator矢量动画软件， 这就是Flash的前身；这个软件出 世以后，主要拥有两大客户，一 个是微软，另一个就是迪斯尼。 1996年11月，Future Splash Animator被Macromedia公司并购， Future Splash Animator的界面 1997年6月推出了 Flash 2.0 ， 1998年5月推出了Flash3.0。
7
Flash应用学科与领域
仿真模拟（刚体碰撞、汽车运动等等） 网络软件设计开发（脚本开发） 流式视频服务（最经典的如youtube、远程教育） 产品演示（幻灯片、界面互动模拟）
网页动画 二维卡通动画 电视广告 flash游戏 手机动画和手机游戏
8
应用范例
北京前线网络的交互式网站Banner http://www.frontnetwork.com
电脑屏幕
每行含有效像素×每帧图象含有效行数
23
关于“安全框”
如果你做的动画项目将来要在电视上播放，周围 有一圈会看不到，在制作的时候要注意这一点。
应该在安全框的范围内 设计动画画面,在电视上 面放的时候并不是真正 的你做到多大就会全部 显示出来,在四周应该预 留出来一个框,你要表达 的意思全部在框的范围 内(小于720*576),但是 在720*576以内不能穿帮.
动画片剧本《音乐船》片段2
动画剧本要求： 1. 文学剧本是编剧的工作，不必告诉导演拍什么、如何拍，而是要“逐个场地、逐个 镜头”地写剧本. 2. 剧本主要内容 第一行：场号（是第几场戏？）；概括地介绍这场戏的时间和空间；时空的类别。 （拍摄需要分为日景、夜景；内景、外景。） 第二行：人物的基本状态和动作。 3. 剧本是画分镜图的依据和基础 4. 课程作业剧本可以用剧本写作软件书写（课件根目录下“playbookeditor.exe”） 5. 关于剧本的更多知识请参阅 葛竞 著《影视动画剧本创作》 ISBN 7-5027-6264-7
修改之前将快捷键方案复制副本 将修改>形状>平滑 设置为 数字键盘的/ 将修改>形状>伸直 设置为 数字键盘的* 将修改>变形>垂直翻转 设置为 数字键盘的+ 将修改>变形>水平翻转 设置为 数字键盘的 将修改>变形>水平翻转 设置为 数字键盘的. 将窗口>时间轴设置为 Ctrl+Tab
22
常用舞台大小
播放设备 模拟标清电视 数字标请电视 数字增强电视 数字高清电视 画幅比/屏幕分辨率 4:3 4:3 16：9 16：9 Flash舞台大小 480×576 720×576 1280×720 1920×1080
常用网络视频
320×240
4：3{800×600，1024×768，1280×960} 16：10{1280×800，1680×1050}
12
阿桂-牛人买车记 摘录自闪客帝国 http://www.flashempire.com/
13
Flash动画特点
Flash动画具有体积小，易于网络传播、易于移植 到移动设备中使用的特点 Flash动画具有高交互性优势，利用其丰富的组件 资源和可编程脚本，可以让欣赏者的动作成为动 画的一部分，可以构建出交互性比较高的小游戏 和动画。 Flash动画制作的成本非常低，普通家用电脑就可 以成为专业的flash动画制作平台。