插画设计教案.docx

1、插画设计教案教 案（首页）课程名称插画设计课程编号学分0504202022总计：32学时类别任课教师授课对象基本教材和主要参考资料必修课（）选修课（）理论课（）实验课（）陈振宇职称讲师级专业本科班侯晓霞，祝虹主编，动画插画，湖北美术出版社讲课：12学时实验：0学时上机：20学时教学目的要求插画设计是动画专业的重要专业课程，通过学习能系统地掌握插画的基本理论和相关知识，了解当代插图的理念以及插画的绘制方法，从而为进行动画创作打下结实的基础。本门课程由浅入深的、系统的培养学生的思维和创造能力，通过阶段性的学习、交流、创作活动使学生基本能够达到具有一定的图形表达和设计能力，以丰富的设计表现语言表达各

2、类不同的设计效果，更好的为专业设计服务。教学重点：插画设计的技法训练重点难点：多种技法混合使用难点插画设计课程教案授课时间授课方式（请打）第周星期第节理论课讨论课实验课习题课其他课次课时安排14课时授课题目（教学章、节或主题）：第一章插画的概念及历史演变教学目的、要求（分掌握、熟悉、了解三个层次）：了解插画的历史熟悉插画的特点教学重点及难点：重点：插画的特点难点：插画发展史与概况教学基本内容第一章插画的概念及历史演变授课学时：41.1插画的概况1.2插画的特点1.3插画的规则与技术环境小结：课程安排合理，注意知识点的讲解作业和思考题：1、根据课堂内容进行练习2、熟悉基本工具的应用教学后记：方法

3、及手段主要以图例、视频讲解为主，举例讲解以及板书讲解,示范填表说明：1.每项页面大小可自行添减；2.课次为授课次序，填1n等；3.授课形式填理论课、实验课、讲评课、习题课等。第一章插画的概念及历史演变插画的定义辞海对“插画”的解释是：“指插附在书刊中的图画。有的印在正文中间，有的用插页方式，对正文内容起补充说明或艺术欣赏作用。”这种解释主要是针对书籍插图作为的定义，是一种狭义的定义。(由于情报时代的来临，现代社会的发展，现代插画的含义已从过去狭义的概念只限于画和图)变为广义的概念，“插画”就是我们平常所看的报纸、杂志、各种刊物或儿童图画书里，在文字间所加插的图画，统统称为“插画”。插画，在拉丁

4、文的字义里，原是“照亮”的意思。望文思义，它原来是用以增加刊物中文字所给予的趣味性，使文字部份能更生动、更具象地活跃在读者的心中。而在现今各种出版品中，插画的重要性，早已远远地超过这个“照亮文字”的陪衬地位。它不但能突出主题的思想，而且还会增强艺术的感染力。插画是一种艺术形式，作为现代设计的一种重要的视觉传达形式，以其直观的形象性，真实的生活感和美的感染力，在现代设计中占有特定的地位，已广泛用于现代设计的多个领域，涉及到文化活动、社会公共事业、商业活动、影视文化等方面。插画的历史演变插画艺术的发展，有着悠久的历史。对你我看似平凡简单的插画，却是有很大的内涵。从世界最古老的插画洞窟壁画到日本江户

5、时代的民间版画浮世绘，无一不演示着插画的发展。插画最先是在十九世纪初随着报刊、图书的变迁发展起来的。而它真正的黄金时代则是本世纪五六十年代首先从美国开始的，当时刚从美术作品中分离出来的插图明显带有绘画色彩，而从事插图的作者也多半是职业画家，以后又受到抽象表现主义画派的影响，从具象转变为抽象。直到70年代，插画又重新回到了写实风格。中国早期插画形式中国最早的插画是以版画形式出现的，是随佛教文化的传入，为宣传教义而在经书中用“变相”图解经文。目前史料记载我国最早的版画作品，唐肃宗时刊行的陀罗尼经咒图。刊记确切年代的则是唐懿宗咸通九年(868年)的金刚般若经中的扉页画。到了宋、金、元时期书籍插画有了

