计算机多媒体技术专业

平面美术设计基础

根据教材制作讲稿

2007.2.

第1章 素描的基本原理

1.1.1 素描定义(P1)

 素描(单色画):造型艺术,直观真实地描绘客观事物。

chhp.jpg (28638 字节) PG.JPG (41995 字节)

 计算机绘图准确、方便、快捷,易于修改、保存、复制。

 计算机绘图软件:

 Windows xp 画图工具、Word 自选图形、CorelDraw。

sx.jpg (35147 字节) B0509sc_sm.jpg (32584 字节) sm.jpg (21752 字节)

1.1.2 学习素描的目的与要求(P3)

 造型因素:光影、形体结构、透视、视觉错觉、……。

lth.jpg (28408 字节) lth1.jpg (29076 字节)

1.1.3 素描的分类

 1.研究性素描(P5)

 绘制几何体、静物、人物、景物。

 2.创作性素描(P6)

 以造型语言表现客观生活,表达人的思想情感。

car.jpg (14960 字节)

 3.设计性素描(P7)

 将设计创意视觉化。

  小人书速写、素描:如,地雷战、永不消逝的电波。

sx.jpg (35147 字节) sm.jpg (21752 字节) zz.jpg (23970 字节)

1.1.4 素描的工具与使用(P9)

 1.素描的工具:铅笔、钢笔、签字笔、计算机绘图。

 2.计算机绘图:汇集了多种工具混合运用的表现形式。

 1)VB 图形程序设计

 图形设计 Pset Pset1 模拟手工画图

 风景图像配山水 图形程序设计

 2)CorelDraw 12 平面设计

bxdbx.jpg (28316 字节)

 3)3ds max 三维动画

 创建—几何体—标准基本体—

长方体、球体、圆柱体、圆环、圆锥、管状体。

 动画—生成预览—自定义文件类型—创建—保存类型:JPG。

 4)Flash 动画

 教学演示 跳转按钮 站立拳击 送您鲜花 中国武术

 地球带月亮自转公转 蓝蓝的天上白云飘

1.2.1 形体与结构(P11)

 1.形体

 形:二维平面视觉图形。

 体:三维立体视觉图像。

1.2.2 明暗与空间(P13)

 可以使用 CorleDraw 12 模拟灯光改变物体明暗区。

lth.jpg (28408 字节) lth1.jpg (29076 字节)

 制作立体化矩形:

 1.在页面上画矩形。

 2.交互式立体化工具—左键按矩形水平拖动改变深度。

 3.选择立体化类型,立体化深度;

 4.属性栏—斜角修饰边—使用斜角修饰边,

斜角深度,如 6 mm,斜角角度,如 45 度。

 5.颜色:使用递减颜色,如从浅棕色到深棕色。

 6.使用模拟灯光改变物体明暗区。

1.2.3 质感与肌理(P14)

可以使用 CorleDraw 12 底纹填充产生质感。

金鱼游水 水底世界

jyys.jpg (41666 字节) sdsj.jpg (35793 字节)

 1.新建文件—画矩形。

 2. 工具箱—填充工具—纹理—风格—水5色。

 3.复制矩形。

 4. 工具箱—填充工具—渐变—从深蓝,到浅蓝。

 5. 用手工工具画出水底泥封闭曲线—去掉轮廓线。

 6. 工具箱—填充工具—图案—位图—水底泥。

 7. 工具箱—艺术笔工具—喷罐—图案样式:金鱼(卡通人下)。

1.2.4 全因素的视觉分析

 可以使用 CorleDraw 12 交互式立体化工具观察透视原理。

lth.jpg (28408 字节) lth1.jpg (29076 字节)

 制作立体化矩形:

 1.在页面上画矩形。

 2.交互式立体化工具—左键按矩形水平拖动改变深度。

 3.选择立体化类型,立体化深度;

1.3 素描表现的基本语言

1.3.1 线的语言(P19)

 1.“再现性”的线:表现物体与客观对象。 

