平面设计基础知识课件

主讲：王蕾交流QQ群：187177018平面设计主讲：王蕾平面设计1课程简介学习内容应用领域学习方法考核方式课程简介学习内容2学习内容Photoshop的基础知识、操作方法及其在各平面设计领域中的应用。基础篇介绍平面设计的原则Photoshop各功能模块的使用方法，通过学习实例达到深入了解软件功能的目的；方法篇通过对画笔、抠像、调色与材质的讲解，深入了解Photoshop的核心功能；案例篇通过多个经典案例详细剖析了Photoshop在标志设计、字体设计、海报设计和包装设计等领域中的应用，同时在案例中整合了工具详解和行业知识等模块，旨在培养和提升综合设计能力，尽快成为一名合格的设计者。学习内容Photoshop的基础知识、操作方法及其在各平面设3教材1.使用教材李涛主编.PhotoshopCS5中文版案例教程.高等教育出版社，2012,10.2．主要参考书：朱丽静主编.PhotoshopCS3平面设计案例教程.北京：航空工业出版社，2008.6.张立娜等主编.平面设计基础与应用教程。人民邮电出版社，2013.教材1.使用教材4应用领域广告设计图案设计商业插画网页美工设计动画设计美术编辑版式设计等应用领域广告设计5学习方法Photoshop只是工具多看——提高美学鉴赏能力多想——培养创意思维多做——从模仿到创作学习方法Photoshop只是工具6考核方式平时成绩（作业+考勤+课堂表现）期末成绩（综合设计）考核方式平时成绩（作业+考勤+课堂表现）7第1章平面设计基础知识1.1图像处理的基本概念

1.2Photoshop的操作界面

1.3案例1：合成照片第1章平面设计基础知识1.1图像处理的基本概念

81.1图像处理的基本概念

1.1.1像素与分辨率像素是构成图像的最小单位，它的形态是一个小点。很多个像素组合在一起就构成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。1.1图像处理的基本概念

1.1.1像素与分辨率91.1图像处理的基本概念

分辨率，是指在单位长度内所含有的点或像素的多少，其单位为“像素/英寸”或者“像素/厘米”。图像分辨率的高低直接影响图像的质量，分辨率越高，文件也就越大，图像也会越清晰，（300PPI）所示，处理速度也会变慢；反之，分辨率越低，图像就越模糊，（72PPI）所示，文件也会越小。1.1图像处理的基本概念

分辨率，是指在单位长度内所含有101.1图像处理的基本概念

1.1.2位图与矢量图位图又称为点阵图，是由许多点组成，这些点为像素（pixel）。当许多不同颜色的点（即像素）组合在一起后，便构成了一幅完整的图像。位图可以记录每一个点的数据信息，因而可以精确地制作出色彩和色调变化丰富的图像，可以逼真地表现自然界的景象，达到照片般的品质。但是，它由于所包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边缘会出现锯齿，如图所示。1.1图像处理的基本概念

1.1.2位图与矢量图111.1图像处理的基本概念

矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。1.1图像处理的基本概念

矢量图形也称为向量式图形，它用121.1图像处理的基本概念

1.1.3色彩模式1．RGB模式RGB模式是Photoshop默认的色彩模式，是图形图像设计中最常用的色彩模式。它代表了可视光线的3种基本色，即红、绿、蓝，它也称为“光学三原色”，每一种颜色存在着256个等级的强度变化。当三原色重叠时，由不同的混色比例和强度会产生其他的间色，三原色相加会产生白色，如图所示。RGB模式在屏幕表现下色彩丰富，所有滤镜都可以使用，各软件之间文件兼容性高，但在印刷输出时偏色情况较重。1.1图像处理的基本概念

1.1.3色彩模式131.1图像处理的基本概念

2、CMYK模式CMYK模式即由C（青色）、M（洋红）、Y（黄色）、K（黑色）合成颜色的模式，这是印刷上主要使用的颜色模式。由青色、洋红、黄色叠加即生成红色、绿色、蓝色及黑色，如图所示；黑色用来增加对比度，以补偿CMY产生黑度不足之用。由于印刷使用的油墨都包含一些杂质，单纯由C、M、Y3种油墨混合不能产生真正的黑色，因此需要加一种黑色（K）。CMYK模式是一种减色模式，每一种颜色所占的百分比范围为0%~100%，百分比越大，颜色越深。1.1图像处理的基本概念