6、长足的进步。应用范围扩大到医药书、历史地理书、考古图录书、日用百科书等书籍中，并出现了彩色套印插画。明清时期，可以说古代插画艺术大发展时期，全国各地都有刻书行业。不同的地域形成了不同的风格。插画设计课程教案授课时间授课方式（请打）第周星期第节理论课讨论课实验课习题课其他课次课时安排24课时授课题目（教学章、节或主题）：第二章插画创作基础教学目的、要求（分掌握、熟悉、了解三个层次）：了解插图的创作平台与工具掌握插图的基本构图方式教学重点及难点：重点：插图的构图方法难点：插图的构图方法教学基本内容 方法及手段第二章插画创作基础授课学时：42.1插画的构图2.2插画的空间与形式2.3插画的色彩2.4

7、插画的创作平台与工具介绍小结：课程安排合理，注意知识点的讲解作业和思考题：1、根据课堂内容进行练习2、熟悉基本工具的应用教学后记：主要以图例、视频讲解为主，举例讲解以及板书讲解,示范填表说明：1.每项页面大小可自行添减；2.课次为授课次序，填1n等；3.授课形式填理论课、实验课、讲评课、习题课等。第二章插画创作基础插画的构图插画是一种传统的艺术表现形式,特别是随着我国动漫产业的发展,插画艺术越来越受到人们的关注和喜爱.国内外有着大量优秀的插画绘本作品,每位插画家对构图都有着不同的心得体会,都有着多样的构图方式.他们所绘制的插画风格迥异,题材广泛,特别是构图方法值得我们深入学习研究.本文通过研究

8、插画绘制中的构图表现,分析插画名家作品,从而提高对构图的认知,加强对画面整体的把握能力,学会用准确的构图语言来表达出所包含的内容和情绪,并在创作中寻求和谐的构图关系,提高作品的艺术性和观赏性.插画的构图形式A 中心式B 环绕式C 对称式D 均衡式E 堆叠式F 平铺式A 中心式主要表现对象位于画面的中心区域。常用来表现较单一的对象。表现多个对象时，则中心区域的对象成为重点。B 环绕式表现对象在画面中呈环型排布，或次要对象呈环绕状围绕表现主体。既可用来表现多个对象，也可用来突出被围绕的主体。C 对称式表现对象在画面中呈现为接近对称的样子或排列方式。D 均衡式不同表现对象在画面中呈一左一右、一上一下

9、排布，在画面形成来自两侧或两角的张力，使画面形成视觉均衡。但画面两侧的表现对象在体量上、色彩层次上往往并不相等，具有对照的趣味。E 堆叠式表现对象在画面中突破固有的空间关系，呈堆叠形式排布。削弱空间纵深的堆叠可用于具有装饰感的画面。堆叠手法也常用在需要表现多个对象的作品中，例如展现群体人物的海报。F 平铺式表现对象在画面中不突出体现主次关系或空间关系，呈逐个铺陈形式排布。色彩的运用（一）色彩的分类人们视觉感受到的色彩非常丰富，按种类分为原色、间色和复色。原色，即色彩中不能再分解的基本色称为原色；间色，由两个原色混合得间色；复色，颜料的两个间色或一种原色和其对应的间色（红与绿、黄与紫、蓝与橙）相

10、混合得复色，亦称第三次色。但就色彩的系别而言，则可分为有彩色系和无彩色系两大类。前者指包括在可见光谱中的全部色彩，它以红、橙、黄、绿、蓝、紫等为基本色；后者指由黑色、白色及黑白两色相融而成的各种深浅不同的灰色系列。（二）色彩的基础知识1.色彩三要素。即色相、色度和色性。色相即色彩的“相貌”，各种颜色，呈现出各种不同的“相貌”，便叫“色相”。如红、橙、黄、绿等，它是色彩显而易见的最大特征。色度指色彩的明度和纯度前者指颜色的明暗、深浅程度，指色彩的素描因素；纯度，是指一个颜色色素的纯净和浑浊的程度，也就是色彩的饱和度。色性即色彩具有的冷暖倾向性，这种冷暖倾向是出于人的心理感觉和感情联想。2.色彩的

