平面设计.ppt

4 12 2020 1 平面设计 4 12 2020 2 引言 新的科技日新月异 世界经济更趋一体化 设计在现代文化和商业中变奏 中国设计又当何去何从 追溯历史 从西方到中国 设计 的演变不难看出自身的发展和社会的认知度及属性 美术 工艺美术 商业美术 美术设计 工业设计 艺术设计 设计 从工艺美术到设计概念的转化在二十世纪经历了繁杂并混沌的过程 设计在西方发展了百年 而在中国 现代设计只有不到二十年的时间 今天的设计产业 从功能和形态上可分 产品设计 视觉传达 环境设计三大领域 在视觉传达设计中 摄影 插图 印刷出版物的平面设计 影视多媒体 网页设计 形象设计等范畴不断丰富设计内容 4 12 2020 3 今天的设计产业 从功能和形态上可分 产品设计 视觉传达 环境设计三大领域 在视觉传达设计中 摄影 插图 印刷出版物的平面设计 影视多媒体 网页设计 形象设计等范畴不断丰富设计内容 每当翻开一本版式明快 色彩跳跃 文字流畅设计精美的杂志 你都有一种爱不释手的感觉 即使你对其中的文字内容并没有什么兴趣 有些精致的广告也能吸引住你 这就是平面设计的魅力 它能把一种概念 一种思想通过精美的构图 版式和色彩 传达给看到它的人 其实只要掌握一些平面设计的规律 灵活运用 我们也能做出美妙的设计 4 12 2020 4 平面设计 一 基本概念平面设计是将不同的基本图形 按照一定的规则在平面上组合成图案的 主要在二度空间范围之内以轮廓线划分图与地之间的界限 描绘形象 而平面设计所表现的立体空间感 并非实在的三度空间 而仅仅是图形对人的视觉引导作用形成的幻觉空间 二 平面设计的元素1 概念元素所谓概念元素是那些不实际存在的 不可见的 但人们的意识又能感觉到的东西 例如我们看到尖角的图形 感到上面有点 物体的轮廓上有边缘线 概念元素包括 点 线 面 4 12 2020 5 2 视觉元素概念元素不在实际的设计中加以体现 它将是没有意义的 概念元素通常是通过视觉元素体现的 视觉元素包括图形的大小 形状 色彩等 3 关系元素视觉元素在画面上如何组织 排列 是靠关系元素来决定的 包括 方向 位置 空间 重心等 4 实用元素指设计所表达的含义 内容 设计的目的及功能 4 12 2020 6 三 平面设计的术语1 和谐从狭义上理解 和谐的平面设计是统一与对比两者之间不是乏味单调或杂乱无章的 广义上理解 是在判断两种以上的要素 或部分与部分的相互关时 各部分给我们的感觉和意识是一种整体协调的关系 2 对比又称对照 把质或量反差很大的两个要素成功的配列在一起 使人感觉鲜明强烈而又具有统一感 使主体更加鲜明 作品更加活跃 3 对称假定在一个图形的中央设定一条垂直线 将图形分为相等的左右两个部分 其左右两个部分的图形完全相等 这就是对称图 4 12 2020 7 4 平衡从物理上理解是指的重量关系 在平面设计中指的是根据图像的形量 大小 轻重 色彩和材质的分布作用与视觉判断上的平衡 5 比例是指部分与部分 或部分与全体之间的数量关系 比例是构成设计中一切单位大小 以及各单位间编排组合的重要因素 6 重心画面的中心点 就是视觉的重心点 画面图像的轮廓的变化 图形的聚散 色彩或明暗的分布都可对视觉中心产生影响 7 节奏节奏这个具有时间感的用于在构成设计上指以同一要素连续重复时所产生的运动感 4 12 2020 8 8 韵律平面构成中单纯的单元组合重复易于单调 由有规律变化的形象或色群间以数比 等比处理排列 使之产生音乐的旋律感 成为韵律 四 平面设计的相关软件1 photoshopadobe公司于1987年开发的迄今世界上最畅销的图象编辑软件photoshop已成为许多涉及图象处理的行业标准 并且是adobe公司最大的收入来源 2 coreldrawcorel公司开发的强大的绘图软件coreldraw对图象的处理功能也非常强大 4 12 2020 9 photoshop图像的绘制与修复 目标 掌握基本的编辑技巧灵活运用修复技能对图像进行细部的修饰 4 12 2020 10 photoshop基础知识 学习要点 掌握photoshop中的常用术语 概念及其主要内容掌握photoshop中常用的图象模式及其使用范围掌握photoshop的工作环境 4 12 2020 11 一 基本概念 像素pixel在photoshop中 像素是组成图像的最基本单元 它是一个小的方形的颜色块 单位长度内的像素越多 分辨率 ppi 越高 图像的效果就越好 分辨率pixelperinch图像分辨率的单位是ppi 即像素 英寸 即每英寸所包含的像素数量 图像的分辨率越高 图像就越有细节 颜色过渡就越平滑 分辨率越高 所包含的像素就越多 图像的信息量就越大 文件也就越大 4 12 2020 12 颜色深度colordepth用来度量图像中有多少颜色信息可用于显示或者打印像素 其单位是 位 bit 较大的颜色深度意味着数字图像具有较多的可用颜色和较精确的颜色表示 下表列出了常见的色彩深度 颜色数量和色彩模式关系 4 12 2020 13 4 颜色模型和模式简单的说颜色模型是用于表现颜色一种数学算法 常见的颜色模型包括 hsb h 色相 s 饱和度 b 亮度 rgb r 红色 g 绿色 b 蓝色 cmyk c 青色 m 洋红色 y 黄色 k 黑色 lab常见的颜色模式包括 位图模式 灰度模式 双色调模式 rgb模式 cmyk模式 lab模式 索引颜色模式 多通道模式 8位 通道模式和16位 通道模式 4 12 2020 14 hsb模型hsb模型是基于人眼对色彩的观察来定义的 1 色相 所有色彩 红 橙 黄 绿 青 蓝 紫等 都是表示颜色外貌的属性 它们就是所说的色相 非彩色 黑 白 灰色 不存在色相属性 简单的说 色相或者色调是物体反射或透射的光的波长 不同波长的可见光具有不同的颜色 一般用 范围0 360 2 饱和度 是颜色的强度或纯度 表示色相中灰度成分所占的比例 一般用 范围0 100 3 亮度 颜色的相对明暗程度 一般以0 黑色 100 白色 来度量 4 12 2020 15 grb模型和模式绝大多数可视光谱可用红色 绿色和蓝色三色光的不同比例和强度的混合来表示 在这三种颜色的重叠处产生青色 洋红 黄色和白色 从上图可以看到两量相交的光线会越加越亮 得到更亮的中间色 三种等量组合可以得到白色 所以我们称它们为亮色 也叫加色 grb模型又被称为色光加色法 4 12 2020 16 cmyk模型和模式我们看到印刷的颜色 实际上都是看到的纸张反射的光线 比如我们在画画的时候调颜色 也要用这种组合 颜料是吸收光线 不是光线的叠加 因此颜料的三原色就是能够吸收rgb的颜色 为青 品 黄 cmy 他们就是rgb的补色 把黄色颜料和青色颜料混合起来 因为黄色颜料吸收蓝光 青色颜料吸收红光 因此只有绿色光反射出来 这就是黄色颜料加上青色颜料形成绿色的道理 所以cmyk模型产生颜色的方法有被称为色光减色法 4 12 2020 17 二 工作环境1 定制和优化photoshop的工作环境2 工具箱3 打开文件4 使用文件浏览器5 建立新文件6 更改图像大小7 关于参考线的使用8 文件注释9 预设管理器10 在线帮助系统11 快捷键和关联菜单12 图像浏览13 调板 4 12 2020 18 photoshop简单实例例1 黑白字效果效果描述 本例模拟黑白字效果知识重点 矩形选取框 图层合并的应用操作步骤 1 新建一个300 200象素 分辨率为72象素 英寸 rgb模式 背景为白色的文件 2 点击工具箱中的 文字 选项 输入文字 通过上方工具栏中的 调整好字体 字号等 3 执行 图层 合并图层 命令 将图层合并 4 12 2020 19 4 点击矩形工具选取图像下半部分 5 执行 图像 调整 反相命令 6 执行 选择 取消选择 这样就得到最终效果文字 4 12 2020 20 例2 简单的羽化效果效果描述 本例模拟图片被羽化的效果知识重点 羽化的认识与应用操作步骤 1 打开准备制作羽化效果的源图片 2 在工具栏中选择画圆工具 在图片上绘制一圆形 3 执行 选择 羽化 命令 弹出 羽化选区 将 羽化半径 定为10像素 单击 确定 4 将羽化图形复制粘贴在另一画面中与其相融 得到最终效果图如下 4 12 2020 21 4 12 2020 22 例3 结冰字效果描述 本例模拟结冰文字的效果知识重点 滤镜的应用操作步骤 1 新建一个300 300像素 分辨率为72像素 英寸 灰度模式 背景为白色的文件 2 点击工具箱中的 文字 工具 在窗口中输入 冰 通过界面上方的文字工具栏设置好字体 字号等 3 选中左侧工具栏中的 魔棒工具 在窗口的空白部位单击鼠标 使之处于选中状态 4 12 2020 23 4 执行 滤镜 象素化 晶格化 命令 在弹出的对话框中 设置 单元格大小 为10 点击 确定 是图像产生冰晶效果 5 点击 选择 反选 命令反向选区图像 执行 滤镜 模糊 高斯模糊 在弹出的 高斯模糊 对话框中设置 半径 为2像素 6 执行 滤镜 像素化 点状化 命令 在弹出的对话框中设置 数量 为15 7 取消反选 反转图像颜色 8 执行 图像 旋转画布 逆时针90度 命令 再执行 滤镜 分格化 风 命令 在这里要注意风的方向 执行 图像 旋转画布 逆时针旋转90度 4 12 2020 24 9 执行 图像 模式 rgb颜色 将图像转换成rgb模式 10 执行 图像 调整 色相饱和度 命令 在弹出的对话框中进行颜色调整 得到最终效果图 4 12 2020 25 例4 火焰字效果描述 本例模拟火焰字的效果知识重点 滤镜的应用操作步骤 1 新建一个400 400像素 分辨率为72像素 英寸 rgb模式 背景为白色的文件 2 填充背景色为黑色 3 执行 图像 旋转画布 顺时针90度 命令 再执行 滤镜 风格化 风 命令 执行 图像 旋转画布 逆时针90度 命令 5 执行 滤镜 扭曲 波纹 命令 在弹出的对话框中设置 波纹数量 为 4 12 2020 26 执行 图像 模式 索引颜色 命令 弹出合并图层对话框 单击确定 再执行 图像 模式 颜色表 命令 打开颜色表对话框 在颜色表列中选择 黑体 得到最终效果图 4 12 2020 27 小结通过这两个例子我们可以知道晶格化制作位子周围的冰晶 用滤镜中风格化风的命令可以制作冰挂的效果 火焰字中 我们运用了颜色表 所以 恰当的运用这些滤镜 就可以制作出更多更好的效果来 比如我们经常看到冰天雪地 火烧着纸的效果 4 12 2020 28 例5 彩虹效果效果描述 本列在图片中添加彩虹效果知识重点 渐变的应用操作步骤 1 打开源图片 2 在 图层 调板中单击按钮 创建一个新图层 系统将其命名为 图层 选中该层 3 在工具箱中单击渐变工具 然后在工具选项栏中单击渐变项右端的下拉箭头 并在弹出的渐变式样调板中 单击 彩虹图标 中选择 透明彩虹 渐变 4 12 2020 29 4 在工具选项栏中单击 线形渐变 按钮 然后在图像窗口中横向拖动鼠标绘制出渐变色带 5 单击菜单命令 滤镜 扭曲 切变 打开对话框 在对话框的曲线图中用鼠标拖动曲线 将其调整为彩虹的形状 6 在渐变色带周围显示变换框 拖动变换框上的控制点将其彩虹调整与源图片和谐的位置 按 enter 键确认 7 在工具箱中单击按钮 切换到快速蒙版编辑状态下 8 在工具箱中单击渐变工具 然后在工具选项栏中单击渐变框右端的下拉箭头 并在弹出的渐变式样调板中单击图标选项 前景色到背景色 渐变 4 12 2020 30 9 在工具选项栏中单击 线形渐变 按钮 然后在彩虹的左端由右到左拖动鼠标绘出渐变色带 10 在工具箱中单击按钮 退出快速蒙版编辑状态 快速蒙版被转换为选区 按 delete 键删除选区内的彩虹 同理处理另一端 11 单击菜单命令 滤镜 模糊 高斯模糊 命令 将模糊半径设置为5 点击 ok 得到最终效果图 4 12 2020 31 4 12 2020 32 例6 闪电效果效果描述 制作闪电效果知识重点 滤镜中分层云彩和变亮模式的应用操作步骤 1 新建一个400 400像素 分辨率为72像素 英寸 rgb模式 背景为白色的文件 2 在工具栏中单击渐变工具 在工具选项栏中单击渐变选右端的下拉箭头显示渐变调板 并在调板中选择 前景色到背景色 渐变 3 在工具选项中选择线形渐变 4 将前景色和背景色设置为黑色和白色 然后在选区内由上至下拖动鼠标绘制渐变色 4 12 2020 33 5 单击菜单 滤镜 渲染 分层云彩 在图象中生成云彩效果 6 将图像反相 单击菜单命令 图像 调整 色阶 在对话框中将 输入色阶 的左端指针拖动到直方图的最左端 将中间指针拖动到比较靠右的位置 单击 ok 得到最终效果图如下 4 12 2020 34 现在已经很像闪电了 我们再来给它做两条分支 4 12 2020 35 例7 运动效果效果描述 本例通过多种手段模拟汽车行驶的运动效果 知识重点 动感模糊 滤镜和 径向模糊 滤镜的应用 操作步骤 1 打开汽车的源图片 2 在工具箱中单击 磁性套索 工具 沿汽车的边缘拖动鼠标 按汽车轮廓建立选区 3 单击菜单栏中 选择 羽化 命令 在弹出的对话框中 设置羽化半径为1个像素 然后单击 ok 4 12 2020 36 4 将选区中的图像复制粘贴到一个新的图层中 系统自动命名为 图层1 5 在图层调板中选中 背景图层 按住 ctrl 键单击 图层1 将该层的轮廓作为选区载入 6 在工具箱中单击吸管工具 然后在图像的窗口中单击汽车以外的背景中最具代表性的颜色 将其作为前景色 7 按快捷键 alt delete 使指定的前景色填充选区 8 取消选择 然后单击菜单命令 滤镜 模糊 动感模糊 在其对话框中将角度值设置为物体运动的角度 根据需要设置一定的距离值 30 单击 ok 应用滤镜效果 4 12 2020 37 9 选中 图层1 层 选中汽车的前轮 执行 滤镜 模糊 径向模糊 在对话框中 旋转 框选择沿周围方向产生模糊 设 数量 值为20 单击 ok 这是产生前轮胎模糊的效果 同样 处理其余轮胎 得到最终效果图 4 12 2020 38 例8 运动效果二效果描述 本例通过另一种模糊效果手段模拟汽车向前飞驰的运动效果 知识重点 径向模糊 滤镜 缩放式的应用 操作步骤 1 打开准备制作运动效果的源图片 2 按与上例相同的方法选中汽车复制到新图层 并使用相近色填充背景层中的汽车区域 4 12 2020 39 3 确认在图层中选中 背景图层 执行 滤镜 模糊 径向模糊 在对话框中选择在半径方向上对图像进行模糊 并将 数量 设置为10 在对话框的 模糊中心 示意图中鼠标调整模糊的中心 得到最终的效果图 4 12 2020 40 4 12 2020 41 方法总结在photoshop中 运动效果的制作原理是将物体或其背景按运动方向进行模糊 从而产生运动的效果 与一般的模糊不同 由运动产生的模糊应该是有方向性的 所以在制作运动模糊效果时 首先应该判断模糊的方向 例如 在上例中我们需要汽车在水平方向上向右开 因此需要将背景在水平方向上进行模糊 而车轮是旋转运动的 因此需要通过 径向模糊 滤镜在旋转方向上产生模糊 而在本例中 我们需要汽 4 12 2020 42 车向 前 开 因此通过 径向模糊 滤镜在半径方向上进行模糊 产生背景向后退的效果 径向模糊 滤镜是制作运动效果时 经常使用的滤镜 该滤镜包括 旋转 和 缩放 两种方式 前者将像素沿着圆周方向移动产生模糊效果 后者将像素沿着半径方向移动产生模糊效果 如果简单地选中运动物体或背景 然后直接进行模糊是有问题的 因为在模糊的过程中 运动物体与背景边缘处的像素会混合在一起 4 12 2020 43 例如 在例8中 车身的颜色会混入背后的背景中 这样的细节会极大地破坏整个作品的效果 所以我么需要先将运动物体复制到新图层 然后将背景中运动物体的位置填充上与背景接近的颜色 在对背景图层进行模糊 如果背景的差异比较大的话 使用单色填充可能也会造成不真实 在这种情况下 可以使用防制图章工