2、CMYK模式141.1图像处理的基本概念3、灰度模式灰度模式可以将图片转变成黑白相片的效果，如图所示；它采用256级不同浓度的灰度来描述图像，每一个像素都有0~255之间的范围亮度的亮度值。彩色图像转换为灰度模式时，所有颜色信息将被删除。灰度模式的图像再转换为彩色模式，原来已丢失的颜色信息不能再恢复。1.1图像处理的基本概念3、灰度模式151.1图像处理的基本概念4．位图模式位图模式也称为黑白模式，使用黑、白双色来描述图像中的像素，如图所示，黑白之间没有灰度过度色，该类图像占用的内存空间非常少。当一副彩色图像要转换为黑白模式时，不能直接转换，必须先将图像转换为灰度模式，然后再转换为位图模式。1.1图像处理的基本概念4．位图模式161.1.4图像处理的基本概念——文件格式

3.TIFF(*.tif)格式

2.BMP(*.bmp)格式

4.JPEG(*.jpg)格式

5.EPS(*.eps)格式

6.GIF(*.gif)格式

1.PSD(*.psd)格式Photoshop软件自带的格式，这种格式可以存储Photoshop中所有的图层、通道、参考线、注释和颜色模式等信息。一种无损压缩格式，便于在应用程序之间和计算机平台之间进行图像数据交换。是一种有损压缩格式，是文件比较小，可以进行高倍率的压缩，是目前格式中压缩率非常高的格式之一。Windows或OS2标准的位图图像文件格式，它支持RGB、索引颜色、灰度和位图颜色模式，但不支持Alpha通道。EPS格式为压缩的PostScript格式，是为在PostScript打印机上输出图像开发的格式。CompuServe提供的一种图像格式，最多只能保存256色的RGB色阶阶数。1.1.4图像处理的基本概念——文件格式3.TIFF2.1图像处理的基本概念——文件格式

9.PICT(*.pic)格式

8.FilmStrip(*.flm)

10.JPNG(*.png)格式

11.PDF(*.pdf)格式

12.TGA(*.tga)格式

