1、书 书 书书 书 书总 主 编?李晓明副总主编?赵?健本册主编?徐迎庆本册副主编?王长波?邱?楠编写人员?按姓氏笔画排序? ?王长波?申大山?邱?楠?金?琼?徐迎庆?曹云霞?谭洪政责任编辑?平?萍美术设计?储?平普通高中教科书?信息技术?选择性必修? ?三维设计与创意上海市中小学?幼儿园?课程改革委员会组织编写出版发行?华东师范大学出版社?上海市中山北路? ? ? ?号?印?刷?上海华顿书刊印刷有限公司版?次? ? ? ? ?年?月第?版印?次? ? ? ? ?年?月第?次开?本? ? ? ?毫米? ? ? ? ?毫米? ? ?印?张? ? ? ? ?字?数? ? ? ?千字书?号? ? ?
2、? ? ? ? ? ? ? ? ? ? ? ? ? ?定?价? ? ? ? ?元版权所有?未经许可不得采用任何方式擅自复制或使用本产品任何部分?违者必究如发现内容质量问题?请拨打电话? ? ? ? ? ? ? ? ? ? ?如发现印?装质量问题?影响阅读?请与华东师范大学出版社联系?电话? ? ? ? ? ? ? ? ? ? ?全国物价举报电话? ? ? ? ?声明?按照?中华人民共和国著作权法?第二十五条有关规定?我们已尽量寻找著作权人支付报酬?著作权人如有关于支付报酬事宜可及时与出版社联系?本册教材图片提供信息?本册教材中的部分图片由全景网?视觉中国等图片网站提供?致同学们致同学们亲爱的同
3、学们?计算机图形学主要研究如何在计算机中设计和生成图形?以及利用计算机进行图形的计算?处理和显示的相关原理与算法?随着信息技术的飞速发展?作为计算机图形学重要组成部分的三维图形设计和动画设计?在影视特技?产品设计?虚拟现实与增强现实?科学数据可视化?电子游戏?艺术创作等领域中的应用日趋普及?并且起到了极其重要的作用?三维设计与创意?是高中信息技术学科选择性必修课程中的一个模块?依据?普通高中信息技术课程标准? ? ? ?年版? ? ?本模块包括?二维设计与创意?三维建模与数字化发布?虚拟现实与增强现实?综合创意设计四个主要部分?在本课程的学习过程中?同学们将通过项目实践?循序渐进地学习三维设计
4、与创意的基本方法?并分别利用二维和三维设计软件开展设计创作以及文化遗产数字化的应用设计?通过本课程的学习?同学们能够理解基于数字技术进行三维图形和动画设计的基本思想与方法?能够结合学习与生活的实例?设计并发布三维作品?体验利用数字技术进行三维创意设计的基本过程与方法?三维图形与动画设计在同学们未来的学习与工作中有着重要的应用并会产生深远的影响?希望大家通过本课程的学习?能够掌握相关的理论与方法?在创意设计的实践中不断进步?编者?目录目录第一章二维设计与创意?. 1项目主题玩转七巧板. 3第一节二维设计基本认识. 4第二节二维设计创意实践. 10第三节二维动画及游戏制作. 20第二章三维建模与数
5、字化发布?. 31项目主题重现滕王阁. 33第一节三维建模基本思路. 34第二节三维建模创意实践. 39?三维设计与创意第三节三维建模项目实践. 46第四节三维数字动画发布. 52第三章虚拟现实与增强现实?. 59项目主题漫游西游场景. 61第一节虚拟现实技术. 62第二节增强现实技术. 77第三节虚实结合创意设计技术. 86?目录第四章综合创意设计?. 93项目主题开放性创意设计. 95第一节创意设计方法. 96第二节创意设计实践和评价. 100后记?. 105?书 书 书第 一 章二维设计与创意本章学习目标?理解二维创意设计的概念和表达方式? 以及数字图像的原理?依据创意设计原理? 掌握二
6、维创意设计的方法?学会绘制基本图形? 完成简单动画的制作?了解动画制作流程? 能根据给定的情境设计二维动画?三维设计与创意二维设计是以二维空间为载体的设计活动, 涵盖的范围非常广泛, 包括海报设计、 书籍设计、广告设计、 字体设计、 商标设计和二维动画设计等等, 是基于创意原理和原则, 利用文字、 图形、 影像、 图案和色彩等元素将创意符号化和视觉化, 形成一种传达思想和信息的符号系统的过程。二维设计同时也是基于科技与艺术融合、 理性与感性碰撞的综合艺术过程。设计者通过不断深入地感受和体验, 运用艺术创意手段, 经过精心思考, 将相关元素进行创造性的组合设计, 于头脑中形成构思灵感。在对设计要
7、求和设计主题了解的基础上, 构思最终形成的意象取决于设计者的个人体验、 艺术修养和审美趣味等因素。因此, 通过二维设计, 同学们不仅可以自由表达自己的思想和创意, 还可以激发想象力, 提升创新能力, 为后续章节三维设计与创意的学习打下坚实的基础。本章围绕“ 玩转七巧板” 项目展开, 通过一系列的探究活动, 理解二维设计的概念、 表达方式、 创意原理和原则; 通过体验利用二维设计软件制作创意七巧板海报, 掌握二维设计的操作技巧和方法步骤; 通过学习编辑矢量图形和制作二维交互式动画, 深入探究二维动画设计的制作思路与方法。本章知识结构444*#4C4+4+3F4+=D4+)4D4*#4*/4D$J
8、-FAM74*E7=.2D(1)A5E72华东师范大学出版社第一章二维设计与创意项目主题玩转七巧板项目情境皮影戏、 七巧板、 华容道、 九连环这些富含古人智慧的玩具使得彩色童年更加缤纷, 在玩耍过程中也丰富了想象。时过境迁, 我们身边的玩具种类越来越丰富, 但也发现经典的游戏逐渐被遗忘, 如何将经典“ 复活” 是摆在新时代同学们面前的历史使命。二维平面与三维空间构成了我们常见的世界, 而创意设计点缀其中使得单薄的世界更加精彩。本章主题围绕二维平面创意设计展开, 以经典玩具七巧板为例开展创意设计。项目任务任务 1任务 2任务 3 基于二维设计的基本认识及数字化技术手段, 完成以七巧板为素材的古诗
9、词创意海报设计, 深入理解二维 设 计 基 本 原 理 和方法。 了解并掌握二维互动设计软件的使用,了解动画的制作原理并设计制作出构思精良、 画面精美、 独一无二的二维动画。 游戏设计与制作。设计开发一款界面友好、 吸引人的小游戏,呈现出中国传统文化元素。3 华东师范大学出版社三维设计与创意第一节二维设计基本认识也许同学们并没有意识到, 在现实生活中, 几乎每天人们都在接触与感受着二维设计, 比如逛街、 阅报、 品书、 上网, 人们随时都被围拥在“ 二维设计” 之中。当你翻开一本精美的杂志, 即使对其中的文字内容没有什么兴趣, 但其明快的版式、 跳跃的色彩也能吸引住你。这就是二维设计的魅力,
10、它能把一个概念、 一种思想通过精美的构图、 版式和色彩, 传达给观看者。人们在不自觉地感知和品味的同时, 也随之作出了选择和判断。体验思考随着人们对视觉感受程度要求的不断提高, 二维设计技术在我国得到了不断的发展, 设计理念越来越丰富, 二维设计越来越注重人性化和生态化。在二维设计中, 文字、 图形、 影像、 图案、 色彩等是二维设计的重要组成部分, 对这些要素的掌握至关重要。此外, 若想设计出理想的作品, 则还需要利用观察、 联想等手段在设计及创意过程中充分发挥想象力, 以便设计理念可以使观看者产生共鸣, 达到理想的信息传达效果。思考： 1 . 文字、 图形、 影像、 图案、 色彩在二维设计
11、中有什么作用?2 . 观察、 联想、 想象对于创意有什么影响?一、 二维设计的概念和表达方式1 . 二维设计的概念二维设计, 也称平面设计、 视觉传达设计, 以“ 视觉” 作为沟通和表现的方式。二维设计是将创意符号化、 视觉化的过程, 设计者将视觉元素按照自己的设计思路进行选择、 变化、 替换、 重新组合, 将视觉元素进行一定的编码、 关联, 使它们形成一种传达想法或信息的符号系统。二维设计是一种主要的设计手段, 所有二维空间中的设计活动都基本属于二维设计的内容。例如, 包装设计、 广告设计、 标志设计、 企业形象设计、 字体设计、 出版物的装帧设计等, 都属于常见的二维设计。4华东师范大学出
12、版社第一章二维设计与创意2 . 二维设计的表达方式二维设计, 就是在二维平面上, 由设计师把所要表达的信息, 在符合视觉逻辑、 视觉美感的基础上进行编排。其中编排的方式在很大程度上决定了二维设计的质量和效果。在二维设计中, 表达方式和形式内容是多种多样的。图 1 . 1 文字与二维设计（1 ） 文字表达方式文字是人类文化的重要组成部分, 是记录语言信息的视觉符号, 同时也是人们表达思想感情的图画形式。文字的不同排列与组合, 直接影响二维设计的视觉传达效果。因此, 可以充分利用文字的排列与组合的创意理念提高作品的诉求力, 赋予二维设计审美价值。如图1 . 1所示, 在二维设计中, 文字的可读性及
13、视觉美感是至关重要的两个方面。 文字的可读性文字的主要功能是在视觉传达中向观看者传达作者的意图和各种信息, 要达到这一目的必须考虑文字设计的整体效果以给人清晰的视觉印象。因此, 设计中的文字应避免繁杂零乱, 应使人易认、 易懂。 文字的视觉美感在视觉传达过程中, 文字作为画面的形象要素具有传达情感的效能, 因而必须具有视觉上的美感。字型设计良好、 组合巧妙的文字能使人感到愉快, 给人留下美好的印象, 从而获得良好的心理反应。图 1 . 2 图形与二维设计（2 ） 图形表达方式图形是二维设计的重要组成部分, 在二维设计画面中具有强烈的视觉冲击力。此外, 图形给人们思想的冲击也大大超过了文字, 如
14、图1 . 2所示。因此, 一个设计作品能否打动人, 图形设计的成败是关键。二维设计中的图形可分为两大类: 直接表现图形和间接表现图形。 直接表现图形直接表现图形主要表现对象的外观形象, 具有鲜明准确、 快速传递信息的优势, 多用在受众注目时间较短暂的媒体上, 起到声明与提醒记忆的作用。 间接表现图形间接表现图形指根据设计的主题要求, 选择有利于受众理解的具5 华东师范大学出版社三维设计与创意有创意表现性的图形。这类图形根据设计需要可以是抽象的形色组合, 也可以是具体图形, 能让受众通过自己的理解产生共鸣, 具有较好的感染力、 说服力和震撼力。图 1 . 3 影像与二维设计（3 ） 影像表达方式
15、“ 影像” 一词来源于摄影术语, 即摄影曝光、 显影后留下的静态二维图像。在现代社会的传媒领域, 影像信息已经成为二维设计表达的主要形式, 如图1 . 3所示。据资料调查统计,9 0 %以上的二维设计作品都包含影像成分。在二维设计中, 影像表达方式有以下几种: 纯影像表达方式, 图文并茂表达方式, 多图组合表达方式。 纯影像表达方式在影像表达中, 二维设计作品由一张完整的摄影图像构成, 把整张图像作为一幅设计作品。纯影像表达方式多应用于海报的作品设计中。 图文并茂表达方式影像作品与设计图形相结合, 两者所占比重相当, 拼贴组合在一幅作品中, 共同表达设计者的设计思想。 多图组合表达方式多个影像
16、与图形在一起交织组合, 影像浮于图形上或者图形浮于影像上。在二维设计中, 编排组合图形与影像, 可以进一步表达设计者的设计思想。（4 ） 图案表达方式二维设计中的图案设计分为两大类: 具象图案设计和抽象图案设计。 具象图案设计具象图案设计包含植物、 动物和人物等素材, 其特点是将具体形态通过重新加工、 组织, 形成适合实际需要的图案形象。值得一提的是, 由于现代数码技术、 电子技术日益成熟, 二维设计中出现了一些将图 1 . 4 图案与二维设计图片影像与传统描绘相结合的图案设计作品, 并且在时尚、出版行业应用广泛。 抽象图案设计抽象图案设计是相对于以植物、 动物、 人物等具体形态作为图案素材的
17、一种设计。抽象图案包括点、 线、 面等形态抽象、 肌理抽象以及接近绘画的自由抽象等, 但它们没有严格的界限, 可以根据构思混合进行, 也可以结合具象的图案进行设计, 如图1 . 4所示。6华东师范大学出版社第一章二维设计与创意图 1 . 5 色彩与二维设计（5 ） 色彩表达方式色彩表达是二维设计作品中的灵魂, 其美感能给人精神上的享受, 如图1 . 5所示。色彩在二维设计中还可以传播一定的信息。色彩效果以对比的方式体现出其性质并相互增强与减弱。在两种相对的状态之间可以看出明显的色彩效果不同时, 称之为色彩对比。当这种不同达到最大程度时, 就产生了强烈的对比, 例如深浅、 大小、 黑白、 冷暖等
18、。在二维设计的色彩表达中, 对色彩对比手段的应用有着现实意义, 从某种意义上来说, 它构成了二维设计表达的基本手段。色彩对比有以下几种类型: 色相对比、 明度对比、 冷暖对比、 补色对比、 色度对比等。二、 二维设计的创意方法1 . 二维设计的创意原理创意是设计的灵魂, 好的创意能唤起大众的共鸣。因此, 掌握和理清创意思维复杂过程中的一般规律、 捕捉灵感的火花, 从各种联想中去发现和启迪创造思维, 寻求更深远、 更有意义的新概念, 对于开阔设计思路有极大的帮助。图 1 . 6 创意概述（1 ） 创意概述创意就是创造新意, 是寻求新颖、 奇妙、 独特的某种构思、 主意和意念。通俗地说, 就是对某
19、一主题表现的奇特想法, 如图1 . 6所示。创意的本质是改变, 威力巨大的创意就成了颠覆。创意首先是发现, 创意需具备的前提是“ 批判性思维” , 但“ 批判性思维” 并不等于创意, 创意需要“ 批判性思维” 及挑战的精神, 创意也同样需要悟性。（2 ） 创意与观察观察在心理学上属于一种“ 有意的注意” , 是积极的思维活动。观察是分析、 研究、 判断、 想象和艺术创造的依据和前奏。要具备“ 设计的眼睛” , 可以说, 没有观察就不可能有创意活动的发生。7 华东师范大学出版社三维设计与创意 （3 ） 创意与联想创意离不开联想, 联想是创意的原动力和源泉。联想, 就是由当前感知的事物回忆起有关的
20、另一事物, 或由想起的一件事又想起另一件事。许多事物之间存在着不同程度的共性, 人们对其也存在着某种认识上的关联性。人们不但可以由事物的接近点、 相似点产生联想, 也可以由事物的相反点、 对立点产生联想。二维设计运用各种手法激发有益的联图 1 . 7 创意与想象想, 能加剧视觉刺激的深度和广度, 这是二维设计中有意识地增强设计效果的重要手段。（4 ） 创意与想象想象是人们进行发明创造所必备的心理品质。通过想象才能运用感知的素材( 形象、 色彩、 纹理结构) 进行创造。任何一件设计作品的构思意图都是在想象的基础上产生的, 如图1 . 7所示。人们通过想象, 可以理解事物,创造发明, 构造现实中所
21、不存在的形象, 形成新颖奇妙的创意。2 . 二维设计的创意方法二维设计致力于以图形语言进行视觉沟通, 集中体现了一种对即时视觉效应的追求, 以图形刺激观看者的直觉, 使其感受设计的意义与旨趣。而设计者则为此苦心孤诣地营造图形世界, 其内容与形式的丰富性自然不言而喻。图形创意是以传播信息为目的, 以标新立异为主导, 以新颖的设计、 独特的意念和不同寻常的表现方式为宗旨, 从而达到引人注目、 新鲜奇妙、 生动而有感染力的视觉效果。缺乏新意和创造性的图形难以留存于生活在快节奏中的现代人的视线里。图 1 . 8 通过分析组合产生新图形（1 ） 图形创意的基本原则首先, 要以敏锐的目光捕捉准确的信息。其
22、次, 要打破常规的思维习惯。再次, 迭代反复。（2 ） 创意产生新图形的方法 组合或拼接。将形象和意义方面不同的事物进行分析研究, 从中找到相关的联系, 组合在一起, 形成新的视觉形象, 创造出一种出乎意料又符合情理的图形, 如图1 . 8所示。8华东师范大学出版社第一章二维设计与创意图 1 . 9 通过变换产生新图形 变换角度和位置。将形象和意义方面具有相似性的事物进行变换, 或将物体原形进行整体或局部的变换、 反转, 产生一种富有新奇感的图形, 吸引人们的注意力, 如图1 . 9所示。图 1 . 1 0 扩大、 缩小的图形创意结果 扩大或缩小。运用各种独特手段, 把图形进行扩大或缩小, 形
23、成一种强烈的对比, 产生令人吃惊或夸张的效果, 如图1 . 1 0所示。 象征和寓意。新图形在传达信息时, 要有一定的诱导性, 利用象征和寓意方法, 造成一种令人回味无穷的效果, 并营造一种情境, 让人们去联想和想象。作业练习1. 小组讨论所学的二维设计表达方式的特点, 尝试提出新的创意表达方式。2. 结合本节所学内容, 请为你所在学校本学期的一个活动设计主题徽标。9 华东师范大学出版社三维设计与创意第二节二维设计创意实践二维设计通过多种方式来创造和组织符号、 图片和文字, 以此完成信息的视觉表达。二维设计的用途非常广泛, 例如品牌标识、 出版物( 杂志、 报纸和书籍) 、 广告、 海报、 网
24、站设计和产品包装等等。体验思考由于二维创意设计要运用视觉元素来传达设计者的思想, 用文字和图形把信息传达给受众, 并让人们愿意和易于接受, 且二维创意设计不仅涉及多种元素的运用, 还涉及不同的表现手法和技巧的应用, 因此二维创意设计者必须具备综合知识和相关技能, 才能正确理解和把握所要设计对象的本质特征, 选取适宜的视觉元素, 运用恰当的表现技巧, 高效地把信息传递给受众。请思考或尝试：1 . 如何通过二维设计更好地沟通和表达?2 . 剖析、 模仿七巧板二维创意设计的样例, 实现自己的创意公益海报设计。一、 探究数字图像基本原理图 1 . 1 1 七巧板图 1 . 1 2 放大后的七巧板局部计
25、算机图形、 图像主要分为两类, 一类是位图图像, 另一类是矢量图形。位图图像也称为栅格图像, 它是由像素(p i x e l) 组成的。利用显示工具软件, 打开一幅数字图像并连续放大到一定程度, 画面中会出现很多小方块, 它们便是像素。图1 . 1 1和图1 . 1 2为七巧板原图和放大后的局部图。像素是构成位图图像最基本的元素。每一个像素都有自己的坐标位置, 记录着图像的颜色信息。一个图像包含的像素越多, 文件占用的存储空间就越大。一个图像总像素数为水平方向的像素数乘以垂直方向的像素数。图像分辨率指每英寸图像内的像素数, 分辨率的单位为P P I(p i x e l s p e r i n
26、c h) , 通常读做像素每英寸。显示分辨率( 屏幕分辨率) 是指显示器所能显示的像素数。由于屏幕上的点、 线和面都是由像素组成的, 相同大小的显示屏可显示的像素越多, 画面就越精细, 同样的屏幕区域内能显示的信息也越多, 所以分辨率是显示器非常重要的性能指标。显示屏大小固定时, 显示分辨率越高, 图像越清晰。1 0华东师范大学出版社第一章二维设计与创意输出分辨率是打印机等输出设备在输出图像时每英寸所产生的油墨点数, 通常使用的单位是D P I(d o t p e r i n c h) , 即每英寸所表达的打印点数。日常生活中用数码摄像机拍摄的照片、 扫描仪扫描的图片和计算机屏幕截图都属于位图
27、图像。它的优点是可以体现色彩的丰富变化和颜色的细微过渡, 进而产生逼真的效果; 缺点是占用的存储空间比较大。矢量图形是通过数学向量方式进行精细计算得到的图形。其优点主要有两个方面: 一是任意缩放、 旋转和拉伸都不会降低其清晰度;二是占用的存储空间比较小。其缺点是它不能创建具有丰富的颜色变化或细腻色调过渡的复杂图形。探究活动1. 探究位图图像和矢量图形的区别请选取常用的搜索引擎, 尝试以“ 位图图像” 和“ 矢量图形” 为关键字, 查阅资料。分析比较位图图像和矢量图形的特征和异同, 并完成表 1. 1。表 1 . 1 位图图像和矢量图形比较优 点缺 点位图图像矢量图形 2. 探究影响图像所占存储
28、空间大小的因素在二维设计软件中创建一个新的文件, 当存储图像时, 图像所占存储空间的大小是由哪些因素决定的? 请举例说明。3. 探究计算机中色彩的表示原理选取合适的数字化资源和工具, 查阅有关图像色彩表达的信息资料, 梳理 R G B( r e d红色, g r e e n绿色, b lu e蓝色) 色彩模式和 CM YK ( c y a n青色, ma g e n t a品红色, y e llo w黄色, b la c k 黑色) 色彩模式的区别,并完成表 1. 2 。表 1 . 2 RGB色彩模式和 CM Y K色彩模式比较原 理适 用 场 景RGB色彩模式CM Y K色彩模式1 1 华东
29、师范大学出版社三维设计与创意二、 玩转二维创意设计软件二维设计软件有很多, 在数码艺术、 网页制作、 矢量绘图、 多媒体制作和桌面排版等领域, 每一种软件都有其独特的优势。探究活动查阅有关二维设计软件的信息资料, 列出常用的二维设计软件及其特点, 并完成表 1. 3 。表 1 . 3 二维设计软件及其特点二维设计软件名称特 点认识二维设计的基本操作创建选区: 在编辑处理图像时, 首先要选定操作的有效区域, 即创建选区, 这样我们就可以编辑局部图像而不会影响图像的其他部分了。选取图层: 图层是二维设计软件最核心的概念之一。如果没有图层, 所有的图像都将堆放在同一个二维平面上, 使得图像的独立编辑
30、变得困难。图层样式可以为图层中的图像内容添加各种效果, 比如投影、 发光、 浮雕和描边等, 进而可以创建出有真实质感的水晶、 玻璃、金属和纹理效果。图层样式功能很灵活, 可以根据创作需要随时修改效果。绘画: 可以用绘画工具来设计创意图案。绘画工具的属性可调节, 比如画笔的大小、 笔尖形状等。1 2华东师范大学出版社第一章二维设计与创意 设置颜色: 图像中不同的色彩可以带给我们不同的心理体验, 创意地使用色彩, 不仅可以营造各种丰富多彩的意境, 而且使得图像更具有表现力。设计者也可以根据创意需要采用纯色或是渐变色来填充图像。创建矢量对象: 利用矢量工具可以创建不同类型的矢量对象,即一种由锚点和路
31、径组成的图形。锚点分为两种, 一种是平滑点,另外一种是角点。平滑点主要用来形成平滑曲线, 角点则用来形成直线。设置文字: 文字在二维创意设计中不仅可以传达信息, 还有美化图像、 强化主题的作用。二维设计软件中往往都会有文字工具,可以设置文本方向、 字体样式、 文字大小、 文本排列样式和文字颜色等等。设置滤镜: 滤镜源自摄影的镜头加装了辅助光学元件后拍摄出的特殊效果, 是二维设计软件中具有神奇魔术效果的操作工具之一, 通常简单的操作就可以让图像呈现出令人震撼的视觉效果。三、 古诗词创意海报设计现在我们以七巧板为素材, 进行古诗词创意海报设计。1 . 认识七巧板清代陆以湉在其所著的 冷庐杂识 卷一
32、中写道: 近又有七巧图, 其式五, 其数七, 其变化之式多至千余。体物肖形, 随手变幻, 盖游戏之具, 足以排闷破寂, 故世俗皆喜为之。其中的“ 七巧图” 就是指七巧板, 又称智慧板, 是中国民间流传的智力玩具。用有限的7块板可以拼出创意无限的图案, 从简单的几何图形, 如三角形、 平行四边形和不规则多边形等, 到复杂的组合图形,如各种动物、 人物、 建筑和文字图案等, 如图1 . 1 3所示。在有趣的探索中, 玩家可以不断挑战并拓宽创造力和想象力的边界, 这也正是七巧板游戏的乐趣精髓所在。1 3 华东师范大学出版社三维设计与创意图 1 . 1 3 七巧板创意拼图探究活动请查阅七巧板相关资料,
33、 设计出 9个不同的七巧板创意拼图, 并将其画到表 1. 4的空白处。表 1 . 4 七巧板创意拼图1 4华东师范大学出版社第一章二维设计与创意图 1 . 1 4 七巧板 七巧板是由 7块板组成的, 包括 5块等腰直角三角形( 即 2 块小型等腰直角三角形、 1块中型等腰直角三角形和 2块大型等腰直角三角形) 、 1块正方形和 1块平行四边形, 拼成的基础图案是 1个正方形, 如图 1. 14所示。请在图 1. 14所示的七巧板拼图中标记出各块板的边长比例关系。1 5 华东师范大学出版社三维设计与创意2 . 用二维设计软件制作七巧板用二维设计软件制作七巧板的步骤思路如下: 创建大小为1 5c
34、m 1 5c m的正方形画布, 建议打开网格标尺作参考, 并新建图层, 如图1 . 1 5所示。图 1 . 1 5 创建新画布图 1 . 1 6 正方形画布的一半 使用钢笔工具, 勾选默认正方形画布的一半, 建立选区后, 选择颜色并填充, 如图1 . 1 6所示。 使用多边形套索工具, 通过减去选区的方式勾选一半选区, 并新建图层, 选择颜色并填充, 如图1 . 1 7所示。 新建图层, 勾选等腰直角三角形, 大小如图1 . 1 8所示, 建立选区, 选择颜色并填充。图 1 . 1 7 两块大型等腰直角三角形图 1 . 1 8 中型等腰直角三角形1 6华东师范大学出版社第一章二维设计与创意 新
35、建图层, 使用钢笔工具勾选小型等腰直角三角形, 选择颜色并填充, 如图1 . 1 9所示。 新建图层, 使用钢笔工具勾选正方形, 选择颜色并填充, 如图1 . 2 0所示。图 1 . 1 9 小型等腰直角三角形图 1 . 2 0 正方形 新建图层, 使用钢笔工具勾选小型等腰直角三角形, 选择颜色并填充, 如图1 . 2 1所示。 新建图层, 使用钢笔工具勾选平行四边形, 选择颜色并填充,如图1 . 2 2所示。图 1 . 2 1 小型等腰直角三角形图 1 . 2 2 平行四边形1 7 华东师范大学出版社三维设计与创意探究活动请按下列步骤, 用七巧板二维素材设计古诗词创意海报:( 1) 给出创意
36、设计思路请选取一首你学过的古诗词, 查阅相关资料, 体会古诗词的意境, 给出创意设计思路。你选取的古诗词的标题是: 。你选取的古诗词的作者是: 。你选取的古诗词所表达的意境是: 。( 2 ) 绘制设计思路草图请结合古诗词的意境和创意七巧板素材, 在下面空白处绘制古诗词创意海报设计草图。( 3 ) 实现设计思路用二维设计软件实现设计思路, 完成二维设计后, 回答下面的问题。 你用到了哪些设计工具及设计原理? 。 设计过程中你遇到了哪些困难? 。 设计过程中你最满意的是哪部分? 。 如果需要修改设计作品, 你会对哪一部分进行完善? 。( 4) 古诗词创意海报评价分享展示七巧板古诗词创意海报, 请依
37、据表 1. 5所示的评价表完成同学间互评和自我评价。表 1 . 5 创意海报评价表非常棒( 5分)比较好( 3分)一般( 1分)主题意境主题意境鲜明主题意境清楚主题意境模糊构图布局布局合理布局清晰布局混乱色彩搭配色彩搭配合理,让主题更有表现力色彩搭配效果一般色彩搭配不合理创意设计构思新颖、独特局部设计有创意中规中矩1 8华东师范大学出版社第一章二维设计与创意作业练习1. 根据七巧板古诗词创意海报设计体验, 总结归纳二维创意设计的基本流程和具体步骤。2. 剖析、 模仿七巧板二维创意设计的样例, 尝试设计并实现自己的创意名片。知识延伸颜色模式常用的颜色模式有 R G B( r e d红色, g r
38、 e e n绿色, b lu e蓝色) 和 CM YK ( c y a n青色, ma g e n t a品红色,y e llo w黄色, b la c k 黑色) 等。电视和电脑的图像显示都是采用 R G B 混色原理。R G B 模式是一种发光的色彩模式, 因此在一间黑暗的房间内仍可以看见屏幕上的内容。而 CM YK模式( 又称为印刷色彩模式) 则是依靠反光的色彩模式, 它需要外界光源, 因此在黑暗的房间内是无法阅读印刷品的。杂志、 报纸、 宣传画等都是采用 CM YK模式。R GB颜色模式二维图像编辑软件的颜色模式使用 R G B 模式。彩色图像中每个像素具有 R G B 三个通道, 每
39、个通道的红色、 绿色、 蓝色的值均在 0到 2 55之间。例如, 亮红色使用 R值 2 46 、 G 值 2 0和 B 值 50 。当 3个分量的值相等时, 结果是中性灰度级; 当 3个分量的值都为 2 55时, 结果是纯白色; 当 3个分量的值都为 0时,结果是纯黑色。R G B 图像使用 3种颜色或通道在屏幕上重现颜色。在 8 位/ 通道的图像中, 这 3个通道将每个像素转换为 2 4位( 8 位/ 通道3通道) 颜色信息。对于 2 4位图像, 这 3个通道最多可以重现 1 6 70万种颜色/ 像素。对于 48 位( 16位/ 通道) 和 96位( 3 2 位/ 通道) 图像, 每像素可重
40、现更多的颜色。C M Y K颜色模式在 CM YK颜色模式下, 可以为每个像素的每种印刷油墨颜色指定一个百分比值, 为较亮( 高光) 颜色指定的百分比值较低; 为较暗( 阴影) 颜色指定的百分比值较高。在 CM YK图像中, 当 4个分量的百分比值都为 0 % 时, 就会产生纯白色。在制作要用印刷色打印的图像时, 应使用 CM YK颜色模式。将 R G B 图像转换为 CM YK图像时要进行分色。如果从 R G B 图像开始, 则最好先在 R G B 颜色模式下编辑, 然后在编辑结束时将其转换为 CM YK图像。1 9 华东师范大学出版社三维设计与创意第三节二维动画及游戏制作通过前两节内容的学
41、习, 我们掌握了二维设计的基本概念和原理, 并有了二维设计的实践经验, 本节将继续讲解二维设计的操作工具和常见的表达方式。本节将通过“ 简单入门 绘制七巧板动图”“ 二维动画制作” 和“ 互动游戏制作 七巧板游戏” 三个项目任务, 学习二维互动设计软件的基本操作、 动画制作流程以及游戏制作的基本思路。希望在前两节二维设计创意的启发下, 通过实践操作深化对二维设计理论的理解, 制作出具有创意的、 精美的二维设计作品。体验思考利用二维图形编辑软件进行二维设计时, 比较常用的是矢量图形编辑软件, 它是集美工、 动画和编程于一体的集成开发环境, 以美工、 动画为主, 以程序为辅。本节由浅入深地介绍如何
42、完成简单的矢量动图和动画, 以兴趣引导为主, 功能使用介绍为辅, 帮助同学们熟悉二维图形编辑软件的使用。请思考或尝试： 1 . 有哪些软件可以进行二维设计?2 . 熟悉矢量图形编辑软件的操作方法, 设计画面精美、 构思精巧的动画。一、 简单入门 绘制七巧板动图我们首先用熟悉的七巧板制作一个简单的动图。1 . 绘制七巧板 打开矢量图形编辑软件, 新建一个场景。图 1 . 2 3 七巧板 在白色背景中单击右键, 更改文档属性, 尺寸改为合适大小。 在工具栏中选择矩形绘图工具, 调整好边框及填充颜色, 按住S h i f t键拖动鼠标绘制正方形。 使用线条工具, 按住S h i f t键先绘制正方形
43、的两条对角线, 再画辅助线绘制其余线条。多余线条擦除方法: 选用箭头工具, 点击多余线条, 按键盘上的D e l e t e键进行删除。 使用颜料桶工具, 对七巧板的7个板块进行颜色填充。 使用橡皮擦工具, 擦除所有多余线条, 如图1 . 2 3所示。2 0华东师范大学出版社第一章二维设计与创意图 1 . 2 4 元件与图层2 . 构建运动造型右键点击每一个板块, 转换为元件, 并且分散到图层中, 如图1 . 2 4所示。用箭头工具将七巧板的每个板块小心地移开, 并删除原本的框架线段。设置七巧板的初始位置( 如图1 . 2 5所示) 及结束位置( 如图1 . 2 6所示) , 添加关键帧和补间
44、动画。( 提示: 借助箭头工具来移动、 定位板块; 使用任意变形工具旋转板块; 使用菜单命令进行水平翻转和垂直翻转。 )图 1 . 2 5 动图起始位置2 1 华东师范大学出版社三维设计与创意图 1 . 2 6 动图结束位置 测试影片, 并修改为最佳效果。导出影片, 将文件重命名为“ 七巧板” , 格式选择g i f。动图绘制完成。二、 二维动画制作动画是将物体在一定的时间内发生变化的过程, 包括动作、 位置、颜色、 形状、 角度等变化, 在电脑中用一幅幅图片表现出来, 每一幅图片称为一帧( 以后我们就用帧表示图片) , 并将这些图片以一定的速度连续播放, 给人以“ 动” 的感觉。它基于视觉暂
45、留原理, 与传统动画的核心原理几乎一样, 通过将一系列表达连贯动作的图片快速放映而形成。前一帧播放后, 其影像引起的视觉感受仍会保留0 . 1 0 . 4秒, 这样让观看者产生了动作连续的视觉感受。在起始动作与结束动作之间的过渡帧越多, 创意动画制作出的效果就越流畅。2 2华东师范大学出版社第一章二维设计与创意1 . 动画制作流程动画是建立在造型艺术和视听艺术基础上的独特艺术形式, 动画的艺术性需要电影思维和视听语言传达, 同时动画又具有绘画特征。动画短片的最终实现需要三个阶段: 早期准备阶段、 中期制作阶段、 后期合成阶段。整个制作过程涉及多方面内容, 如剧本策划、 分镜头脚本编写和分镜头绘
46、制, 造型、 场景、 动作的设计, 音乐的编创等, 因此熟悉动画的制作流程是非常必要的。下面, 我们结合流程图( 如图1 . 2 7所示) 简要讲解动画制作的基本步骤。图 1 . 2 7 动画制作的基本步骤（1 ） 早期准备阶段动画制作过程涉及多个制作流程和团队成员的不同分工, 优质的动画短片需要好的剧本、 造型和场景设计等。剧本策划: 剧本用于讲述故事内容。文字剧本是动画创作的基础, 它用文字表述和描绘动画的内容, 一般按场景逐个镜头编写。剧本一般先写场号, 然后概括地介绍时间和空间, 接下来写人物的基本状态, 然后逐个镜头叙述人物的动作和行为。分镜头脚本编写: 分镜头脚本一般以清晰的栏目表
47、形式出现, 导演可以综合思考镜头影像、 对白及声音和同步状况, 它是后期剪辑与声画合成的重要依据。分镜头绘制: 分镜头绘制包括镜号、 图画描绘和文字提示这几个方面的内容。图画描绘中, 画面的形象力求简洁易懂, 略去不必要的细节。文字提示一般包括时间、 动作内容、 对话、 音效, 若有特殊说明,则可以放在备注里。角色制作: 角色制作就是根据故事的需要, 将片中的角色设计出来, 并绘制出每个造型的几个不同角度的标准页, 而且还要画出其高2 3 华东师范大学出版社三维设计与创意矮比例、 各种角度的样子、 脸部的表情、 道具等。角色制作最主要的手法就是夸张变形, 合理的夸张能使动画中的人物或动物的特征
48、更加鲜明、 更加典型且富有情感。场景绘制: 场景绘制是指除角色造型设计以外的物的造型, 是为展现故事情节、 完成戏剧冲突、 刻画角色性格服务的一种手段。动画的场景设计首先要符合剧本要求和整体构思。有的场景设计非常简洁, 很好地突出了主体角色; 有的场景设计视觉效果比较丰富, 是为了更好地烘托气氛。（2 ） 中期制作阶段动画制作: 绘制原画一般有两种方法, 一种是直接在电脑中绘制; 另一种是先将人物的各种主要姿态在纸上手绘完成, 再将手绘稿扫描, 通过软件描摹将位图转化为矢量图, 同时在绘制过程中注意每条线的细节处理。动画的实现同样也需要这两种方式的配合使用。二维动画制作软件主要采用了矢量绘图方
49、式。矢量图形可以无限放大而不失真, 同时, 因为矢量图具有图形颜色单纯的特点, 二维动画多数以整块的色彩平涂方式呈现, 给人以造型简练质朴、 色彩鲜明的视觉感受, 此外图像处理方面也有各种丰富的特效。动画的角色是矢量图形, 并使用了动画制作软件提供的已有元件和编辑脚本, 所以制作速度快。二维动画的动画方式很多, 如逐帧动画、 补间动画、 路径动画、 遮罩动画、 行为动画等, 且二维动画制作软件是关键帧动画制作软件, 只要有关键帧( 即相当于传统动画中的原画) , 就可以通过软件自己生成动画, 大大节约了时间和动画制作的成本。（3 ） 后期合成阶段动画在制作过程中即可进行测试, 例如检查播放效果
50、及动作、 节奏等。动画制作完成后, 可以点击“ 发布” 或“ 导出” 命令进行输出, 可根据应用需求选择合适的格式。2 . 动画制作 在二维设计软件中制作一个小车和一条路下面以F l a s h软件为例, 制作简单动画。（1 ） 制作起点小车从工具箱中选择矩形工具和椭圆工具画出小车。选择箭头工具将整个小车框起来, 选择菜单中的“ 修改组合” 命令, 将小车组装起来。这样就有了起点小车的图片, 如图1 . 2 8所示。2 4华东师范大学出版社第一章二维设计与创意图 1 . 2 8 制作起点小车 （2 ） 制作终点小车在第2 0帧插入关键帧, 将工作区中左边的小车平移到右边, 如图1 . 2 9所
