动画制作流程解析

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,二维动画流程解析,讲授人：,常东东,1,动画课程系列,二维动画制作流程图,动画脚本,2,课程纲要,Flash概况,Flash基本工具使用与基本概念,Flash绘画训练,Flash动画构建与编辑,Flash动画短片解析与实训,Flash后期处理,3,第一章,Flash概况,主要内容,了解Flash的历史,Flash应用学科与领域,Flash动画与传统动画对比,准备工作,关于剧本,关于分镜图,关于造型设计,Flash基本工具,4,了解,Flash,的历史,1993年，Flash之父乔纳森.盖伊(Jonathan Gay)成立了Future Wave软件公司；,1995年，互联网开始高速发展，乔纳森.盖伊设计出了Future Splash Animator矢量动画软件，这就是Flash的前身；这个软件出世以后，主要拥有两大客户，一个是微软，另一个就是迪斯尼。,1996年11月，Future Splash Animator被Macromedia公司并购，1997年6月推出了 Flash 2.0 ，1998年5月推出了Flash3.0。,5,Future Splash Animator,的界面,了解,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版本。,6,Flash应用学科与领域,仿真模拟（刚体碰撞、汽车运动等等）,网络软件设计开发（脚本开发）,流式视频服务（最经典的如youtube、远程教育）,产品演示（幻灯片、界面互动模拟）,网页动画,二维卡通动画,电视广告,flash游戏,手机动画和手机游戏,7,应用范例,北京前线网络的交互式网站,Banner,8,用,flash,开发的讴歌汽车网站,9,北京前线网络开发的游戏,北京闪维在线开发的游戏,10,11,由可乐吧提供的,Flash,休闲游戏,阿桂,-,牛人买车记 摘录自闪客帝国,12,Flash,动画特点,Flash动画具有体积小，易于网络传播、易于移植到移动设备中使用的特点,Flash动画具有高交互性优势，利用其丰富的组件资源和可编程脚本，可以让欣赏者的动作成为动画的一部分，可以构建出交互性比较高的小游戏和动画。,Flash动画制作的成本非常低，普通家用电脑就可以成为专业的flash动画制作平台。,13,Flash,动画与传统动画对比,14,关于剧本,1,15,关于剧本,2,动画剧本要求：,文学剧本是编剧的工作，不必告诉导演拍什么、如何拍，而是要,“,逐个场地、逐个镜头,”,地写剧本,.,剧本主要内容,第一行,：场号（是第几场戏？）；概括地介绍这场戏的时间和空间；时空的类别。（拍摄需要分为日景、夜景；内景、外景。）,第二行：,人物的基本状态和动作。,剧本是画分镜图的依据和基础,课程作业剧本可以用剧本写作软件书写（课件根目录下“,playbookeditor.exe,”）,关于剧本的更多知识请参阅,葛竞,著,影视动画剧本创作,ISBN 7-5027-6264-7,16,关于分镜图,(,分镜头,),又称“故事图”和“故事板”。以草图、绘画或照片，依连戏顺序将影片段落或整部影片的主要动作和叙述流程摘述出来。将影片的文学内容分切成一系列可以摄制的镜头，以供现场拍摄使用的工作剧本。,分镜头剧本是导演为影片设计的施工蓝图，也是影片摄制组各部门理解导演的具体要求，统一创作思想，制订拍摄日程计划和测定影片摄制成本的依据。,分镜头剧本大多采用表格形式，格式不一，有详有略。一般设有镜号、景别、摄法、长度、内容、音响、音乐等栏目。,17,分镜常用语,18,19,分镜图样例,20,分镜图绘制要点,充分体现导演的创作意图，创作思想，和创作风格。,分镜头运用必须流畅自然。,画面形象须简捷易懂。（分镜头的目的是要把导演的基本意图和故事以及形象大概说清楚。不需要太多的细节。细节太多反而会影响到总体的认识。,分镜头间的连接须明确。（一般不表明分镜头的连接，只有分镜头序号变化的，其连接都为切换，如需溶入溶出。分镜头剧本上都要标识清楚。）,对话，音效等标识需明确。（对话和音效必须明确标识，而且应该标识在恰当的分镜头画面的下面。）,21,常用舞台大小,每行含有效像素,每帧图象含有效行数,22,关于“安全框”,如果你做的动画项目将来要在,电视上,播放,，周围有一圈会看不到，在制作的时候要注意这一点。,23,应该在安全框的范围内,设计动画画面,在电视上面放的时候并不是真正的你做到多大就会全部显示出来,在四周应该预留出来一个框,你要表达的意思全部在框的范围内(小于720*576),但是在720*576以内不能穿帮.,字幕安全区,动作安全区,作业,1,自选文学剧本，写出相应的动画剧本,按照写出后的动画剧本，画出相应分镜图,26,Flash,界面,操作界面组成,菜单,工具箱,时间轴,场景与舞台,浮动面板（右侧）,属性面板（下方）,*重点：,窗口管理,27,Flash,基本设置项,启动界面设置,撤销级数设置,绘画工具设置,设置快捷键,修改之前将快捷键方案复制副本,将修改形状平滑 设置为 数字键盘的/,将修改形状伸直 设置为 数字键盘的*,将修改变形垂直翻转 设置为 数字键盘的+,将修改变形水平翻转 设置为 数字键盘的-,将修改变形水平翻转 设置为 数字键盘的.,将窗口时间轴设置为 Ctrl+Tab,28,基本工具,线,绘图工具,核心一：线条,关于工具,直线工具【N】,钢笔工具【P】,关于,线条,颜色,取色方法,取色框,颜色面板,渐变取色,修改颜色及渐变,选中线修改：取色框、颜色面板、属性面板,不用选中线：墨水瓶工具,29,基本工具线,关于形状,选择工具【V】,位图模式部分选择编辑,整体选中移动,不选中进行曲线曲率调节,快捷键：Ctrl+拖动角点=形成尖角节点,部分选取工具【P】,像ps编辑路径一样编辑即可,快捷键：Alt+拖动控制柄=更改节点类型,线的其他编辑,线型的设置,尖角接合方式：尖角、圆角、斜角,节点焊接：选择工具移动源节点靠近目标节点,30,练习1.2,31,描绘如下叶子，注意叶子与草的整体关系（描绘的结果要便于以后制作叶子“双臂”展开的动画）,Flash,基本工具,绘图工具,核心二：可填充形状,关于工具,椭圆工具【O】（Shift约束比例）,矩形工具【R】,多边形/多角形,编辑,位图模式修改-选择工具,对象模式-部分选取工具,轮廓与填充修改,以对象模式绘制并编辑,修改形状将线条转换为填充（可以有线的宽度变化、笔锋）,32,练习1.3,33,参考下图，画一卡通人物，注意带笔锋轮廓的处理,基本工具填充,单色填充,混色器,取色,交换颜色,无色,透明色（Alpha）,添加样本（面板右上角菜单）,颜料桶【K】,缺口宽度的设置,不封闭空隙,封闭小空隙,封闭中等空隙,封闭大空隙,锁定填充,原填充,未锁定,锁定填充,练习1.3,35,绘制下图中卡通小屋上色（注意不连通区域处理）,基本工具填充,填充变形【F】,渐变色,变形,中心点、焦点,大小、旋转、宽度,手绘填充,刷子【B】,标准绘画,颜料填充,后面绘画,颜料选择：只对选中填充区域,内部绘画：只对轮廓两边的封闭区域,练习1.3,37,绘制下图中线稿上色（注意不连通区域处理、注意渐变色的调整运用、画笔工具的应用）,基本工具填充,位图填充,位图的导入,位图填充练习,填充调整项：旋转、等比例缩放、横/纵向缩放、横/纵向斜切。,Flash,基本工具,对比与补充,墨水瓶【S】与油漆桶【K】,铅笔【Y】与刷子【B】,橡皮擦【E】与刷子【B】,吸管工具【I】,吸取填充色,吸取轮廓,吸取文本,吸取位图,套索【L】,套索模式,魔术棒模式,多边形模式,39,Flash,基本工具,其他编辑类工具,任意变形【Q】,文字工具,静态文本,动态文本,输入文本,40,几个重要问题,以对象模式绘制,对象的组合与分离,对象变形面板,对象的对齐和排列,对象优化与直线化,41,绘制实例,法师头像绘制过程,帽定的绘制,帽檐的绘制,脸的绘制,鼻子绘制,胡须的绘制,42,谢谢,43,