场景设计教案
精品文档
教师课时授课计划
教师姓名： 授课班级： 授课课时： 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 进行绘制的动画场景）
关于 PHOTOSHO的P使用方法我们会有专门的课程进行学习，在这就不多做介绍
2、 painter
收集于网络，如有侵权请联系管理员删除
精品文档
Painter 自然绘画软件是目前世界上最为完善的电脑美术绘画软件 , 它在电脑上
首次将 传统的绘画方式和电脑设计完整地结合起来 ,形成了其独特的绘画和造型效果 . 除了作为世 界上首屈一指的自然绘画软件外 ,Painter 在影像编辑 ,特技制作和二维动画等方面 , 也有突 出的表现.对于专业设计师 ,出版社美编 ,摄影师,动画及多媒作人员和一般电脑美术爱 好者 ,Painter 都是一个非常理想的图像编辑和绘画工具。 Painter 与 photoshop 相比，一 个最为突出的优点在于它能模拟传统的绘画方法，模拟各种画笔效果， 这种绘画风格不仅 克服了电脑矢量图形艺术所难以避免的 \"失真\"现像, 更通过各种仿真笔触的结合 , 使画家们 能够在电脑上直接 \"挥洒笔墨 ,淋漓尽致 \"地发挥自己的长项 .这种不加修饰的 \"电脑绘画\"几 乎和传统绘画表现完全一样 , 特别是由随意笔触流动产生的笔墨 \"神韵\"更可跃然 \"纸\"上, 使 画面生动活泼 , 栩栩如生. 电脑和传统艺术浑然一体 , 相得益彰 . 因此, 可以说 Painter 是目前 世界上真正 \"绘画\" 意义的电脑美术软件。
收集于网络，如有侵权请联系管理员删除
精品文档
（上图为利用 Painter 绘制的场景）
注：在讲解本章节中，结合上述软件工具的基本操作进行讲解。
三、场景方位结构图的制作
动画场景设计图是场景设计思想的体现，也是学习的重点。设计图包括很多方面，比 如效果图、平面图、立面图、鸟瞰图等等，都需要花大量精力去进行学习、训练。
方位结构图也就是我们经常说的平面图、立面图、鸟瞰图等，绘制这些图的目的就是 要明确、清晰地将场景结构、方位表述出来。场景设计者应该用准确细致的图样，使组里 的其他创作者了解场景的具体空间形态、结构特点，为未来影片的场面调度提供可靠的环 境、支点的依据，为镜头设计提供更方便快捷的思考空间。所以在进行场景设计之前，就 必须对这一场景进行整体的、详细的规划。
（一） 、平面图、立面图的基本画法 1、制图中线的种类和用法
2、制图中各种图形都是用粗细 , 形状不同的线段来表示的。（见下图）
收集于网络，如有侵权请联系管理员删除
精品文档
3、制图中的通用符号
4、制图中有些特定的物体 , 需要特定的符号表示。（见下图）
收集于网络，如有侵权请联系管理员删除
精品文档
收集于网络，如有侵权请联系管理员删除
精品文档
5、绘制平面图 , 立面图
6、运用这些制图的符号 , 就可以按照比例 , 完成一个场景的平面图 ,立面图
收集于网络，如有侵权请联系管理员删除
见下图）
精品文档
（二）、鸟瞰图的基本画法 鸟瞰图是一种立体示意的辅助图，在一个图面上展现三个面以上的结构。可以帮助了 解结构复杂的场景空间。
鸟瞰图有两种：
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：最后对画面进行整体调整，加上光线效果，完成
小结 通过本课程的学习，了解二维动画场景设计与制作在整个动画片创作中的任务及要掌 握的知识技术。根据动画片整体美术风格和制作要求选择相应的绘制软件，并要关注二维 动画场景制作最新最前沿的技术。
收集于网络，如有侵权请联系管理员删除