ybz_sx.jpg (13677 字节) lx_sx.jpg (19831 字节) B0509sx.jpg (19619 字节) B0509sm.jpg (23562 字节)
ybz_hb.jpg (11741 字节) lx_hb.jpg (15564 字节) B0509bw.jpg (15926 字节) B0509hb1.jpg (16871 字节)
ybz.jpg (12588 字节) lx.jpg (17031 字节) B0509cs.jpg (18015 字节) B0509cs2.jpg (17518 字节)
B0509cs.jpg (18015 字节) B0509cs1.jpg (18254 字节) B0509cs2.jpg (17518 字节) B0509x.jpg (39297 字节)

可以使用 PhotoShop 生成“再现性”的线。

 1)图像—调整—去色。

 2)滤镜—素描—影印。

 2.“表现性”的线:表现主观思考与情感。

1.3.3 明暗色调语言(P21)

B0509bw.jpg (15926 字节)

1.3.4 特殊材料运用的语言 (P23)

可以使用 CorleDraw 12 导入图像后加画帽子。

  虎头帽 虎头蓝帽

1.4.2 几何形体的比例与透视练习(P24)

 Windows xp 画图工具

rtbl.jpg (23692 字节) rtbl1.jpg (11554 字节)

1.4.3 简单静物的明暗色调练习(P25)

xzqm.jpg (13162 字节)

 

第2章 设计素描

2.1.1 绘画素描与设计素描的关系(P29)

 绘画素描:强调客观性与理性。

脸型分析:(P30)

蛋型脸、方型脸、下巴宽型脸、下巴尖型脸 奥园山水

ab6.JPG (17083 字节) ntx5.jpg (10632 字节) ntx1.jpg (8921 字节) ntx8.jpg (5066 字节)

 设计素描:服从主观与实用功能。

ltwg.jpg (14126 字节) cup.jpg (6582 字节) ktxy.jpg (44944 字节)

2.2.2 结构的分类与特征(P38)

 2.框架型结构

 结构的连接点

lsyg.jpg (10630 字节)

 结构在构图中运用

qzc.jpg (51613 字节)

2.3.2 质地肌理的视觉元素及表现(P46)

 脸部器官:眼睛、鼻、嘴。

 

第3章 色彩基本原理

3.1.1 光与色(P53)

 基本色光:红、橙、黄、绿、青、蓝、紫。

 可见光波长:紫 380nm --- 红 780nm。

 1.光源色:发光体产生的光源色彩。

 2.固有色:物体对日光反射的色彩。

3.1.2 色彩的三属性(P57)

 PhotoShop 窗口—显示色板—可以观察色彩属性

xrk1.jpg (46818 字节)

 明度:色彩的明暗程度。

 色相:红、橙、黄、绿、青、蓝、紫为基本色相。

 纯度:饱和度,红、橙、黄、绿、青、蓝、紫为纯色。

3.1.3 色相环(P59)

 有 6、9、12、20、30色相环。

20sxh.jpg (19323 字节) 30sxh.jpg (16683 字节)

 同种色:明度不同的同一种颜色。

 同类色(相邻 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)

20sxh.jpg (19323 字节)

 同类色对比色调统一,最弱的对比。

 邻近色对比:色调谐调。

 对比色对比:色相感强,对比效果强

 互补色对比:色相对比效果最强(红绿、黄紫)

 红底绿字   绿底红字   黄底紫字   紫底黄字 

 3. 纯度对比(P81)

 纯度对比:色相组合产生的纯度差别。

 4. 冷暖对比

 冷暖对比:冷暖色相组合产生的差别。

4.4.1 色彩的心理与生理(P88)

 1.色彩的冷暖感

 冷暖色:蓝、绿、紫;红、橙、黄。

 2.色彩的轻重感

 轻重色:黄、白;黑、红。

 3.色彩的软硬感

 软硬色:色彩明度高、低。

4.4.2 色彩的情感与象征(P91)

 1.红色象征:热情、幸福、吉祥。

bjtam.jpg (27995 字节)

 2.橙色象征:收获、华丽、健康。

