场景设计教案.doc

教师课时授课计划

教师姓名： 授课班级： 授课课时：2
课程名称：二维动画场景设计 第 6讲 教学循环号：1-6
课题
二维动画场景设计图的制作
教学基本内容
⑴二维动画设计与制作软件工具介绍
2 课时
⑵场景方位结构图的制作
⑶场景气氛图制作

教学基本要求
掌握动画场景设计图的制作技法。
重点
场景效果图的制作。
难点
画出与动画剧本设定相符，与动画片整体美术风格协调的独特、恰当的场景设计图。
教具
多媒体资料。
课型
理论讲授。
授课日期
（校历）
第 1 周星期2 第 3—4节
课后小结
附于教案

详细教学过程附后

一、教学目标
掌握动画场景设计图的制作技法。
二、二维动画设计与制作软件工具介绍
在二维动画设计与制作中，除了传统的手绘工具之外，现在更为常用的是各种计算机辅助软件，利用各种软件工具，可以很大程度上节省动画影片制作成本，提高工作效率。
当今主流的动画制作软件按大的范围分，分为图像处理软件、动画制作软件与后期合成软件。在二维动画场景的制作中，主要是利用图像处理软件进行线稿绘制、上色以及特效处理。
1. PHOTOSHOP

Adobe Photoshop是公认的最好的通用平面美术设计软件。由Adobe公司开发设计。其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。
在动画制作行业，传统的动画制作方法，比如说手工描线，在赛璐璐片上上色等处理工序，基本上都已被电脑操作所取代，Adobe Photoshop具有很强的图形处理能力，将线稿扫描进电脑后，可在Photoshop中对线稿进行优化，然后利用强大的画笔功能与图层功能对线稿进行着色，从而完成动画场景的绘制。
（1） Photoshop的特点：
·丰富多样的Brush（画笔）工具可以完全模拟现实的绘画工具
·快速高效的选择工具可以快速锁定目标
·Layer（图层）的应用使复杂的图像处理轻松有序
·丰富的Layer Style（图层样式）快速给字体或图形添加效果
·矢量图形操作简单
·完善的文字编辑功能
·实用而精致的Filter（滤镜）为设计增添更多的特殊效果
（2） Photoshop界面介绍
作为图形处理的专业软件之一, photoshop具有Adobe公司一贯的软件设计风格,在界面上,菜单上等都具有相当高的人性化设计在其中。而做为Adobe公司的产品之一,也保持了与其他软件交叉使用的方便及快捷。

菜单栏 工具信息栏 控制面板

工具栏 文档信息栏 文档窗口

1． 菜单栏：集成了在图像处理过程中所用到的各种命令，以及包含了在图形处理过程中所用到各种文件存储，打开，软件设置，面板的调换等。
2． 工具信息栏：当从工具栏里选择任何一个工具之后在此栏中都会显示相应的工具的信息以及一些操作方式
3． 工具栏：是对图形进行处理的各种工具。
4． 文档窗口：当前正在进行操作处理的文件。
5． 文档信息栏：显示当前文档的大小，视图比例，以及一些提示信息。

（上图为利用photoshop进行绘制的动画场景）
关于PHOTOSHOP的使用方法我们会有专门的课程进行学习，在这就不多做介绍。

2、painter

Painter自然绘画软件是目前世界上最为完善的电脑美术绘画软件,它在电脑上首次将传统的绘画方式和电脑设计完整地结合起来,形成了其独特的绘画和造型效果.除了作为世界上首屈一指的自然绘画软件外,Painter在影像编辑,特技制作和二维动画等方面,也有突出的表现.对于专业设计师,出版社美编,摄影师,动画及多媒体制作人员和一般电脑美术爱好者,Painter都是一个非常理想的图像编辑和绘画工具。Painter与photoshop相比，一个最为突出的优点在于它能模拟传统的绘画方法，模拟各种画笔效果，这种绘画风格不仅克服了电脑矢量图形艺术所难以避免的"失真"现像,更通过各种仿真笔触的结合,使画家们能够在电脑上直接"挥洒笔墨,淋漓尽致"地发挥自己的长项.这种不加修饰的"电脑绘画"几乎和传统绘画表现完全一样,特别是由随意笔触流动产生的笔墨"神韵"更可跃然"纸"上,使画面生动活泼,栩栩如生.电脑和传统艺术浑然一体,相得益彰.因此,可以说Painter是目前世界上真正"绘画"意义的电脑美术软件。

