计算机多媒体技术专业
平面美术设计基础
根据教材制作讲稿
2007.2.
第1章 素描的基本原理
1.1.1 素描定义(P1)
素描(单色画):造型艺术,直观真实地描绘客观事物。
计算机绘图准确、方便、快捷,易于修改、保存、复制。
计算机绘图软件:
Windows xp 画图工具、Word 自选图形、CorelDraw。
1.1.2 学习素描的目的与要求(P3)
造型因素:光影、形体结构、透视、视觉错觉、……。
1.1.3 素描的分类
1.研究性素描(P5)
绘制几何体、静物、人物、景物。
2.创作性素描(P6)
以造型语言表现客观生活,表达人的思想情感。
3.设计性素描(P7)
将设计创意视觉化。
小人书速写、素描:如,地雷战、永不消逝的电波。
1.1.4 素描的工具与使用(P9)
1.素描的工具:铅笔、钢笔、签字笔、计算机绘图。
2.计算机绘图:汇集了多种工具混合运用的表现形式。
1)VB 图形程序设计
图形设计 Pset Pset1 模拟手工画图2)CorelDraw 12 平面设计
3)3ds max 三维动画
创建—几何体—标准基本体—
长方体、球体、圆柱体、圆环、圆锥、管状体。
动画—生成预览—自定义文件类型—创建—保存类型:JPG。
4)Flash 动画
1.2.1 形体与结构(P11)
1.形体
形:二维平面视觉图形。
体:三维立体视觉图像。
1.2.2 明暗与空间(P13)
可以使用 CorleDraw 12 模拟灯光改变物体明暗区。
制作立体化矩形:
1.在页面上画矩形。
2.交互式立体化工具—左键按矩形水平拖动改变深度。
3.选择立体化类型,立体化深度;
4.属性栏—斜角修饰边—使用斜角修饰边,
斜角深度,如 6 mm,斜角角度,如 45 度。
5.颜色:使用递减颜色,如从浅棕色到深棕色。
6.使用模拟灯光改变物体明暗区。
1.2.3 质感与肌理(P14)
可以使用 CorleDraw 12 底纹填充产生质感。
金鱼游水 水底世界
1.新建文件—画矩形。
2. 工具箱—填充工具—纹理—风格—水5色。
3.复制矩形。
4. 工具箱—填充工具—渐变—从深蓝,到浅蓝。
5. 用手工工具画出水底泥封闭曲线—去掉轮廓线。
6. 工具箱—填充工具—图案—位图—水底泥。
7. 工具箱—艺术笔工具—喷罐—图案样式:金鱼(卡通人下)。
1.2.4 全因素的视觉分析
可以使用 CorleDraw 12 交互式立体化工具观察透视原理。
制作立体化矩形:
1.在页面上画矩形。
2.交互式立体化工具—左键按矩形水平拖动改变深度。
3.选择立体化类型,立体化深度;
1.3 素描表现的基本语言
1.3.1 线的语言(P19)
1.“再现性”的线:表现物体与客观对象。
可以使用 PhotoShop 生成“再现性”的线。
1)图像—调整—去色。
2)滤镜—素描—影印。
2.“表现性”的线:表现主观思考与情感。
1.3.3 明暗色调语言(P21)
1.3.4 特殊材料运用的语言 (P23)
可以使用 CorleDraw 12 导入图像后加画帽子。
1.4.2 几何形体的比例与透视练习(P24)
Windows xp 画图工具
1.4.3 简单静物的明暗色调练习(P25)
第2章 设计素描
2.1.1 绘画素描与设计素描的关系(P29)
绘画素描:强调客观性与理性。
脸型分析:(P30)
蛋型脸、方型脸、下巴宽型脸、下巴尖型脸 奥园山水。
设计素描:服从主观与实用功能。
2.2.2 结构的分类与特征(P38)
2.框架型结构
结构的连接点
结构在构图中运用
2.3.2 质地肌理的视觉元素及表现(P46)
脸部器官:眼睛、鼻、嘴。
第3章 色彩基本原理
3.1.1 光与色(P53)
基本色光:红、橙、黄、绿、青、蓝、紫。
可见光波长:紫 380nm --- 红 780nm。
1.光源色:发光体产生的光源色彩。
2.固有色:物体对日光反射的色彩。
3.1.2 色彩的三属性(P57)
PhotoShop 窗口—显示色板—可以观察色彩属性。
明度:色彩的明暗程度。
色相:红、橙、黄、绿、青、蓝、紫为基本色相。
纯度:饱和度,红、橙、黄、绿、青、蓝、紫为纯色。
3.1.3 色相环(P59)
有 6、9、12、20、30色相环。
同种色:明度不同的同一种颜色。
同类色(相邻 15 度左右):协调,
邻近色(相邻 45 度左右):和谐,
对比色(相邻 130 度左右):对比效果强,
互补色(相邻 180 度左右):对比效果最强(红绿、黄紫)
红底绿字 | 绿底红字 | 黄底紫字 | 紫底黄字 |
1.心理感受
冷暖、轻重、
软硬:饱和度低感觉柔和
积极消极:暖色、冷色
2.颜色联想
红色:热情奔放
绿色:宁静安全
蓝色:蓝天清凉
3.1.4 色彩的混合(P62)
1.加色混合
色光混合,增加色彩明度。
2.减色混合
颜料混合,降低色彩明度和纯度。
直接混合:
三原色红、黄、蓝混合得到间色橙、绿、紫。
三间色橙、绿、紫混合得到复色。
3.2.3 简单静物色彩写生练习
(4)水粉静物写生的基本步骤(P70)
构思构图、构图起稿、单色定稿、
铺大关系、深入刻画、画面调整。
第4章 色彩设计基本原理
4.2.2 色彩 4 要素对比
1. 明度对比(P77)
明度对比:色彩明度组合产生的差别。
2. 色相对比(P79)
同类色对比:色调统一,最弱的对比。
邻近色对比:色调谐调。
对比色对比:色相感强,对比效果强。
互补色对比:色相对比效果最强(红绿、黄紫)
红底绿字 | 绿底红字 | 黄底紫字 | 紫底黄字 |
3. 纯度对比(P81)
纯度对比:色相组合产生的纯度差别。
4. 冷暖对比
冷暖对比:冷暖色相组合产生的差别。
4.4.1 色彩的心理与生理(P88)
1.色彩的冷暖感
冷暖色:蓝、绿、紫;红、橙、黄。
2.色彩的轻重感
轻重色:黄、白;黑、红。
3.色彩的软硬感
软硬色:色彩明度高、低。
4.4.2 色彩的情感与象征(P91)
1.红色象征:热情、幸福、吉祥。
2.橙色象征:收获、华丽、健康。
3.黄色象征:希望、发展。
4.绿色象征:平静、安全。
5.蓝色象征:深远、沉静、神秘。
6.白色象征:纯真、朴素、神圣。
7.黑色象征:严肃、刚健、坚实。
8.灰色象征:高级、神秘。
4.4.3 美的形式法则(P96)
和谐、对比、对称、均衡、比例、重心、节奏、音律。
第5章 数字色彩及应用
5.1 数字色彩的基本概念
5.1.1 色彩原理与数字色彩的关系
1.色彩的三属性与 HSB 色彩模型(P105)
孟塞尔色表
无色轴 白 |
|||||||||||||||
2 | 1 | 9 | 1 | ||||||||||||
4 | 2 | 1 | 8 | 1 | 2 | ||||||||||
6 | 4 | 2 | 1 | 7 | 1 | 2 | 3 | ||||||||
8 | 6 | 4 | 2 | 1 | 6 | 1 | 2 | 3 | 6 | ||||||
10 | 8 | 6 | 4 | 2 | 1 | 5 | 1 | 2 | 3 | 6 | |||||
R | 14 | 12 | 10 | 8 | 6 | 4 | 2 | 1 | 4 | 1 | 2 | 3 | 6 | G | 饱和度 S |
10 | 8 | 6 | 4 | 2 | 1 | 3 | B | 色相 H | |||||||
6 | 4 | 2 | 1 | 2 | |||||||||||
1 | |||||||||||||||
黑 明度 B |
计算机 HSB 色彩模型(P106)
无色轴 黑 |
|||||||||||||||
8 | 明
度 B |
||||||||||||||
7 | |||||||||||||||
6 | |||||||||||||||
5 | |||||||||||||||
4 | |||||||||||||||
3 | |||||||||||||||
2 | |||||||||||||||
色饱和度 S | 1 | ||||||||||||||
R | 14 | 12 | 10 | 8 | 6 | 4 | 2 | 1 | 0 | 1 | 2 | 3 | 6 | G | 色相 H |
白 |
5.1.2 数字色彩的色彩空间和色域(P107)
RGB 色域空间
5.1.3 数字色彩的基本概念(P104)
5.2 数字色彩的表现方法(P109)
5.2.1 RGB 色彩模型
三原色红、绿、蓝混合得到复合色黄、青、紫。
5.3 数字色彩的在计算机中的表达模式(P111)
5.3.1 RGB 色彩模式
可以使用 PhotoShop 显示图像中 RGB 各通道的颜色。
RGB 模式:3 个通道 24 位。
通道用原色显示:编辑—预设—显示与光标—通道用原色显示。
窗口—显示通道— 分别显示 RGB 各通道的颜色。
5.3.4 灰度模式
灰度模式:0(黑) — 255(白) 共 256 级灰度。
位图模式:0(黑) — 1(白) 两种颜色值。
5.4 数字色彩的调整(P114)
5.4.2 图像色彩信息的获取
可以使用 PhotoShop 显示直方图。
窗口—显示直方图—
观察亮部、暗部是否溢出、细节损失、缺乏像素。
横坐标 0 — 255 亮度级,
纵坐标是每一级亮度级上像素数目。
5.4.3 图像色调调整
1.利用色阶工具调节图像的层次(P116)
1)打开图像,显示通道面板。
2) 图像—调整—色阶—选择通道,如 RGB 主通道。
3)输入色阶调整:调整暗部、中间色调、亮部色调。
右移变深,左移变浅。
4)输出色阶调整:调整暗部、亮部色调。
右移变浅,左移变深。
5)吸管工具:通过图像的黑场、灰点、白场取样,
调整图像亮暗、色彩分布。
2.利用曲线工具调节图像的层次(P121)
图像—调整—曲线—调整图像亮度、对比度、色彩。
调整方法:
曲线中点上拉,整体色加深。
曲线中点下拉,整体色变浅。
曲线左点上拉,右点下拉。
曲线左点下拉,右点上拉。
5.4.4 图像色彩的调整(P124)
1.色阶工具、曲线工具纠正整体色偏。
2.色彩平衡工具
图像—调整—色彩平衡—微调图像 RGB 色彩平衡。
3.色相/饱和度工具
图像—调整—色相/饱和度。
第6章 平面构成
6.1 平面构成的认识(P131)
6.1.1 平面构成是设计的基础
平面构成:点、线、面。
6.1.2 平面构成的产生
点、线、面的各种表现形式。
图形设计 Pset Pset1 模拟手工画图6.1.4 计算机辅助平面构成表现
平面构成软件:
图像处理:PhotoShop Painter
图形处理:Freehand CorelDraw Illusrator
6.2 平面构成的基本元素(P134)
点:太阳系中的九大行星。
线:点移动的轨迹形成线,模拟手工画山水。
面:红花绿叶、八边形、对称的脸。
可以使用 PhotoShop 生成图形镜像
在画面左边画人的侧脸并选中—复制粘贴—
选中复制的脸—编辑—变换—水平翻转。
6.3 平面构成的基本形与骨骼
6.3.1 基本形(P138)
形与形之间的关系:
分离、接触、覆盖、透叠、联合、减缺、差叠、重合。
6.3.2 骨骼
表格骨骼
★ | ★ | ★ | ★ | ★ |
★ | ★ | ★ | ★ | ★ |
★ | ★ | ★ | ★ | ★ |
★ | ★ | ★ | ★ | ★ |
★ | ★ | ★ | ★ | ★ |
6.4 平面构成的表现形式(P140)
6.4.1 重复构成在设计中的应用
6.4.2 特异构成在设计中的应用
6.4.3 渐变构成在设计中的应用(P142)
可以使用 CorleDraw 12 扭曲效果、扭曲变形效果。
扭曲变形效果:
画粉红色六边形—交互式变形工具—属性栏—扭曲变形—
按左键把六边形顶点旋转两周得到扭曲变形效果。
扭曲效果:
选中位图,如清真寺—位图—扭曲:偏移、扭曲旋涡。
第7章 标志设计
7.1 标志的概念及其分类(P150)
7.1.2 标志的分类
商标、徽标(国徽、校徽)、公共标志、
文字标志:网站标志
图形标志:
7.4 标志设计的创意方法(P153)
创意设计要考虑经营内容、企业精神、历史、典故、地域。
7.5 标志设计的表现方法(P154)
标志设计的表现方法:象形、象征、抽象、文字。
第8章 企业形象设计
8.1 企业形象识别 CIS 的概论(P161)
CIS:企业识别系统。
CIS 功能:理念识别(MI)、行为识别(BI)、视觉(VI)识别。
第9章 广告设计
9.1 广告的基础知识(P179)
9.1.1 广告设计材料与工具
创意用手画草图,
制作和输出使用计算机辅助设计,进行图形、图像处理。
9.3 广告的版面设计(P187)
文本—编辑文本—文字格式(F)—字符、段落、制表位、栏。
9.7 网络广告设计(P200)
9.7.2 素材来源
1.素材来源
数据、文本、图形、图像、动画、声音、影像等素材,
采用网上下载和通过软件创建相结合的方法。
2.素材类型
第10章 数字化的平面设计
.1.