11、对比与调合。色彩的配合既要有对比，又要有调合，只有调配得当，才能给人以美感。“对比”与“调合”是画面上处理色彩常用的手法，“对比”给人以强烈的感觉；“调合”则给人以协调统一的感觉。3.色彩的搭配和过渡色彩搭配与过渡要遵循以下四条原理：色彩的鲜明性，色彩要鲜艳，容易引人注目；色彩的独特性，要与众不同，给人留下强烈的印象；色彩的合适性，色彩和你表达的内容气氛相适合；色彩的联想性，不同色彩会产生不同的联想，选择色彩要和你表达的内容相关联。4.色彩心理学色彩心理学是十分重要的学科，在自然欣赏、社会活动方面，色彩在客观上是对人们的一种刺激和象征；在主观上又是一种反应与行为。色彩对人们的心理影响很大，它可

12、以产生不同的感觉，它可以引发情绪、产生联想。这是由于人们对事物的感受往往产生联想，对色彩也就引发了情感。色彩对人们的心理感受的影响，是由于人们的生活经历、性格、年龄、性别、职业、爱好、风俗习惯、宗教信仰、社会意识等都不尽相同而形成的，不同的心理感觉也就引发了不同的联想个情感。插画设计课程教案授课时间授课方式（请打）第周星期第节理论课讨论课实验课习题课其他课次课时安排34课时授课题目（教学章、节或主题）：第三章位图插画与矢量插画教学目的、要求（分掌握、熟悉、了解三个层次）：了解位图与矢量插图的区别掌握矢量插图的绘制方法教学重点及难点：重点：矢量插图的基本绘制方法难点：新软件的使用教学基本内容 方

13、法及手段第三章位图插画与矢量插画授课学时：43.1位图插画3.2矢量插画小结：课程安排合理，注意知识点的讲解作业和思考题：1、根据课堂内容进行练习2、熟悉基本工具的应用教学后记：主要以图例、视频讲解为主，举例讲解以及板书讲解,示范填表说明：1.每项页面大小可自行添减；2.课次为授课次序，填1n等；3.授课形式填理论课、实验课、讲评课、习题课等。第三章位图插画与矢量插画位图插画概念位图图像（bitmap）,亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像

14、素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。常用的位图处理软件是Photoshop。原理在红绿色盲体检时，工作人员会给你一个本子，在这个本子上有一些图像，而图像都是由一个个的点组成的，这和位图图像其实是差不多的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减小像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。分辨率处理位图时要着重考虑分辨率处理位图时，输出图像的

15、质量决定于处理过程开始时设置的分辨率高低。分辨率是一个笼统的术语，它指一个图像文件中包含的细节和信息的大小，以及输入、输出、或显示设备能够产生的细节程度。操作位图时，分辨率既会影响最后输出的质量也会影响文件的大小。矢量插画概念矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。矢量图也称为面向对象的图像或绘图图像，繁体版本上称之为向量图，是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形最大的优点是无

16、论放大、缩小或旋转等不会失真；最大的缺点是难以表现色彩层次丰富的逼真图像效果。VI矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、文字等设计。常用软件有：CorelDraw、Illustrator、Freehand、XARA、CAD等。特点矢量图可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。矢量图形可以自由、方便地填充色彩。矢量与位图的区别位图与矢量图比较图像组成 优点 缺点 常用制作工具类型缩放和旋转容易失点

17、阵只要有足够多的不同色彩的像素，就可以制作出Photoshop、画图像素真，同时文件容量图像色彩丰富的图象，逼真地表现自然界的景象等较大Illustrator、Fl矢量文件容量较小，在进行放大、缩小或旋转等操作不易制作色彩变化数学向量ash、CorelDraw图像时图象不会失真太多的图象等插画设计课程教案授课时间授课方式（请打）第周星期第节理论课讨论课实验课习题课其他课次课时安排44课时授课题目（教学章、节或主题）：第四章像素画教学目的、要求（分掌握、熟悉、了解三个层次）：了解像素画的基本概念掌握像素画的基本绘制方法教学重点及难点：重点及难点：像素画的基本绘制方法教学基本内容第四章像素画授课学

