(精品)平面设计14.ppt
《(精品)平面设计14.ppt》由会员分享,可在线阅读,更多相关《(精品)平面设计14.ppt(48页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、平面设计4/10/20231 引引 言言 新的科技日新月异,世界经济更趋一体化。设计在新的科技日新月异,世界经济更趋一体化。设计在现代文化和商业中变奏,中国设计又当何去何从?现代文化和商业中变奏,中国设计又当何去何从?追溯历史,从西方到中国,追溯历史,从西方到中国,“设计设计”的演变不难的演变不难看出自身的发展和社会的认知度及属性。美术工艺看出自身的发展和社会的认知度及属性。美术工艺美术商业美术美术设计工业设计艺术设计美术商业美术美术设计工业设计艺术设计设计。从工艺美术到设计概念的转化在二十世纪经历设计。从工艺美术到设计概念的转化在二十世纪经历了繁杂并混沌的过程。设计在西方发展了百年。而在了繁
2、杂并混沌的过程。设计在西方发展了百年。而在中国,现代设计只有不到二十年的时间。中国,现代设计只有不到二十年的时间。今天的设计产业,从功能和形态上可分:产品设今天的设计产业,从功能和形态上可分:产品设计、视觉传达、环境设计三大领域。在视觉传达设计计、视觉传达、环境设计三大领域。在视觉传达设计中:摄影、插图、印刷出版物的中:摄影、插图、印刷出版物的平面设计、影视多媒、影视多媒体、网页设计、形象设计等范畴不断丰富设计内容。体、网页设计、形象设计等范畴不断丰富设计内容。4/10/20232 今天的设计产业,从功能和形态上可分:产品设今天的设计产业,从功能和形态上可分:产品设计、视觉传达、环境设计三大领
3、域。在视觉传达设计计、视觉传达、环境设计三大领域。在视觉传达设计中:摄影、插图、印刷出版物的中:摄影、插图、印刷出版物的平面设计、影视多媒、影视多媒体、网页设计、形象设计等范畴不断丰富设计内容。体、网页设计、形象设计等范畴不断丰富设计内容。每当翻开一本版式明快,色彩跳跃,文字流畅设每当翻开一本版式明快,色彩跳跃,文字流畅设计精美的杂志,你都有一种爱不释手的感觉,即使你计精美的杂志,你都有一种爱不释手的感觉,即使你对其中的文字内容并没有什么兴趣,有些精致的广告对其中的文字内容并没有什么兴趣,有些精致的广告也能吸引住你。这就是平面设计的魅力,它能把一种也能吸引住你。这就是平面设计的魅力,它能把一种
4、概念,一种思想通过精美的构图、版式和色彩,传达概念,一种思想通过精美的构图、版式和色彩,传达给看到它的人。其实只要掌握一些平面设计的规律,给看到它的人。其实只要掌握一些平面设计的规律,灵活运用,我们也能做出美妙的设计。灵活运用,我们也能做出美妙的设计。4/10/20233平平 面面 设设 计计一、基本概念一、基本概念 平面设计是将不同的平面设计是将不同的基本图形,按照一定的规则基本图形,按照一定的规则在平面上组合成图案的。主要在二度空间范围之内以在平面上组合成图案的。主要在二度空间范围之内以轮廓线划分图与地之间的界限,描绘形象。而平面设轮廓线划分图与地之间的界限,描绘形象。而平面设计所表现的立
5、体空间感,并非实在的三度空间,而仅计所表现的立体空间感,并非实在的三度空间,而仅仅是图形对人的视觉引导作用形成的幻觉空间。仅是图形对人的视觉引导作用形成的幻觉空间。二、平面设计的元素二、平面设计的元素1 1、概念元素、概念元素 所谓概念元素是那些不实际存在的,不可见的,所谓概念元素是那些不实际存在的,不可见的,但人们的意识又能感觉到的东西。例如我们看到尖角但人们的意识又能感觉到的东西。例如我们看到尖角的图形,感到上面有点,物体的轮廓上有边缘线。概的图形,感到上面有点,物体的轮廓上有边缘线。概念元素包括:点、线、面。念元素包括:点、线、面。4/10/202342 2、视觉元素、视觉元素 概念元素
6、不在实际的设计中加以体现,它将是没概念元素不在实际的设计中加以体现,它将是没有意义的。概念元素通常是通过视觉元素体现的,视有意义的。概念元素通常是通过视觉元素体现的,视觉元素包括图形的大小、形状、色彩等。觉元素包括图形的大小、形状、色彩等。3 3、关系元素、关系元素 视觉元素在画面上如何组织、排列,是靠关系元视觉元素在画面上如何组织、排列,是靠关系元素来决定的。包括:方向、位置、空间、重心等。素来决定的。包括:方向、位置、空间、重心等。4 4、实用元素、实用元素 指设计所表达的含义、内容、设计的目的及功能。指设计所表达的含义、内容、设计的目的及功能。4/10/20235三、平面设计的术语三、平
7、面设计的术语1 1、和谐、和谐 从狭义上理解,和谐的平面设计是统一与对比两从狭义上理解,和谐的平面设计是统一与对比两者之间不是乏味单调或杂乱无章的。广义上理解,是者之间不是乏味单调或杂乱无章的。广义上理解,是在判断两种以上的要素,或部分与部分的相互关时,在判断两种以上的要素,或部分与部分的相互关时,各部分给我们的感觉和意识是一种整体协调的关系。各部分给我们的感觉和意识是一种整体协调的关系。2 2、对比、对比 又称对照,把质或量反差很大的两个要素成功的又称对照,把质或量反差很大的两个要素成功的配列在一起,使人感觉鲜明强烈而又具有统一感,使配列在一起,使人感觉鲜明强烈而又具有统一感,使主体更加鲜明
8、、作品更加活跃。主体更加鲜明、作品更加活跃。3 3、对称、对称 假定在一个图形的中央设定一条垂直线,将图形假定在一个图形的中央设定一条垂直线,将图形分为相等的左右两个部分,其左右两个部分的图形完分为相等的左右两个部分,其左右两个部分的图形完全相等,这就是对称图。全相等,这就是对称图。4/10/202364 4、平衡、平衡 从物理上理解是指的重量关系,在平面设计中指的从物理上理解是指的重量关系,在平面设计中指的是根据图像的形量、大小、轻重、色彩和材质的分布作是根据图像的形量、大小、轻重、色彩和材质的分布作用与视觉判断上的平衡。用与视觉判断上的平衡。5 5、比例、比例 是指部分与部分,或部分与全体
9、之间的数量关系。是指部分与部分,或部分与全体之间的数量关系。比例是构成设计中一切单位大小,以及各单位间编排组比例是构成设计中一切单位大小,以及各单位间编排组合的重要因素。合的重要因素。6 6、重心、重心 画面的中心点,就是视觉的重心点,画面图像的轮画面的中心点,就是视觉的重心点,画面图像的轮廓的变化,图形的聚散,色彩或明暗的分布都可对视觉廓的变化,图形的聚散,色彩或明暗的分布都可对视觉中心产生影响。中心产生影响。7 7、节奏、节奏 节奏这个具有时间感的用于在构成设计上指以同一节奏这个具有时间感的用于在构成设计上指以同一要素连续重复时所产生的运动感。要素连续重复时所产生的运动感。4/10/202
10、378 8、韵律、韵律 平面构成中单纯的单元组合重复易于单调,由有平面构成中单纯的单元组合重复易于单调,由有规律变化的形象或色群间以数比、等比处理排列,使规律变化的形象或色群间以数比、等比处理排列,使之产生音乐的旋律感,成为韵律。之产生音乐的旋律感,成为韵律。四、平面设计的相关软件四、平面设计的相关软件1 1、Photoshop Adobe公司于公司于19871987年开发的迄今世界上最畅销的年开发的迄今世界上最畅销的图象编辑软件图象编辑软件Photoshop已成为许多涉及图象处理的行已成为许多涉及图象处理的行业标准,并且是业标准,并且是Adobe公司最大的收入来源。公司最大的收入来源。2 2
11、、CorelDRAW Corel公司开发的强大的绘图软件公司开发的强大的绘图软件CorelDRAW对对图象的处理功能也非常强大。图象的处理功能也非常强大。4/10/20238Photoshop图像的绘制与修复图像的绘制与修复 目标:目标:掌握基本的编辑技巧掌握基本的编辑技巧灵活运用修复技能灵活运用修复技能对图像进行细部的修饰对图像进行细部的修饰4/10/20239Photoshop基础知识基础知识 学习要点:学习要点:掌握掌握Photoshop中的常用术语、概念及其主要内容中的常用术语、概念及其主要内容掌握掌握Photoshop中常用的图象模式及其使用范围中常用的图象模式及其使用范围掌握掌握P
12、hotoshop的工作环境的工作环境4/10/202310一、一、基本概念基本概念、像素像素pixel在在Photoshop中,像素是组成图像的最基本单元,中,像素是组成图像的最基本单元,它是一个小的方形的颜色块。它是一个小的方形的颜色块。单位长度内的单位长度内的像素越多,分辨率(ppi)越高,图像的图像的效果就越好。、分辨率、分辨率pixel per inch 图像分辨率的单位是图像分辨率的单位是ppi,即像素英寸。即每,即像素英寸。即每英寸所包含的像素数量。英寸所包含的像素数量。图像的分辨率越高,图像就越有细节,颜色过图像的分辨率越高,图像就越有细节,颜色过渡就越平滑。渡就越平滑。分辨率越
13、高,所包含的,所包含的像素就越多,图,图像的像的信息量就越大,文件也就越大。4/10/202311、颜色深度颜色深度Color Depth 用来度量图像中有多少颜色信息可用于显示用来度量图像中有多少颜色信息可用于显示或者打印像素,其单位是或者打印像素,其单位是”位位(Bit)”。较大的颜色深度意味着数字图像具有较多的较大的颜色深度意味着数字图像具有较多的可用颜色和较精确的颜色表示。可用颜色和较精确的颜色表示。下表列出了常见的色彩深度、颜色数量和色彩模式关系:色彩深度颜色数量色彩数量1 1位位2 2(黑白)(黑白)位图位图8 8位位256256索引颜色索引颜色1616位位6553665536灰度
14、,灰度,1616位位/通通道道2424位位16701670万万RGBRGB3232位位CMYKCMYK,RGBRGB4848位位RGBRGB,1616位位/通通道道4/10/202312 4 4、颜色模型和模式、颜色模型和模式 简单的说颜色模型是用于表现颜色一种数学算法。简单的说颜色模型是用于表现颜色一种数学算法。常见的颜色模型包括:常见的颜色模型包括:HSB(H:色相、:色相、S:饱和度、:饱和度、B:亮度:亮度)RGB(R:红色、:红色、G:绿色、:绿色、B:蓝色):蓝色)CMYK(C:青色、:青色、M:洋红色、:洋红色、Y:黄色、:黄色、K:黑色:黑色)LAB 常见的常见的颜色模式包括:
15、颜色模式包括:位图模式、灰度模式、双色调模式、位图模式、灰度模式、双色调模式、RGB模式、模式、CMYK模式、模式、LAB模式、索引颜色模式、多通道模式、模式、索引颜色模式、多通道模式、8位位/通道模式和通道模式和16位位/通道模式。通道模式。4/10/202313HSB模型模型 HSB 模型是基于人眼对色彩的观察来定义的。模型是基于人眼对色彩的观察来定义的。(1)色相色相:所有色彩(红、橙、黄、绿、青、蓝、紫等)所有色彩(红、橙、黄、绿、青、蓝、紫等)都是表示颜色外貌的属性,它们就是所说的色相。非都是表示颜色外貌的属性,它们就是所说的色相。非彩色(黑、白、灰色)不存在色相属性。简单的说,彩色
16、(黑、白、灰色)不存在色相属性。简单的说,色相或者色调是物体反射或透射的光的波长,不同波色相或者色调是物体反射或透射的光的波长,不同波长的可见光具有不同的颜色。一般用长的可见光具有不同的颜色。一般用“”,范围,范围0360。(2)饱和度饱和度:是颜色的强度或纯度,表示色相中灰度成是颜色的强度或纯度,表示色相中灰度成分所占的比例。一般用分所占的比例。一般用“%”,范围,范围0%100%。(3)亮度:颜色的相对明暗程度,一般以亮度:颜色的相对明暗程度,一般以0%(黑色黑色)100%(白色白色)来度量。来度量。4/10/202314GRB模型和模式模型和模式绝大多数可视光谱可用红色、绿色和蓝色三色光
17、的不同比绝大多数可视光谱可用红色、绿色和蓝色三色光的不同比例和强度的混合来表示。在这三种颜色的重叠处产生青色、例和强度的混合来表示。在这三种颜色的重叠处产生青色、洋红、黄色和白色。洋红、黄色和白色。从上图可以看到两量相交的从上图可以看到两量相交的光线会越加越亮,得到更亮光线会越加越亮,得到更亮的中间色。的中间色。三种等量组合可以得到白色。所以我们称它们为三种等量组合可以得到白色。所以我们称它们为亮色,也叫加色,亮色,也叫加色,GRB模型又被称为色光加色法。模型又被称为色光加色法。4/10/202315CMYK模型和模式模型和模式我们看到印刷的颜色,实际上都是看到的纸张反射的光线,我们看到印刷的
18、颜色,实际上都是看到的纸张反射的光线,比如我们在画画的时候调颜色,也要用这种组合。颜料是吸收比如我们在画画的时候调颜色,也要用这种组合。颜料是吸收光线,不是光线的叠加,因此颜料的三原色就是能够吸收光线,不是光线的叠加,因此颜料的三原色就是能够吸收RGBRGB的颜色,为青、品、黄(的颜色,为青、品、黄(CMYCMY),他们就是),他们就是RGBRGB的补色。的补色。把黄色颜料和青色颜料混合起来,因为黄色颜料吸收蓝光,把黄色颜料和青色颜料混合起来,因为黄色颜料吸收蓝光,青色颜料吸收红光,因此只有绿色光反射出来,这就是黄色颜青色颜料吸收红光,因此只有绿色光反射出来,这就是黄色颜料加上青色颜料形成绿色
19、的道理。料加上青色颜料形成绿色的道理。所以所以CMYK模型产生颜色的方法有被称为色光减色法。模型产生颜色的方法有被称为色光减色法。4/10/202316二、工作环境二、工作环境 1 1、定制和优化、定制和优化PhotoshopPhotoshop的工作环境的工作环境 2 2、工具箱、工具箱 3 3、打开文件、打开文件 4 4、使用文件浏览器、使用文件浏览器 5 5、建立新文件、建立新文件 6 6、更改图像大小、更改图像大小 7 7、关于参考线的使用、关于参考线的使用 8 8、文件注释、文件注释 9 9、预设管理器、预设管理器 1010、在线帮助系统、在线帮助系统 1111、快捷键和关联菜单、快捷
20、键和关联菜单 1212、图像浏览、图像浏览 1313、调板、调板4/10/202317Photoshop简单实例简单实例例例1、黑白字效果、黑白字效果 效果描述:本例模拟黑白字效果效果描述:本例模拟黑白字效果 知识重点:矩形选取框、图层合并的应用知识重点:矩形选取框、图层合并的应用 操作步骤:操作步骤:(1)新建一个新建一个300200象素、分辨率为象素、分辨率为72象素象素/英寸,英寸,RGB模式,背景为白色的文件。模式,背景为白色的文件。(2)点击工具箱中的)点击工具箱中的“文字文字”选项,输入文字,通过上选项,输入文字,通过上方工具栏中的,调整好字体、字号等。方工具栏中的,调整好字体、字
21、号等。(3)执行)执行“图层图层/合并图层合并图层”命令,将图层合并。命令,将图层合并。4/10/202318 (4)点击矩形工具选取图像下半部分。点击矩形工具选取图像下半部分。(5)执行)执行“图像图像/调整调整/反相命令反相命令”。(6)执行)执行“选择选择/取消选择取消选择”。这样就得到最终效果文字这样就得到最终效果文字4/10/202319例例2 2、简单的羽化效果、简单的羽化效果 效果描述:本例模拟图片被羽化的效果效果描述:本例模拟图片被羽化的效果 知识重点:羽化的认识与应用知识重点:羽化的认识与应用 操作步骤:操作步骤:(1)打开准备制作羽化效果的源图片。)打开准备制作羽化效果的源
22、图片。(2)在工具栏中选择画圆工具在工具栏中选择画圆工具 ,在图片上绘制一,在图片上绘制一圆形。圆形。(3)执行)执行“选择选择/羽化羽化”命令,弹出命令,弹出“羽化选区羽化选区”将将“羽羽化半径化半径”定为定为10像素像素,单击单击“确定确定”。(4)将羽化图形复制粘贴在另一画面中与其相融。将羽化图形复制粘贴在另一画面中与其相融。得到最终效果图如下:得到最终效果图如下:4/10/2023204/10/202321例例3、结冰字、结冰字 效果描述:本例模拟结冰文字的效果效果描述:本例模拟结冰文字的效果 知识重点:滤镜的应用知识重点:滤镜的应用 操作步骤:操作步骤:(1)新建一个)新建一个300
23、300像素,分辨率为像素,分辨率为72像像素素/英寸、灰度模式、背景为白色的文件。英寸、灰度模式、背景为白色的文件。(2)点击工具箱中的)点击工具箱中的“文字文字”工具,在窗口工具,在窗口中输入中输入“冰冰”,通过界面上方的文字工具栏设置,通过界面上方的文字工具栏设置好字体、字号等。好字体、字号等。(3)选中左侧工具栏中的)选中左侧工具栏中的“魔棒工具魔棒工具”,在,在窗口的空白部位单击鼠标,使之处于选中状态。窗口的空白部位单击鼠标,使之处于选中状态。4/10/202322 (4)执行执行“滤镜滤镜/象素化象素化/晶格化晶格化”命令,在弹出命令,在弹出的对话框中,设置的对话框中,设置“单元格大
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 精品 平面设计 14
限制150内