B0509x.jpg (39297 字节)

 3.黄色象征:希望、发展。

xrk1.jpg (46818 字节)

 4.绿色象征:平静、安全。

 5.蓝色象征:深远、沉静、神秘。

hbyl21.jpg (21210 字节)

 6.白色象征:纯真、朴素、神圣。

 7.黑色象征:严肃、刚健、坚实。

B0509bw.jpg (15926 字节)

 8.灰色象征:高级、神秘。

qc24.jpg (24379 字节)

4.4.3 美的形式法则(P96)

 和谐、对比、对称、均衡、比例、重心、节奏、音律。

jxdx.jpg (49089 字节)

 

第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 色彩模型

三原色红、绿、蓝混合得到复合色黄、青、紫。

20sxh.jpg (19323 字节)

5.3 数字色彩的在计算机中的表达模式(P111)

5.3.1 RGB 色彩模式

可以使用 PhotoShop 显示图像RGB 各通道的颜色。

RGB 模式:3 个通道 24 位。

 通道用原色显示:编辑—预设—显示与光标—通道用原色显示。

 窗口—显示通道— 分别显示 RGB 各通道的颜色。

xrk1.jpg (46818 字节)

5.3.4 灰度模式

 灰度模式:0(黑) — 255(白) 共 256 级灰度。

 位图模式:0(黑) — 1(白) 两种颜色值。

5.4 数字色彩的调整(P114)

5.4.2 图像色彩信息的获取

可以使用 PhotoShop 显示直方图

 窗口—显示直方图

 观察亮部、暗部是否溢出、细节损失、缺乏像素。

 横坐标 0 — 255 亮度级,

 纵坐标是每一级亮度级上像素数目。

qzc.jpg (51613 字节)

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)

 点:太阳系中的九大行星。

 线:点移动的轨迹形成线,模拟手工画山水

 面:红花绿叶、八边形、对称的脸。

yjxk.jpg (11462 字节) mysght.jpg (19078 字节) HHLYSZ.gif (12996 字节) 8bx.jpg (39927 字节) dcdl.jpg (9645 字节)

可以使用 PhotoShop 生成图形镜像

 在画面左边画人的侧脸并选中—复制粘贴—

选中复制的脸—编辑—变换—水平翻转。

6.3 平面构成的基本形与骨骼

6.3.1 基本形(P138)

 形与形之间的关系:

分离、接触、覆盖、透叠、联合、减缺、差叠、重合。

cfgt.jpg (20299 字节)

6.3.2 骨骼

 表格骨骼

6.4 平面构成的表现形式(P140)

6.4.1 重复构成在设计中的应用

 
 
 

 

6.4.2 特异构成在设计中的应用

6.4.3 渐变构成在设计中的应用(P142)

  nqxw.jpg (30809 字节) VBtxsj1.gif (23834 字节)

VB 图形程序设计

可以使用 CorleDraw 12 扭曲效果、扭曲变形效果。

扭曲变形效果:

 画粉红色六边形—交互式变形工具—属性栏—扭曲变形—

按左键把六边形顶点旋转两周得到扭曲变形效果。

扭曲效果:

选中位图,如清真寺—位图—扭曲:偏移、扭曲旋涡。

 

第7章 标志设计

7.1 标志的概念及其分类(P150)

7.1.2 标志的分类

 商标、徽标(国徽、校徽)、公共标志、

文字标志:网站标志

图形标志:

mh.jpg (10109 字节) mh5.jpg (41813 字节) bxdbx.jpg (28316 字节)

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)

ggbj.jpg (17451 字节) qc24.jpg (24379 字节) wzpb.jpg (28240 字节)

文本—编辑文本—文字格式(F)—字符、段落、制表位、栏。

9.7 网络广告设计(P200)

9.7.2 素材来源

 1.素材来源

 数据、文本、图形、图像、动画、声音、影像等素材,

采用网上下载和通过软件创建相结合的方法。

 2.素材类型

 

第10章 数字化的平面设计

.1.