（上图为利用Painter绘制的场景）
注：在讲解本章节中，结合上述软件工具的基本操作进行讲解。

三、场景方位结构图的制作
动画场景设计图是场景设计思想的体现，也是学习的重点。设计图包括很多方面，比如效果图、平面图、立面图、鸟瞰图等等，都需要花大量精力去进行学习、训练。
方位结构图也就是我们经常说的平面图、立面图、鸟瞰图等，绘制这些图的目的就是要明确、清晰地将场景结构、方位表述出来。场景设计者应该用准确细致的图样，使组里的其他创作者了解场景的具体空间形态、结构特点，为未来影片的场面调度提供可靠的环境、支点的依据，为镜头设计提供更方便快捷的思考空间。所以在进行场景设计之前，就必须对这一场景进行整体的、详细的规划。
(一)、平面图、立面图的基本画法
1、 制图中线的种类和用法
制图中各种图形都是用粗细,形状不同的线段来表示的。（见下图）

2、 制图中的通用符号
制图中有些特定的物体,需要特定的符号表示。（见下图）

3、 绘制平面图,立面图
运用这些制图的符号,就可以按照比例,完成一个场景的平面图,立面图。（见下图）

（二）、鸟瞰图的基本画法
鸟瞰图是一种立体示意的辅助图，在一个图面上展现三个面以上的结构。可以帮助了解结构复杂的场景空间。
鸟瞰图有两种：
1、 透视鸟瞰图
可以任意确定结构线的灭点,画出有一定透视效果的鸟瞰图.但并不是严格的透视。（下图为不同风格与透视效果的鸟瞰图）

2、 无透视鸟瞰图
根据平面图直接画出鸟瞰图.方法很简单,就是以45度水平斜轴做出鸟瞰效果。见下图。

（三）、方位结构图在影片创作中的应用
下图为《怪物公司》的平面示意。这场戏中，方位结构图在影片中的主要作用就是对场面调度的准确描述。

四、场景气氛图的制作
（一）、画幅规格
人眼的生理特殊性，从正常的平视角度讲，以视觉为中心，水平40度角以内，垂直30度以内，形成左右大于上下的椭圆形范围是人眼的有效范围。所以我们的影视屏幕才会被设计为左右大于上下的长方形。
动画场景最终是要通过屏幕表现出来的，所以我们在绘制动画场景效果图之前，应要了解国际上通用的屏幕画幅的规格比例。
1. 电视屏幕宽高比:普通电视屏幕是4 : 3,高清晰电视屏幕是16 : 9。
2. 电影银屏高宽比:普通银幕1 : 1.38,遮幅银幕1 : 1.66或1 : 1.85,宽银幕1 : 2.35。

（二）、场景图的绘制方法
1. 绘制步骤
首先绘制线描草图，这是场景结构的蓝图，然后描绘出素描层次，接着就是描述光影效果，画出哪儿是亮的，哪儿是暗的地方，因为要准确指出光源，所以光线的设计增加了图层的复杂性。草图的色调显示出它的亮度和对比度。这些不同图层的综合决定了场景的情绪气氛。
（1） 场景设计草图阶段
a、 草图探索
对于一个相对复杂的场景设计，有许多问题需要逐步解决，设计者得统观全局进行一系列的思考。比如对于场景的特定时空与特定地域的定位，场景特定世界观的定位，对现实资料的借鉴与变化等。在思考的同时，用笔记录一些图像化的东西。这个阶段是使构思逐步清晰、逐步合理，并且是构思从一个想法到图形呈现的重要阶段。这个过程要勤于把思考的东西用图形记录下来，所谓的灵感在这个阶段总是偏爱那些勤于思考者。
草图阶段大致也可以分成两个过程。首先，在明确场景设计的要求后，查找相关的图形资料。比方设计要求中的历史定在战国时代，地点定在秦国，这就需要通过大量的图形资料、文字资料先对这个时期的建筑特点、民俗民风，都有个深入的了解，也可以避免一些常识性的错误。
在设计思路基本明确后，就可以进入场景构思，图形化探索了。包括主次空间的分类与分布，空间与空间的整合，空间的平面单元构成图，设计一些场景的主要角度，逐步的使设计从初步成形到深入细致。草图阶段可以尝试不同的表现方法，一般以能快速表现设计意图为宜。