7.PCX(*.pcx)格式最早是ZSOFT公司的Paintbrush图形软件所支持的图像格式，支持I～24位的图像，并可以用RLE的压缩方式保存文件。能够对具有大块相同颜色的图形进行有效的压缩，支持RGB、索引颜色、灰度和位图颜色模式，在RGB颜色模式下还支持Alpha通道。是一种有损压缩格式，是文件比较小，可以进行高倍率的压缩，是目前格式中压缩率非常高的格式之一。AdobePremiere动画软件使用的格式，可以在Photoshop中打开、修改并保存。是Adobe公司开发的用于Windows、MACOS、UNIX和DOS系统的一种电子出版软件的文档格式，适用于不同的平台。专门用于使用rueVision视频卡的系统，受MS-DOS颜色应用程序的支持。该格式支持24位和32位的RGB图像。2.1图像处理的基本概念——文件格式9.PICT(*.1.2Photoshop的操作界面1.2Photoshop的操作界面工具条工具条面板组面板组面板组面板组1.1.3案例1：照片合成1.1.3案例1：照片合成案例1：照片合成要点提示图像的新建与打开图像尺寸：1728*1296分辨率：72像素/英寸图像的选择、拷贝和粘贴方式一：使用菜单命令（选择->全选；编辑—>拷贝、粘贴）方式二：使用移动工具图层的排列调整方式一：使用菜单命令（图层->排列）方式二：使用鼠标拖拽图像的保存PSD格式JPEG格式案例1：照片合成练习圣诞贺卡效果图素材练习圣诞贺卡效果图素材练习手机广告效果图素材练习手机广告效果图素材拓展图书封面效果图提示：本课内容及变换工具的使用画笔与橡皮擦参考线拓展图书封面效果图提示：本课内容及变换工具的使用拓展唇彩广告效果图素材提示：本课内容及变换工具的使用拓展唇彩广告效果图素材提示：本课内容及变换工具的使用搜索任务1、结合Photoshop数字图像处理技术的运用领域，利用网络搜索在平面设计、修复照片、广告摄影、影像创意、艺术文字、网页制作、建筑效果图后期修饰、绘画、绘制或处理三维帖图、婚纱照片设计等多个领域的应用实例。2、以“Photoshop学习经验”为关键词，在搜索引擎中搜索Photoshop高手的学习感悟。3、搜集以“中秋节”为主题的平面设计作品，找到至少三幅作品，观察其配色、布局、排版等，体会其构思、创意，并写出观后感。搜索任务1、结合Photoshop数字图像处理技术的运用领域29制作任务1、搜索素材下载站点，尝试制作以“中秋节”为主题的作品。/304-2//制作任务1、搜索素材下载站点，尝试制作以“中秋节”为主题的作30主讲：王蕾交流QQ群：187177018平面设计主讲：王蕾平面设计31课程简介学习内容应用领域学习方法考核方式课程简介学习内容32学习内容Photoshop的基础知识、操作方法及其在各平面设计领域中的应用。基础篇介绍平面设计的原则Photoshop各功能模块的使用方法，通过学习实例达到深入了解软件功能的目的；方法篇通过对画笔、抠像、调色与材质的讲解，深入了解Photoshop的核心功能；案例篇通过多个经典案例详细剖析了Photoshop在标志设计、字体设计、海报设计和包装设计等领域中的应用，同时在案例中整合了工具详解和行业知识等模块，旨在培养和提升综合设计能力，尽快成为一名合格的设计者。学习内容Photoshop的基础知识、操作方法及其在各平面设33教材1.使用教材李涛主编.PhotoshopCS5中文版案例教程.高等教育出版社，2012,10.2．主要参考书：朱丽静主编.PhotoshopCS3平面设计案例教程.北京：航空工业出版社，2008.6.张立娜等主编.平面设计基础与应用教程。人民邮电出版社，2013.教材1.使用教材34应用领域广告设计图案设计商业插画网页美工设计动画设计美术编辑版式设计等应用领域广告设计35学习方法Photoshop只是工具多看——提高美学鉴赏能力多想——培养创意思维多做——从模仿到创作学习方法Photoshop只是工具36考核方式平时成绩（作业+考勤+课堂表现）期末成绩（综合设计）考核方式平时成绩（作业+考勤+课堂表现）37第1章平面设计基础知识1.1图像处理的基本概念

1.2Photoshop的操作界面

1.3案例1：合成照片第1章平面设计基础知识1.1图像处理的基本概念

381.1图像处理的基本概念

1.1.1像素与分辨率像素是构成图像的最小单位，它的形态是一个小点。很多个像素组合在一起就构成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。1.1图像处理的基本概念

1.1.1像素与分辨率391.1图像处理的基本概念

分辨率，是指在单位长度内所含有的点或像素的多少，其单位为“像素/英寸”或者“像素/厘米”。图像分辨率的高低直接影响图像的质量，分辨率越高，文件也就越大，图像也会越清晰，（300PPI）所示，处理速度也会变慢；反之，分辨率越低，图像就越模糊，（72PPI）所示，文件也会越小。1.1图像处理的基本概念

分辨率，是指在单位长度内所含有401.1图像处理的基本概念

1.1.2位图与矢量图位图又称为点阵图，是由许多点组成，这些点为像素（pixel）。当许多不同颜色的点（即像素）组合在一起后，便构成了一幅完整的图像。位图可以记录每一个点的数据信息，因而可以精确地制作出色彩和色调变化丰富的图像，可以逼真地表现自然界的景象，达到照片般的品质。但是，它由于所包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边缘会出现锯齿，如图所示。1.1图像处理的基本概念

1.1.2位图与矢量图411.1图像处理的基本概念

矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。1.1图像处理的基本概念

矢量图形也称为向量式图形，它用421.1图像处理的基本概念

1.1.3色彩模式1．RGB模式RGB模式是Photoshop默认的色彩模式，是图形图像设计中最常用的色彩模式。它代表了可视光线的3种基本色，即红、绿、蓝，它也称为“光学三原色”，每一种颜色存在着256个等级的强度变化。当三原色重叠时，由不同的混色比例和强度会产生其他的间色，三原色相加会产生白色，如图所示。RGB模式在屏幕表现下色彩丰富，所有滤镜都可以使用，各软件之间文件兼容性高，但在印刷输出时偏色情况较重。1.1图像处理的基本概念

1.1.3色彩模式431.1图像处理的基本概念

2、CMYK模式CMYK模式即由C（青色）、M（洋红）、Y（黄色）、K（黑色）合成颜色的模式，这是印刷上主要使用的颜色模式。由青色、洋红、黄色叠加即生成红色、绿色、蓝色及黑色，如图所示；黑色用来增加对比度，以补偿CMY产生黑度不足之用。由于印刷使用的油墨都包含一些杂质，单纯由C、M、Y3种油墨混合不能产生真正的黑色，因此需要加一种黑色（K）。CMYK模式是一种减色模式，每一种颜色所占的百分比范围为0%~100%，百分比越大，颜色越深。1.1图像处理的基本概念

2、CMYK模式441.1图像处理的基本概念3、灰度模式灰度模式可以将图片转变成黑白相片的效果，如图所示；它采用256级不同浓度的灰度来描述图像，每一个像素都有0~255之间的范围亮度的亮度值。彩色图像转换为灰度模式时，所有颜色信息将被删除。灰度模式的图像再转换为彩色模式，原来已丢失的颜色信息不能再恢复。1.1图像处理的基本概念3、灰度模式451.1图像处理的基本概念4．位图模式位图模式也称为黑白模式，使用黑、白双色来描述图像中的像素，如图所示，黑白之间没有灰度过度色，该类图像占用的内存空间非常少。当一副彩色图像要转换为黑白模式时，不能直接转换，必须先将图像转换为灰度模式，然后再转换为位图模式。1.1图像处理的基本概念4．位图模式461.1.4图像处理的基本概念——文件格式

3.TIFF(*.tif)格式

2.BMP(*.bmp)格式

4.JPEG(*.jpg)格式

5.EPS(*.eps)格式

6.GIF(*.gif)格式

1.PSD(*.psd)格式Photoshop软件自带的格式，这种格式可以存储Photoshop中所有的图层、通道、参考线、注释和颜色模式等信息。一种无损压缩格式，便于在应用程序之间和计算机平台之间进行图像数据交换。是一种有损压缩格式，是文件比较小，可以进行高倍率的压缩，是目前格式中压缩率非常高的格式之一。Windows或OS2标准的位图图像文件格式，它支持RGB、索引颜色、灰度和位图颜色模式，但不支持Alpha通道。EPS格式为压缩的PostScript格式，是为在PostScript打印机上输出图像开发的格式。CompuServe提供的一种图像格式，最多只能保存256色的RGB色阶阶数。1.1.4图像处理的基本概念——文件格式3.TIFF2.1图像处理的基本概念——文件格式

9.PICT(*.pic)格式

8.FilmStrip(*.flm)

10.JPNG(*.png)格式

11.PDF(*.pdf)格式

12.TGA(*.tga)格式

7.PCX(*.pcx)格式最早是ZSOFT公司的Paintbrush图形软件所支持的图像格式，支持I～24位的图像，并可以用RLE的压缩方式保存文件。能够对具有大块相同颜色的图形进行有效的压缩，支持RGB、索引颜色、灰度和位图颜色模式，在RGB颜色模式下还支持Alpha通道。是一种有损压缩格式，是文件比较小，可以进行高倍率的压缩，是目前格式中压缩率非常高的格式之一。AdobePremiere动画软件使用的格式，可以在Photoshop中打开、修改并保存。是Adobe公司开发的用于Windows、MACOS、UNIX和DOS系统的一种电子出版软件的文档格式，适用于不同的平台。专门用于使用rueVision视频卡的系