18、时：44.1基本概念4.2绘制技法小结：课程安排合理，注意知识点的讲解作业和思考题：1、根据课堂内容进行练习2、熟悉基本工具的应用教学后记：方法及手段主要以图例、视频讲解为主，举例讲解以及板书讲解,示范填表说明：1.每项页面大小可自行添减；2.课次为授课次序，填1n等；3.授课形式填理论课、实验课、讲评课、习题课等。第四章游戏角色设计概念我们这里说的像素画并不是和矢量图对应的点阵式图像，像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条，所以常常采用gif格式，同时它的造型比较卡通，得到很多朋友的喜爱。技法1、软件的选择很多人被应该

19、使用什么工具来制作像素画所困扰，其实选择什么样的软件，因各人的习惯而定，无论选择了什么软件，其制作像素画的流程还都是一样的。制作像素画的软件一般可分为两种类型，一种是用来制作 Icon图标的专用软件，比如Microangelo、Iconcool、Articons等等；另一种则是用来编辑位图的图像软件，比如：Photoshop、Fireworks、甚至Windons自带的画板工具。基本上只要具备铅笔工具的影像处理软件都可以画。Photoshop的功能上的优势：1)、画布大小可以随意设置（但是分辨率应保持在72dpi才可以体现真正的像素图的特点）；2)、各类工具的快捷键以及便捷的复制粘贴功能；3)

20、、网格、标尺、辅助线功能帮助正确定位；4)、强大的图层功能，可以方便绘画和修改；5)、历史记录功能等。2、如果在某些情况下需要比例放大图像，在调整图像大小的对话框内，有重定图像像素的选项，一定要选“临近(Nearest-Neighbor)”，并且放大尺寸一定要成倍数。3、要特别注意一定不要将Pixel图像缩小，不然会破坏图像原有的面貌。4、若是用在网页方面。GIF和PNG都是很合适的图像格式。要特别注意一定不要存成JPG，不但会破坏图像的原貌，图档也会变大。5、Pixel适用图像格式简介PNG文件格式、无失真：不象JPEG图像文件，在将图片保存成PNG格式时，图像不会丢失任何的颜色信息。、高压

21、缩率：PNG格式的文件甚至可以比GIF有更大的压缩率。、支持位透明：PNG支持alpher通道透明，alpher通道透明不同与Index索引颜色透明之处在于：Index索引颜色透明要么是完全透明，要么是完全不透明；而alpher通道透明颜色可以使同种颜色之中部分透明而其它部分不透明。D、支持真彩色：类似于JPEG图像格式，PNG可以处理上百万种的颜色。随着PNG文件格式的不断完善和普及，PNG图片将很快成为续GIF和JPEG之后的第三种主要的WEB图形格式。GIF格式该图形格式目前在Internet上被广泛地应用，原因主要是256种颜色已经较能满足主页图形需要，而且文件较小，适合网络环境传输和

22、使用。而且在浏览器中，gif图像是以渐渐清晰的效果显示的，所以它们能交错关联的使用，可以产生动态的效果。它的优点是：、gif支持色以内的图像，因此很容易在所有的web页面上显示，而不必考虑浏览器的色彩功能。、可用许多具有同样大小的图像文件组成动画。、交错关联的文件在下载过程中即可呈现图像内容。、由于使用颜色少、高效率的压缩，gif图像比tiff小。、无损压缩保持了原始图像的清晰度。、可以制作出背景透明的图像效果出来。它的缺点是：GIF仅支持256种或更少的颜色。二、像素插图的绘制规范1、基本线条正如组成汉字有基本的点、横、竖、撇、捺等笔划一样，在像素画中也有规范的笔划，我们称之为基本线条。每种

23、特定线条都是根据像素特有的属性排列而成，并且广泛运用于各类像素画的绘制中。很多人画像素画时总感觉边缘粗糙，主要就是由于线条使用不当造成的。如下图所示，规范的线条所绘制出来的像素画画面细腻、结构清晰；而非规范的线条使用时像素点“并排”“重叠”现象严重。下面我们一起来看看像素画中常用的几种线条。a、22.6度的斜线选取铅笔工具并选择1像素的笔刷，以两个像素的方式斜向排列，共分为双点横排、双点竖排两种排列方法。此类线条较常用于建筑的描绘，因此3D建筑的统一透视角度也为22.6度。b、30度的斜线选取铅笔工具并选择1像素的笔刷，以两个像素间隔一个像素的方式斜向排列，当竖向排列时则形成了60度的斜线，此