b、 色彩光影的探索
利用小的色彩稿进行探索，对于迅速、准确地把握场景整体的色彩、光线气氛非常有帮助。色彩小稿的制作手段也是十分多样的，一般可以用水彩、水粉、彩色铅笔等方便、易用的传统绘画材料。现在，利用photoshop、painter等软件，可以很方便地绘出色彩小稿，特别是进行局部修改和整体色彩调整时，更能显示其方便性。
色彩小稿的用途在于分析问题，提供解决问题的方案，提醒我们一些制作时应注意的地方。首先，它适合于小尺寸、有利于整体色彩的把握。其次，要注重大关系的塑造调整，舍弃细节的刻画。最后，色彩小稿不同于绘画作品，绘画考虑的是单幅画面的完整与成立，而场景设计的色彩小稿应该考虑色调、光线与场景设计要求的关系，前后场景的风格统一，看设计意图有没有得到很好的体现，是以找到最佳方案为目标的。

（宫崎峻《天空之城》场景，色彩小稿与完成稿）

（《千与千寻》场景色彩小稿与完成稿）

（2） 场景设计正稿阶段
a、 色彩稿的创作
● 把铅笔线稿进行扫描，然后导入photoshop中。原始的扫描图一般比较灰暗，还有一些污损的地方，所以要对扫描图进行一些处理。调整图的亮度与对比度，使铅笔线饱和而富有层次，再用橡皮擦清除污损的地方，得到一张整洁的线稿。（这一步，也可以直接用数位板在电脑里绘制完成）
● Photoshop的图层在色彩稿的绘制过程中非常重要，合理的分层可以大大加快绘制的速度，方便修改。先把线稿放置到层的顶端，并设置成正片叠底，这一层可以固定在最上层，再加几层，作为绘制色彩的层，层的多少视图的复杂程度而定，分别命名以方便管理。
● 在铺设大基调时，用比较大的笔触轻松涂抹，在有些地方可以考虑先铺一些对比色作为底色，这样在后面的刻画中不经意间可以透出一点，使得颜色比较透明和有生气。
● 再加几层分别铺设前景、中景、远景。大致画出形体的基本颜色和明暗关系，注意色彩空间的架设，不要太在意边线、轮廓，这些形体将在后面的绘制过程中得到修正。在这个过程中，尽量保持新鲜的感觉和旺盛的表现欲，同时保持用笔的轻松。
● 在深入描绘阶段可以运用丰富的笔触进行局部的描绘，photoshop中内置了多种笔触效果，可以根据具体情况酌情选择，并调整笔的大小，有时也可以调节笔的透明度，半透明的罩染可以使颜色的表现比较滋润。
● 用比较细腻的笔法具体刻画形体，使形象渐渐如照片显影般浮现。制作上要稳打稳扎，时时注意画面的整体性。随着刻画的深入，形象越来越具体，这个阶段要注意在细碎的局部只能感分冲层次，寻找大块形与小块形的对比，冷色与暖色的的对比。这是整个绘画过程中最耗时间的部分，也是造型能力最大体现的部分。
● 进行最后的局部刻画，注意各种材质的表现，调节画面整体气氛，可适当添加光影、雾气等，对色彩进行调整。

