场景设计优质教案.pdf
场景设计优良教学设计教师课时授课计划教师课时授课计划教师姓名：授课班级：授课课时：2课程名称：二维动画场景设计第 6 讲授课循环号：1-6课题二维动画场景设计图的制作二维动画设计与制作软件工具介绍授课基本内容场景方向结构图的制作场景气氛图制作2课时授课基本要求掌握动画场景设计图的制作技法。重点场景收效图的制作。难点教具画出与动画剧本设定切合，与动画片整体美术风格协调的独到、适合的场景设计图。多媒体资料。课型理论讲解。授课日期第 1周星期 2 第 34 节（校历）课后小结附于授课设计详细授课过程附后1场景设计优良教学设计一、授课目的一、授课目的掌握动画场景设计图的制作技法。二、二维动画设计与制作软件工具介绍二、二维动画设计与制作软件工具介绍在二维动画设计与制作中，除了传统的手绘工具之外，现在更加常用的是各种计算机辅助软件，利用各种软件工具，可以很大程度上节约动画电影制作成本，提高工作效率。现在主流的动画制作软件按大的范围分，分为图像办理软件、动画制作软件与后期合成软件。在二维动画场景的制作中，主若是利用图像办理软件进行线稿绘制、上色以及特效办理。1.PHOTOSHOPAdobe Photoshop是公认的最好的通用平面美术设计软件。由 Adobe 公司开发设计。其用户界面易懂，功能完满，性能牢固，因此，在几乎所有的广告、初版、软件公司，Photoshop都是首选的平面工具。在动画制作行业，传统的动画制作方法，比方说手工描线，在赛璐璐片上上色等办理工序，基本上都已被电脑操作所取代，Adobe Photoshop拥有很强的图形办理能力，将线稿扫描进电脑后，可在 Photoshop 中对线稿进行优化，尔后利用富强的画笔功能与图层功能对线稿进行着色，从而完成动画场景的绘制。（1）Photoshop 的特点：丰富多样的 Brush（画笔）工具可以完满模拟现实的绘画工具迅速高效的选择工具可以迅速锁定目标2场景设计优良教学设计Layer（图层）的应用使复杂的图像办理轻松有序丰富的 Layer Style（图层样式）迅速给字体或图形增添收效矢量图形操作简单完满的文字编写功能合用而精致的 Filter（滤镜）为设计增添更多的特别收效（2）Photoshop 界面介绍作为图形办理的专业软件之一,photoshop 拥有 Adobe 公司一直的软件设计风格,在界面上,菜单上等都拥有相当高的人性化设计在其中。而做为 Adobe 公司的产品之一,也保持了与其他软件交织使用的方便及快捷。菜单栏菜单栏工具信息栏工具信息栏控制面板控制面板工具栏工具栏文档信息栏文档信息栏文档窗口文档窗口1菜单栏：集成了在图像办理过程中所用到的各种命令，以及包括了在图形办理过程中所用到各种文件储藏，打开，软件设置，面板的调换等。2工具信息栏：当从工具栏里选择任何一个工具此后在此栏中都会显示相应的工具3场景设计优良教学设计345的信息以及一些操作方式工具栏：是对图形进行办理的各种工具。文档窗口：当前正在进行操作办理的文件。文档信息栏：显示当前文档的大小，视图比率，以及一些提示信息。（上图为利用 photoshop 进行绘制的动画场景）关于 PHOTOSHOP 的使用方法我们会有特地的课程进行学习，在这就不多做介绍。2、painterPainter 自然绘画软件是当前生界上最为完满的电脑美术绘画软件,它在电脑上首次将传统的绘画方式和电脑设计完满地结合起来,形成了其独到的绘画和造型收效.除了作为世界上鹤立鸡群的自然绘画软件外,Painter 在影像编写,特技制作和二维动画等方面,也有突4场景设计优良教学设计出的表现.关于专业设计师,初版社美编,摄影师,动画及多媒系统作人员和一般电脑美术爱好者,Painter 都是一个特别理想的图像编写和绘画工具。Painter 与 photoshop 对照，一个最为突出的优点在于它能模拟传统的绘画方法，模拟各种画笔收效，这种绘画风格不但战胜了电脑矢量图形艺术所难以防备的失真现像,更经过各种仿真笔触的结合,使画家们可以在电脑上直接挥洒笔墨,舒畅淋漓地发挥自己的长项.这种不加修饰的电脑绘画几乎和传统绘画表现完满相同,特别是由随意笔触流动产生的笔墨风范更可跃然纸上,使画面生动爽朗,栩栩如生.电脑和传统艺术不分彼此,相辅相成.因此,可以说 Painter 是当前生界上真切绘画意义的电脑美术软件。（上图为利用 Painter 绘制的场景）注：在讲解本章节中，结合上述软件工具的基本操作进行讲解。三、场景方向结构图的制作三、场景方向结构图的制作动画场景设计图是场景设计思想的表现，也是学习的重点。设计图包括好多方面，比方收效图、平面图、立面图、俯视图等等，都需要花大量精力去进行学习、训练。5场景设计优良教学设计方向结构图也就是我们经常说的平面图、立面图、俯视图等，绘制这些图的目的就是要明确、清楚地将场景结构、方向表述出来。场景设计者应该用正确认真的图样，使组里的其他创作者认识场景的详细空间形态、结构特点，为未来电影的场面调换供应可靠的环境、支点的依照，为镜头设计供应更方便快捷的思虑空间。因此在进行场景设计从前，就必定对这一场景进行整体的、详细的规划。(一)、平面图、立面图的基本画法1、制图中线的种类和用法制图中各种图形都是用粗细,形状不相同的线段来表示的。（见以下图）2、制图中的通用符号制图中有些特定的物体,需要特定的符号表示。（见以下图）6场景设计优良教学设计7场景设计优良教学设计3、绘制平面图,立面图运用这些制图的符号,就可以依照比率,完成一个场景的平面图,立面图。（见以下图）8场景设计优良教学设计（二）、俯视图的基本画法俯视图是一种立体表示的辅助图，在一个图面上展现三个面以上的结构。可以帮助认识结构复杂的场景空间。俯视图有两种：1、透视俯视图可以随意确定结构线的灭点,画出有必然透视收效的俯视图.但其实不是严格的透视。（以下图为不相同风格与透视收效的俯视图）2、无透视俯视图依照平面图直接画出俯视图.方法很简单,就是以 45 度水平斜轴做出俯视收效。见以下图。9场景设计优良教学设计（三）、方向结构图在电影创作中的应用以下图为怪物公司的平面表示。这场戏中，方向结构图在电影中的主要作用就是对场面调换的正确描绘。10场景设计优良教学设计四、场景气氛图的制作四、场景气氛图的制作（一）、画幅规格人眼的生理特别性，从正常的平视角度讲，以视觉为中心，水平 40 度角以内，垂直 30度以内，形成左右大于上下的椭圆形范围是人眼的有效范围。因此我们的影视屏幕才会被设计为左右大于上下的长方形。动画场景最后是要经过屏幕表现出来的，因此我们在绘制动画场景收效图从前，应要认识国际上通用的屏幕画幅的规格比率。1.电视屏幕宽高比:一般电视屏幕是 4:3,高清楚电视屏幕是 16:9。2.电影银屏高宽比:一般银幕 1:1.38,遮幅银幕 1:1.66 或 1:1.85,宽银幕 1:2.35。（二）、场景图的绘制方法1.绘制步骤第一绘制线描草图，这是场景结构的宏图，尔后描绘出素描层次，接着就是描绘光影收效，画出哪儿是亮的，哪儿是暗的地方，因为要正确指出光源，因此光辉的设计增添了图层的复杂性。草图的色彩显示出它的亮度和比较度。这些不相同图层的综合决定了场景的情绪气氛。（1）场景设计草图阶段a、草图研究关于一个相对复杂的场景设计，有好多问题需要渐渐解决，设计者得统观全局进行一系列的思虑。比方关于场景的特准时空与特定地域的定位，场景特定世界观的定位，对现实资料的借鉴与变化等。在思虑的同时，用笔录录一些图像化的东西。这个阶段是使构思渐渐清楚、渐渐合理，并且是构思从一个想法到图形表现的重要阶段。这个过程要勤于把思虑的东西用图形记录下来，所谓的灵感在这个阶段总是偏爱那些勤于思虑者。草图阶段大体也可以分成两个过程。第一，在明确场景设计的要求后，查找相关的图形资料。比方设计要求中的历史定在战国时代，地点定在秦国，这就需要经过大量的图形资料、文字资料先对这个时期的建筑特点、民俗民风，都有个深入的认识，也可以防备一些知识性的错误。在设计思路基本明确后，就可以进入场景构思，图形化研究了。包括主次空间的分类与分布，空间与空间的整合，空间的平面单元构成图，设计一些场景的主要角度，渐渐的使设计从初步成形到深入认真。草图阶段可以试一试不相同的表现方法，一般以能迅速表现设计妄图为宜。11场景设计优良教学设计b、色彩光影的研究利用小的色彩稿进行研究，关于迅速、正确地掌握场景整体的色彩、光辉气氛特别有帮助。色彩小稿的制作手段也是十分多样的，一般可以用水彩、水粉、彩色铅笔等方便、易用的传统绘画资料。现在，利用photoshop、painter 等软件，可以很方便地绘优异彩小稿，特别是进行局部更正和整体色彩调整时，更能显示其方便性。色彩小稿的用途在于解析问题，供应解决问题的方案，提示我们一些制作时应注意的地方。第一，它适合于小尺寸、有利于整体色彩的掌握。其次，要侧重要关系的塑造调整，舍弃细节的刻画。最后，色彩小稿不相同于绘画作品，绘画考虑的是单幅画面的完满与成立，而场景设计的色彩小稿应该考虑色彩、光辉与场景设计要求的关系，前后12场景设计优良教学设计场景的风格一致，看设计妄图有没有获取很好的表现，是以找到最正确方案为目标的。（宫崎峻天空之城场景，色彩小稿与完成稿）13场景设计优良教学设计（千与千寻场景色彩小稿与完成稿）（2）场景设计正稿阶段a、色彩稿的创作 把铅笔线稿进行扫描，尔后导入 photoshop 中。原始的扫描图一般比较惨淡，还有一些污损的地方，因此要对扫描图进行一些办理。调整图的亮度与比较度，使铅笔14场景设计优良教学设计线饱和而富饶层次，再用橡皮擦除去污损的地方，获取一张齐整的线稿。（这一步，也可以直接用数位板在电脑里绘制完成）Photoshop 的图层在色彩稿的绘制过程中特别重要，合理的分层可以大大加快绘制的速度，方便更正。先把线稿放置到层的顶端，并设置成正片叠底，这一层可以固定在最上层，再加几层，作为绘制色彩的层，层的多少视图的复杂程度而定，分别命名以方便管理。在铺设大基调时，用比较大的笔触轻松涂抹，在有些地方可以考虑先铺一些比较色作为底色，这样在后边的刻画中不经意间可以显出一点，使得颜色比较透明和有生气。再加几层分别铺设远景、中景、远景。大体画出形体的基本颜色和明暗关系，注意色彩空间的架设，不要太在意边线、轮廓，这些形体将在后边的绘制过程中获取修正。在这个过程中，尽量保持新鲜的感觉和旺盛的表现欲，同时保持用笔的轻松。在深入描绘阶段可以运用丰富的笔触进行局部的描绘，photoshop 中内置了多种笔触收效，可以依照详细情况酌情选择，并调整笔的大小，有时也可以调治笔的透明度，半透明的罩染可以使颜色的表现比较滋润。用比较细腻的笔法详细刻画形体，使形象渐渐如照片显影般浮现。制作上要稳打稳扎，时时注意画面的整体性。随着刻画的深入，形象越来越详细，这个阶段要注意在细碎的局部只能感分冲层次，搜寻大块形与小块形的比较，冷色与暖色的的比较。这是整个绘画过程中最耗时间的部分，也是造型能力最大体现的部分。进行最后的局部刻画，注意各种材质的表现，调治画面整体气氛，可适合增添光影、雾气等，对色彩进行调整。2.分层办理场景分层办理，就是将场景的远景、中景、后景和背景等若干景次分别依照起初设定的比率绘制在不相同的平面上，尔后在动画制作的时候依次叠加在一起，在镜头里依次注意推近和拉远的收效，制作中个景次之间依次出画或入画，以及运动速度的不相同、虚实变化的不相同、大小比率的不相同，从而模拟出镜头推拉搬动的视觉收效。（以下图在场景绘制中将内景与房屋外景进行分别绘制，最后再叠加在一起）15场景设计优良教学设计将室内室外图结合起来，最后上色完成稿16场景设计优良教学设计项目项目 1 1安全行天下系列之场景制作安全行天下系列之场景制作 1 11、依照剧本，分镜的要求，用数位板先画第一张大体的草图线稿。这张场景是表现在群山环绕中的一座带有科幻感觉的大厦，在起线稿的时候注意画面的视觉中心在于大厦表现，采用牢固构图的方法，描绘出大体的空间关系。17场景设计优良教学设计2大体的线稿现在已经差不多了，接下来我们开始上色，第一我们先给上一个大体色彩。这幅图想表现出夜晚的感觉，因此整个画面呈兰色彩。用深浅不相同的兰色画出大体画面层次感。3大体的给主体物和远景扑上整体色彩。利用深颜色拉开主体与背景的距离。4大体的给主体物和远景加上一些你料想要的细节，并适合加以空间的办理。18场景设计优良教学设计5进一步刻画主体物，给其加上更多的细节，在这里我给它加上了一些亮点表示开了灯的窗户。6进一步刻画场景，给它的前，中，远景加上更多的细节，使整个场景气氛更加的协调。19场景设计优良教学设计7进一步加强场景的气氛，给场景加上一些灯光。整理节余的铅笔稿，并进一步伐节场景的空间虚实关系和比率关系等。8到这里我们的场景制作就要结束了，给场景做最后的调整和色彩的校正。20场景设计优良教学设计项目项目 2 2安全行天下系列场景制作安全行天下系列场景制作 2 2、起稿，这一步可以在电脑中直接用数位板绘制，也可以手绘后扫描进电脑。211场景设计优良教学设计2、线稿层模式选择正片叠底置于最顶层，新建图层，用渐变填充工具给场景铺上主色彩。1、新建图层，给公路与近处的建筑铺上大体色彩，利用虚实关系拉出层次感。2、进一步细化表现，在这一步里，重点在于近处光景的刻画，注意不要忽略整体感觉。22场景设计优良教学设计3、经过对远景的描绘拉出景深感，细化公路。此时，在天空中利用小笔触点出星光感觉。4、给近处的房屋添上窗户，创建灯光感觉，给楼顶增添一块粉色，使色彩渐渐变丰富。23场景设计优良教学设计5、细节刻画，用比较小的笔触画出霓虹灯、建筑物投影。6、开始创建光影气氛感觉，加上月亮，给出外发光收效，给建筑物外轮廓加上发光收效，创建月光照射感觉。24场景设计优良教学设计7、删掉线稿层，对场景外轮廓进行整理，力求工整。8、整体观察，调整画面明暗比较，使夜晚感觉更加明显。25场景设计优良教学设计9、调整画面气氛，给光景层加上外发光收效，调整画面整体色彩，校色。完成最后稿。26场景设计优良教学设计项目项目 3 3消防大本营系列之的场景制作消防大本营系列之的场景制作 2 2步骤步骤 1 1:依照剧本或分镜的要求，用数位板先画出一张大体的草图线稿，若是用手绘的话先将线稿扫描进电脑。步骤步骤 2:2:在草图基础上修整线稿，删除节余线条，给光景铺上大体的素描关系。步骤步骤 3:3:给光景铺上大体明暗关系与色彩，找出画面的光源所在与色彩倾向。27场景设计优良教学设计步骤步骤 4 4：给画面加上细节，重点在于画面空间层次关系的办理。步骤步骤 5 5：进一步刻画细节，对远景进行认真描绘，在这一步中，加上了风光带的主题雕塑，鲜亮的色彩使画面更加饱满突出，构图上也更有兴趣性。28场景设计优良教学设计步骤步骤 6 6：最后对画面进行整体调整，加上光辉收效，完成。小结小结经过本课程的学习，认识二维动画场景设计与制作在整个动画片创作中的任务及要掌握的知识技术。依照动画片整体美术风格和制作要求选择相应的绘制软件，并要关注二维动画场景制作最新最前沿的技术。29