24、类线条使用较为灵活，经常与其它线条配合使用，以便完成一些特殊的造型。c、45度的斜线选取铅笔工具并选择1像素的笔刷，以一个像素的方式斜向排列，此类线条掌握比较简单，较常用于平面物体以及建筑斜面的绘制。d、直线选取铅笔工具并选择1像素的笔刷，同时按住Shift键，拖动鼠标就可准确的绘制出直线来。e、弧线因为弧度大小的关系，因此弧线画法有很多种。选取铅笔工具并选择1像素的笔刷，分别以像素3-2-1-2-3、4-2-2-4、5-1-1-5的弧型排列，其排列具有一定的规律性以及对称性，如图所示。此类线条较常用于人物头像、动物的绘制。一幅像素作品总是要一个个点出来，如果把常用的线条笔划以及基础图形定义成

25、笔刷，就可以大大的提高工作效率。f、线条正误对比：步骤一：在PHOTOSHOP里选取铅笔工具，把笔刷调成SquareBrushes.abr步骤二：选取最小的。画的时候可以放大到300%-400%下绘画，然后恢复100%看效果。正确一。错误一。正确二。RightWayTwo.错误二。要点：避免像素点之间的并排排列。g、线条总结线条一：单点线。LineOne:onepointline.线条二：双点线。LineTwo:twopointsline.线条三：三点双间线。LineThree:threepointswithtwopointsline.线条三：圆线。LineFour:circleline.线条

26、五：纵向双点线。LineFive:erect附加：自定义笔刷具体步骤如下：步骤一：新建一个文档，大小随意，解析度设置为72dpi以及RGB色彩模式，选择背景色为白色，前景色为黑色。步骤二：选取铅笔工具并选择1像素的笔刷，分别绘制线条或者基础图形。步骤三：绘制完一个线条或者一个基础图形之后，选择EditDefineBrush（编辑定义画笔），这时画面上你绘制的线条或者基础图形就会定义成一个新的画笔，画笔控制面板中也会出现。步骤四：当你自制完自己的所有个笔刷后，你可以把原有的笔刷一个个清除掉，然后点击画笔控制面板上的圆形小三角，选择“存储画笔”，这样一个完全属于你自制笔刷文档(.abr)就完成了。

27、你可以随时根据你的需要，“载入画笔”或者再增添新的笔刷。2、基本图形掌握了像素画基本线条的画法之后，我们来尝试基础图形的绘制。通过本章的学习，我们将初步了解到线条之间的组合规律。等边三角形选取铅笔工具并选择1像素的笔刷，绘制一条60度的斜线（图示红色部分）然后再绘制一条与之相对称的斜线，最后连接两条斜线，等边三角型就完成。如果把60度的斜线换成45度斜线的话，则能完成直角三角型的绘制。矩形众所周知四条直线就能构成一个矩形，但是在像素画中当矩形非水平位置时，画法就有所不同。选取铅笔工具并选择1像素的笔刷，以双点横线与双点竖线的画法构成矩形，如图所示。圆角选取铅笔工具并选择1像素的笔刷，任意画一个矩形，选择其中一个直角，在直角线内画弧线，最后删除多余的部分，完成圆角。弧线的弧度决定着圆角大小，弧线的弧度越大则圆角就越大。圆形在像素画中四分之圆弧直接决定着整个圆型的大小。选取铅笔工具并选择1像素的笔刷，使用画圆角的方法绘制一段弧线，把握好弧线的对称性，最后通过水平翻转和垂直翻转那短弧线组合成圆形。3、基础透视在像素画中如果只绘制单一角度的形态，始终是缺乏表现力的。如果要转变角度，那就涉及到透视的规律。 形体透视是根据光学和数学的原则，在平面上用线条来图示物体的空间位置、轮廓和光暗投影的科学。按照消失点的不同，分为平行透视(一个消失点)、成角透视(两个消失点)和斜透视(三个消失点