2. 分层处理
场景分层处理，就是将场景的前景、中景、后景和背景等若干景次分别按照预先设定的比例绘制在不同的平面上，然后在动画制作的时候依次叠加在一起，在镜头里依次注意推近和拉远的效果，制作中个景次之间依次出画或入画，以及运动速度的不同、虚实变化的不同、大小比例的不同，从而模拟出镜头推拉移动的视觉效果。
（下图在场景绘制中将内景与房屋外景进行分别绘制，最后再叠加在一起）

将室内室外图结合起来，最终上色完成稿

项目 1 《平安行天下系列》之场景制作1

1、根据剧本，分镜的要求，用数位板先画第一张大概的草图线稿。这张场景是表现在群山环绕中的一座带有科幻感觉的大厦，在起线稿的时候注意画面的视觉中心在于大厦表现，采取稳定构图的方法，描绘出大概的空间关系。

2 大概的线稿现在已经差不多了，接下来我们开始上色，首先我们先给上一个大体色调。
这幅图想表现出夜晚的感觉，所以整个画面呈兰色调。用深浅不同的兰色画出大体画面层次感。

3 大概的给主体物和前景扑上整体色调。利用深颜色拉开主体与背景的距离。

4 大概的给主体物和前景加上一些你预想要的细节，并适当加以空间的处理。

5 进一步刻画主体物，给其加上更多的细节，在这里我给它加上了一些亮点表示开了灯的窗户。

6 进一步刻画场景，给它的前，中，远景加上更多的细节，使整个场景氛围更加的协调。

7 进一步加强场景的氛围，给场景加上一些灯光。整理多余的铅笔稿，并进一步调节场景的空间虚实关系和比例关系等。

8 到这里我们的场景制作就要结束了，给场景做最后的调整和色彩的校正。

项目 2 《平安行天下系列》场景制作2
1、起稿，这一步可以在电脑中直接用数位板绘制，也可以手绘后扫描进电脑。

2、线稿层模式选择正片叠底置于最顶层，新建图层，用渐变填充工具给场景铺上主色调。

1、 新建图层，给公路与近处的建筑铺上大体色调，利用虚实关系拉出层次感。

2、 进一步细化表现，在这一步里，重点在于近处景物的刻画，注意不要忽略整体感觉。

3、 通过对前景的描绘拉出景深感，细化公路。此时，在天空中利用小笔触点出星光感觉。

4、 给近处的房屋添上窗户，营造灯光感觉，给楼顶增加一块粉色，使色彩逐渐变丰富。

5、 细节刻画，用比较小的笔触画出霓虹灯、建筑物投影。

6、 开始营造光影气氛感觉，加上月亮，给出外发光效果，给建筑物外轮廓加上发光效果，营造月光照射感觉。

7、 删掉线稿层，对场景外轮廓进行整理，力求工整。

8、 整体观察，调整画面明暗对比，使夜晚感觉更加明显。

9、 调整画面气氛，给景物层加上外发光效果，调整画面整体色调，校色。完成最终稿。

项目3 《消防大本营系列》之的场景制作2

步骤1:根据剧本或分镜的要求，用数位板先画出一张大概的草图线稿，如果用手绘的话先将线稿扫描进电脑。

步骤2:在草图基础上修整线稿，删除多余线条，给景物铺上大体的素描关系。

步骤3:给景物铺上大体明暗关系与色调，找出画面的光源所在与色彩倾向。

步骤4：给画面加上细节，重点在于画面空间层次关系的处理。

步骤5：进一步刻画细节，对前景进行细致描绘，在这一步中，，加上了风光带的主题雕塑，鲜亮的色彩使画面更为饱满突出，构图上也更有趣味性。

步骤6：最后对画面进行整体调整，加上光线效果，完成。

小结
通过本课程的学习，了解二维动画场景设计与制作在整个动画片创作中的任务及要掌握的知识技术。根据动画片整体美术风格和制作要求选择相应的绘制软件，并要关注二维动画场景制作最新最前沿的技术。