插画设计教案
教案（首页）
课程名称插画设计
课程编号
学分
050420202
2总计：32学时
类别
任课教师授课对象基本教材和主要参考资料
必修课（√）选修课（）理论课（√）实验课（√）
陈振宇职称讲师
级专业本科班
侯晓霞，祝虹主编，《动画插画》，湖北美术出版社
讲课：12学时
实验：0学时
上机：20学时
教学目的要求
《插画设计》是动画专业的重要专业课程，通过学习能系统地掌握插画的基本理论和相关知识，了解当代插图的理念以及插画的绘制方法，从而为进行动画创作打下结实的基础。
本门课程由浅入深的、系统的培养学生的思维和创造能力，通过阶段性的学习、交流、创作活动使学生基本能够达到具有一定的图形表达和设计能力，以丰富的设计表现语言表达各类不同的设计效果，更好的为专业设计服务。
教学
重点：插画设计的技法训练重点
难点：多种技法混合使用难点
插画设计课程教案
授课时间授课方式（请打√）第周星期第节
理论课?讨论课□实验课?习题课□其他□
课次
课时
安排
1
4课时
授课题目（教学章、节或主题）：
第一章插画的概念及历史演变
教学目的、要求（分掌握、熟悉、了解三个层次）：了解插画的历史
熟悉插画的特点
教学重点及难点：
重点：插画的特点难点：插画发展史与概况
教学基本内容第一章插画的概念及历史演变
授课学时：4
1.1插画的概况
1.2插画的特点
1.3插画的规则与技术环境
小结：
课程安排合理，注意知识点的讲解
作业和思考题：
1、根据课堂内容进行练习
2、熟悉基本工具的应用
教学后记：
方法及手段
主要以图例、视频讲解为主，
举例讲解以及板书讲解,示范
填表说明：1.每项页面大小可自行添减；
2.课次为授课次序，填1～n等；
3.授课形式填理论课、实验课、讲评课、习题课等。
(
第一章 插画的概念及历史演变
插画的定义
《辞海》对“插画”的解释是：“指插附在书刊中的图画。有的印在正文中间，有的用插页方式，
对正文内容起补充说明或艺术欣赏作用。”这种解释主要是针对书籍插图作为的定义，是一种狭义的
定义。
由于情报时代的来临，现代社会的发展，现代插画的含义已从过去狭义的概念 只限于画和图)变
为广义的概念，“插画”就是我们平常所看的报纸、杂志、各种刊物或儿童图画书里，在文字间所加
插的图画，统统称为“插画”。插画，在拉丁文的字义里，原是“照亮”的意思。望文思义，它原来
是用以增加刊物中文字所给予的趣味性，使文字部份能更生动、更具象地活跃在读者的心中。而在现
今各种出版品中，插画的重要性，早已远远地超过这个“照亮文字”的陪衬地位。它不但能突出主题
的思想，而且还会增强艺术的感染力。
插画是一种艺术形式，作为现代设计的一种重要的视觉传达形式，以其直观的形象性，真实的生
活感和美的感染力，在现代设计中占有特定的地位，已广泛用于现代设计的多个领域，涉及到文化活
动、社会公共事业、商业活动、影视文化等方面。
插画的历史演变
插画艺术的发展，有着悠久的历史。对你我看似平凡简单的插画，却是有很大的内涵。从世界最
古老的插画洞窟壁画到日本江户时代的民间版画浮世绘，无一不演示着插画的发展。插画最先是在十
九世纪初随着报刊、图书的变迁发展起来的。而它真正的黄金时代则是本世纪五六十年代首先从美国
开始的，当时刚从美术作品中分离出来的插图明显带有绘画色彩，而从事插图的作者也多半是职业画
家，以后又受到抽象表现主义画派的影响，从具象转变为抽象。直到 70 年代，插画又重新回到了写
实风格。 [中国早期插画形式]
中国最早的插画是以版画形式出现的，是随佛教文化的传入，为宣传教义而在经书中用“变相”
图解经文。目前史料记载我国最早的版画作品，唐肃宗时刊行的《陀罗尼经咒图》。刊记确切年代的
则是唐懿宗咸通九年(868 年)的《金刚般若经》中的扉页画。到了宋、金、元时期书籍插画有了长足
的进步。应用范围扩大到医药书、历史地理书、考古图录书、日用百科书等书籍中，并出现了彩色套
印插画。明清时期，可以说古代插画艺术大发展时期，全国各地都有刻书行业。不同的地域形成了不
同的风格。
插画设计课程教案
授课时间授课方式（请打√）第周星期第节
理论课?讨论课□实验课?习题课□其他□
课次
课时
安排
2
4课时
授课题目（教学章、节或主题）：
第二章插画创作基础
教学目的、要求（分掌握、熟悉、了解三个层次）：
了解插图的创作平台与工具
掌握插图的基本构图方式
教学重点及难点：
重点：插图的构图方法难点：插图的构图方法
教学基本内容方法及手段
第二章插画创作基础
授课学时：4
2.1插画的构图
2.2插画的空间与形式
2.3插画的色彩
2.4插画的创作平台与工具介绍小结：
课程安排合理，注意知识点的讲解
作业和思考题：
1、根据课堂内容进行练习
2、熟悉基本工具的应用
教学后记：主要以图例、视频讲解为主，
举例讲解以及板书讲解,示范
填表说明：1.每项页面大小可自行添减；
2.课次为授课次序，填1～n等；
3.授课形式填理论课、实验课、讲评课、习题课等。
第二章插画创作基础
插画的构图
插画是一种传统的艺术表现形式,特别是随着我国动漫产业的发展,插画艺术越来越受到人们的关注和喜爱.国内外有着大量优秀的插画绘本作品,每位插画家对构图都有着不同的心得体会,都有着多样的构图方式.他们所绘制的插画风格迥异,题材广泛,特别是构图方法值得我们深入学习研究.本文通过研究插画绘制中的构图表现,分析插画名家作品,从而提高对构图的认知,加强对画面整体的把握能力,学会用准确的构图语言来表达出所包含的内容和情绪,并在创作中寻求和谐的构图关系,提高作品的艺术性和观赏性.
插画的构图形式
A中心式B环绕式C对称式D均衡式E堆叠式F平铺式
A中心式
主要表现对象位于画面的中心区域。常用来表现较单一的对象。表现多个对象时，则中心区域的对象成为重点。
B环绕式
表现对象在画面中呈环型排布，或次要对象呈环绕状围绕表现主体。
既可用来表现多个对象，也可用来突出被围绕的主体。
C对称式
表现对象在画面中呈现为接近对称的样子或排列方式。
D均衡式
不同表现对象在画面中呈一左一右、一上一下排布，在画面形成来自两侧或两角的张力，使画面形成视觉均衡。但画面两侧的表现对象在体量上、色彩层次上往往并不相等，具有对照的趣味。
E堆叠式
表现对象在画面中突破固有的空间关系，呈堆叠形式排布。削弱空间纵深的堆叠可用于具有装饰感的画面。堆叠手法也常用在需要表现多个对象的作品中，例如展现群体人物的海报。
F平铺式
表现对象在画面中不突出体现主次关系或空间关系，呈逐个铺陈形式排布。
色彩的运用
（一）色彩的分类
人们视觉感受到的色彩非常丰富，按种类分为原色、间色和复色。原色，即色彩中不能再分解的基本色称为原色；间色，由两个原色混合得间色；复色，颜料的两个间色或一种原色和其对应的间色（红与绿、黄与紫、蓝与橙）相混合得复色，亦称第三次色。但就色彩的系别而言，则可分为有彩色系和无彩色系两大类。前者指包括在可见光谱中的全部色彩，它以红、橙、黄、绿、蓝、紫等为基本色；后者指由黑色、白色及黑白两色相融而成的各种深浅不同的灰色系列。
（二）色彩的基础知识
1.色彩三要素。即色相、色度和色性。色相即色彩的“相貌”，各种颜色，呈现出各种不同的“相貌”，便叫“色相”。如红、橙、黄、绿等，它是色彩显而易见的最大特征。色度指色彩的明度和纯度前者指颜色的明暗、深浅程度，指色彩的素描因素；纯度，是指一个颜色色素的纯净和浑浊的程度，也就是色彩的饱和度。色性即色彩具有的冷暖倾向性，这种冷暖倾向是出于人的心理感觉和感情联想。
2.色彩的对比与调合。色彩的配合既要有对比，又要有调合，只有调配得当，才能给人以美感。“对比”与“调合”是画面上处理色彩常用的手法，“对比”给人以强烈的感觉；“调合”则给人以协调统一的感觉。
3.色彩的搭配和过渡
色彩搭配与过渡要遵循以下四条原理：色彩的鲜明性，色彩要鲜艳，容易引人注目；色彩的独特性，要与众不同，给人留下强烈的印象；色彩的合适性，色彩和你表达的内容气氛相适合；色彩的联想性，不同色彩会产生不同的联想，选择色彩要和你表达的内容相关联。
4.色彩心理学
色彩心理学是十分重要的学科，在自然欣赏、社会活动方面，色彩在客观上是对人们的一种刺激和象征；在主观上又是一种反应与行为。色彩对人们的心理影响很大，它可以产生不同的感觉，它可以引发情绪、产生联想。这是由于人们对事物的感受往往产生联想，对色彩也就引发了情感。色彩对人们的心理感受的影响，是由于人们的生活经历、性格、年龄、性别、职业、爱好、风俗习惯、宗教信仰、社会意识等都不尽相同而形成的，不同的心理感觉也就引发了不同的联想个情感。
插画设计课程教案
授课时间授课方式（请打√）第周星期第节
理论课?讨论课□实验课?习题课□其他□
课次
课时
安排
3
4课时
授课题目（教学章、节或主题）：
第三章位图插画与矢量插画
教学目的、要求（分掌握、熟悉、了解三个层次）：
了解位图与矢量插图的区别
掌握矢量插图的绘制方法
教学重点及难点：
重点：矢量插图的基本绘制方法难点：新软件的使用
教学基本内容方法及手段
第三章位图插画与矢量插画
授课学时：4
3.1位图插画
3.2矢量插画
小结：
课程安排合理，注意知识点的讲解
作业和思考题：
1、根据课堂内容进行练习
2、熟悉基本工具的应用
教学后记：主要以图例、视频讲解为主，
举例讲解以及板书讲解,示范
填表说明：1.每项页面大小可自行添减；
2.课次为授课次序，填1～n等；
3.授课形式填理论课、实验课、讲评课、习题课等。
第三章位图插画与矢量插画
位图插画
概念
位图图像（bitmap）,亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。常用的位图处理软件是Photoshop。
原理
在红绿色盲体检时，工作人员会给你一个本子，在这个本子上有一些图像，而图像都是由一个个的点组成的，这和位图图像其实是差不多的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图
尺寸也会使原图变形，因为此举是通过减小像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。
分辨率
处理位图时要着重考虑分辨率
处理位图时，输出图像的质量决定于处理过程开始时设置的分辨率高低。分辨率是一个笼统的
术语，它指一个图像文件中包含的细节和信息的大小，以及输入、输出、或显示设备能够产生的细节程度。操作位图时，分辨率既会影响最后输出的质量也会影响文件的大小。
VI
矢量插画
概念
矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线
等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，
由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。
矢量图也称为面向对象的图像或绘图图像，繁体版本上称之为向量图，是计算机图形学中用点、
直线或者多边形等基于数学方程的几何图元表示图像。矢量图形最大的优点是无论放大、缩小或旋
转等不会失真；最大的缺点是难以表现色彩层次丰富的逼真图像效果。
矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、 、文字
等设计。常用软件有：CorelDraw 、Illustrator 、Freehand 、XARA 、CAD 等。
特点
矢量图可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例
中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建
和操作单个对象。基于矢量的绘图同分辨率无关。
矢量图形可以自由、方便地填充色彩。
矢量与位图的区别
位图与矢量图比较
图像
组成优点缺点常用制作工具
类型
缩放和旋转容易失
点阵只要有足够多的不同色彩的像素，就可以制作出Photoshop、画图像素真，同时文件容量
图像色彩丰富的图象，逼真地表现自然界的景象等
较大
Illustrator、Fl 矢量文件容量较小，在进行放大、缩小或旋转等操作不易制作色彩变化
数学向量ash、CorelDraw 图像时图象不会失真太多的图象
等
插画设计课程教案
授课时间授课方式（请打√）第周星期第节
理论课?讨论课□实验课?习题课□其他□
课次
课时
安排
4
4课时
授课题目（教学章、节或主题）：
第四章像素画
教学目的、要求（分掌握、熟悉、了解三个层次）：了解像素画的基本概念
掌握像素画的基本绘制方法
教学重点及难点：
重点及难点：像素画的基本绘制方法
教学基本内容第四章像素画
授课学时：4
4.1基本概念
4.2绘制技法
小结：
课程安排合理，注意知识点的讲解
作业和思考题：
1、根据课堂内容进行练习
2、熟悉基本工具的应用
教学后记：
方法及手段
主要以图例、视频讲解为主，
举例讲解以及板书讲解,示范
填表说明：1.每项页面大小可自行添减；
2.课次为授课次序，填1～n等；
3.授课形式填理论课、实验课、讲评课、习题课等。
第四章游戏角色设计
概念
我们这里说的像素画并不是和矢量图对应的点阵式图像，像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条，所以常常采用gif格式，同时它的造型比较卡通，得到很多朋友的喜爱。
技法
1、软件的选择
很多人被应该使用什么工具来制作像素画所困扰，其实选择什么样的软件，因各人的习惯而定，无论选择了什么软件，其制作像素画的流程还都是一样的。
制作像素画的软件一般可分为两种类型，一种是用来制作Icon图标的专用软件，比如Microangelo、Iconcool、A rticons等等；另一种则是用来编辑位图的图像软件，比如：
Photoshop、Fireworks、甚至Windons自带的画板工具。基本上只要具备铅笔工具的影像处理软件都可以画。
Photoshop的功能上的优势：
1)、画布大小可以随意设置（但是分辨率应保持在72dpi才可以体现真正的像素图的特点）；
2)、各类工具的快捷键以及便捷的复制粘贴功能；
3)、网格、标尺、辅助线功能帮助正确定位；
4)、强大的图层功能，可以方便绘画和修改；
5)、历史记录功能等。
2、如果在某些情况下需要比例放大图像，在调整图像大小的对话框内，有重定图像像素的选项，
一定要选“临近(Nearest-Neighbor)”，并且放大尺寸一定要成倍数。
3、要特别注意一定不要将Pixel图像缩小，不然会破坏图像原有的面貌。
4、若是用在网页方面。GIF和PNG都是很合适的图像格式。要特别注意一定不要存成JPG，不
但会破坏图像的原貌，图档也会变大。
5、Pixel适用图像格式简介
PNG文件格式
Ａ、无失真：不象JPEG图像文件，在将图片保存成PNG格式时，图像不会丢失任何的颜色信息。
Ｂ、高压缩率：PNG格式的文件甚至可以比GIF有更大的压缩率。
Ｃ、支持位透明：PNG支持alpher通道透明，alpher通道透明不同与Index索引颜色透明之处在于：Index索引颜色透明要么是完全透明，要么是完全不透明；而a lpher通道透明颜色可以使同种颜色之中部分透明而其它部分不透明。
D、支持真彩色：类似于JPEG图像格式，PNG可以处理上百万种的颜色。
随着PNG文件格式的不断完善和普及，PNG图片将很快成为续GIF和JPEG之后的第三种主要的WEB图形格式。
GIF格式
该图形格式目前在Internet上被广泛地应用，原因主要是256种颜色已经较能满足主页图形需要，而且文件较小，适合网络环境传输和使用。而且在浏览器中，gif图像是以渐渐清晰的效果显示的，所以它们能交错关联的使用，可以产生动态的效果。
它的优点是：
Ａ、gif支持２５６色以内的图像，因此很容易在所有的web页面上显示，而不必考虑浏览器的色彩功能。
Ｂ、可用许多具有同样大小的图像文件组成动画。
Ｃ、交错关联的文件在下载过程中即可呈现图像内容。
Ｄ、由于使用颜色少、高效率的压缩，gif图像比tiff小。
Ｅ、无损压缩保持了原始图像的清晰度。
Ｆ、可以制作出背景透明的图像效果出来。
它的缺点是：
GIF仅支持256种或更少的颜色。
二、像素插图的绘制规范
1、基本线条
正如组成汉字有基本的点、横、竖、撇、捺等笔划一样，在像素画中也有规范的笔划，我们称之为基本线条。每种特定线条都是根据像素特有的属性排列而成，并且广泛运用于各类像素画的绘制中。很多人画像素画时总感觉边缘粗糙，主要就是由于线条使用不当造成的。
如下图所示，规范的线条所绘制出来的像素画画面细腻、结构清晰；而非规范的线条使用时像素点“并排”“重叠”现象严重。
下面我们一起来看看像素画中常用的几种线条。
a、22.6度的斜线
选取铅笔工具并选择1像素的笔刷，以两个像素的方式斜向排列，共分为双点横排、双点竖排两种排列方法。此类线条较常用于建筑的描绘，因此3D建筑的统一透视角度也为22.6度。
b、30度的斜线
选取铅笔工具并选择1像素的笔刷，以两个像素间隔一个像素的方式斜向排列，当竖向排列时则形成了60度的斜线，此类线条使用较为灵活，经常与其它线条配合使用，以便完成一些特殊的造型。
c、45度的斜线
选取铅笔工具并选择1像素的笔刷，以一个像素的方式斜向排列，此类线条掌握比较简单，较常用于平面物体以及建筑斜面的绘制。
d、直线
选取铅笔工具并选择1像素的笔刷，同时按住Shift键，拖动鼠标就可准确的绘制出直线来。
e、弧线
因为弧度大小的关系，因此弧线画法有很多种。选取铅笔工具并选择1像素的笔刷，分别以像素3-2-1-2-3、4-2-2-4、5-1-1-5的弧型排列，其排列具有一定的规律性以及对称性，如图所示。此类线条较常用于人物头像、动物的绘制。
一幅像素作品总是要一个个点出来，如果把常用的线条笔划以及基础图形定义成笔刷，就可以大大的提高工作效率。
f、线条正误对比：
步骤一：在PHOTOSHOP里选取铅笔工具，把笔刷调成
[Square Brushes.abr]
步骤二：选取最小的。画的时候可以放大到300%--400%
下绘画，然后恢复100%看效果。
正确一。
错误一。
正确二。
Right Way Two.
错误二。
要点：避免像素点之间的并排排列。
g、线条总结
线条一：单点线。
Line One:one point line.