photoshop平面设计基础精讲.pptx
《photoshop平面设计基础精讲.pptx》由会员分享,可在线阅读,更多相关《photoshop平面设计基础精讲.pptx(109页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第1章 PhotoShop平面设计基础1.1 平面设计基础1.2 数字图像处理的基本概念1.3 PhotoShop的工作界面1.4 图像文件的基本操作1.5 PhotoShop的基本操作1.6 图像编辑第1页/共109页1.1 平面设计基础1.1.1 平面设计的基本概念1.1.2 平面设计的基本要素1.1.3 平面设计的常用软件第2页/共109页1.1.1 平面设计的基本概念1.平面设计的概念 平面设计是设计范畴中一个非常重要的组成部分,是计算机多媒体技术的一个主要应用方向,是以平面介质(纸张、书刊、报纸等)为载体,以视觉为传达方式,通过大量复制(印刷、打印、喷绘)等手段向观众传播信息的一种造
2、型设计活动。2.平面设计的应用领域 平面设计是把平面上传达信息的基本视觉元素,即图形(如标志、插图)、色彩、文字等,通过系统化的方式进行编排组合之后的重新呈现,从而使信息更生动、简洁、准确地传达出来,成为批量生产的印刷品。平面设计广泛应用于平面出版、广告设计、包装设计、室内装潢设计、工程制图设计、企业形象设计、书籍装帧设计、标志设计、广告招贴设计、海报设计、展板设计以及网页设计等领域。第3页/共109页3平面设计的基本原则 (1)思想性与单一性;(2)艺术性与表现性;(3)趣味性与独创性;(4)对比与调和;(5)对称与均衡;(6)变化与统一。1.1.1 平面设计的基本概念第4页/共109页1.
3、1.2 平面设计的基本要素1图形图像 图形图像是平面设计主要的构成要素,能够直观形象地表现平面设计的主题和创意。图形图像要素有插图、商标、画面轮廓线等元素,可以是黑白画、喷绘插画、绘画插画、摄影作品等,表现形式有写实、象征、漫画、卡通、装饰、构成等。2文字 文字是平面设计不可缺少的构成要素,配合图形图像要素来实现设计主题,具有引起注意、传播信息、感染对象等作用。文字要素主要有标题、标语(广告语)、正文、附文等元素。文字是人类交流思想与感情的重要工具,能够表达人类思想感情的抽象意义,具有结构完整而又变化无穷的鲜明形象。3色彩 色彩是平面设计关键的构成要素,是把握人的视觉的关键所在,也是平面设计表
4、现形式的重点所在。色彩具备情感,能够激发人的感情,能够传达一种信息给观众,使观众产生无限的遐想和活力。色彩要素有色相、纯度、明度等元素,它们是构成画面色彩的主要因素。图形图像、文字、色彩是构成平面设计的三大要素。第5页/共109页1.1.2 平面设计的基本要素 色相指色彩的相貌或种类,是某一颜色区别于其他颜色的最基本特征,能够比较确切地表示某种颜色色别的名称,如红、橙、黄、绿、青、蓝、紫等,如图1-2所示。配色板右侧的纵向彩条,代表色相,自下向上按红、橙、黄、绿、青、蓝、紫的顺序排列。图1-2 不同色相的排列 图1-3 红色的纯度变化 纯度即彩度,亦称饱和度,是指色彩的纯净程度、鲜艳度或浓度。
5、有饱和度的色叫做有彩色,无饱和度的色叫做无彩色。色谱中的红、橙、黄、绿、青、蓝、紫都具有最高的饱和度,也是该色彩的固有色。黑、白、灰为无彩色,即色彩的饱和度为0,无彩色没有饱和度和色相的性质,只有亮度的区别。配色板左侧色区的横向变化表现为饱和度的变化,如图1-3所示为红色纯度的变化。第6页/共109页1.1.2 平面设计的基本要素 明度即亮度,亦称光度或深浅度,是指色彩的明暗程度。有彩色和无彩色都有明度的区别。明度包含同一色相的明度变化和不同色相的明度变化两种情况,如图1-4、图1-5所示,配色板左侧色区的纵向变化表现为明度的变化。图1-4 红色的明度变化 图1-5 黑灰白的明度变化 平面设计
6、色彩主要是以企业标准色、形象色、季节的象征色以及流行色等为主色,利用色彩的纯度、明度和色相的对比,突出画面形象和底色的关系,突出设计内容和周围环境的对比,增强平面设计的视觉效果。色彩不是孤立存在的,进行色彩设计时,色彩必须体现平面设计作品中其他元素的质感、特色,美化与装饰版面,同时要与周围的环境、气候、欣赏习惯等相适应,还要考虑远、近、大、小等视觉变化规律。第7页/共109页1.1.3 平面设计常用软件简介1Adobe Photoshop Adobe Photoshop是美国Adobe公司的产品,它提供了现有最广泛、最高产的工具组合,功能强大并且操作简便,广泛应用于平面图像处理、绘图、多媒体界
7、面设计、网页设计、广告设计制作等领域,是目前Mac和PC上普遍使用的最流行的图像编辑设计软件之一。本书将主要讲解Adobe Photoshop平面设计有关知识、操作技巧及其应用。2Adobe Illustrator Adobe Illustrator是美国Adobe公司的产品,具有丰富的工具、控制面板与命令,是功能强大的矢量绘图软件,广泛应用于宣传页、美术、动画造型、广告和网页设计等领域。3Corel Painter Corel Painter是加拿大Corel公司的产品,它提供有上百种画笔和创作材料,是较好的天然介质绘画工具,并且在高品质打印和网络输出方面展示出新的前景。第8页/共109页1
8、.1.3 平面设计常用软件简介4CorelDRAW CorelDRAW是加拿大Corel公司的产品,它是一款众所周知的非常好用的矢量图形绘图和图文排版软件,具有功能强大的图形程序组,广泛应用于产品包装设计、广告海报、办公、印刷和网页图形设计制作等领域。5AutoCAD AutoCAD是Autodesk公司推出的功能强大的计算机辅助设计软件,广泛应用于机械、电子、建筑、造船、航天、家居、服装以及工业等设计领域。第9页/共109页1.2 数字图像处理的基本概念1.2.1 矢量图形1.2.2 位图图像1.2.3 图像分辨率1.2.4 图像格式1.2.5 颜色模式第10页/共109页1.2.1 矢量图
9、形 在数字图像处理中,矢量图形是计算机主要处理的图形图像之一。矢量图形是由诸如Adobe Illustrator、CorelDRAW、Macromedia FreeHand等矢量图形软件创建的,是由一些以数学方式来定义的直线、曲线、形状和色块等对象组成,其基本组成单元是锚点和路径。矢量图形文件适合于保存色块色、形状感明显的视觉图形。矢量图形的优点是矢量图形与分辨率无关,矢量图形文件所占据的磁盘空间相对较小,其文件大小与图形中所包含对象的数量和复杂程度有关,而与输出介质的尺寸大小无关。矢量图形对象的线条非常流畅光滑,不论放大或缩小多少倍,其清晰度不变,线条保持良好的光滑度及比例相似性。如图1-6
10、所示为一矢量图形及其按200%放大后的效果。图1-6 矢量图形及放大后的效果第11页/共109页1.2.2 位图图像 在数字图像处理中,位图图像是计算机主要处理的另一种图形图像。创建位图图像的常用软件有Adobe Photoshop、Photo Impact、Cool3D等软件。位图图像亦称为点阵图,是由很多且有限数量的小彩色方块点即像素点排列组成的可识别的图像,每个像素点都具有特定的位置和颜色值。像素是位图图像存储和计算的核心数据,编辑图像实际上编辑修改的是像素点的位置和颜色值。因此,在保存位图图像时,需要记录每个像素点的位置和颜色,所以图像像素越多(分辨率越高),图像越清晰,而文件所占硬盘
11、空间也越大,计算机在处理图像时运行速度也就越慢。放大或缩小位图图像,像素点也随之放大或缩小,当像素点被放大或缩小到一定程度后,图像就会变得不清晰,边缘会出现锯齿现象。如图1-7所示为一位图图像及其按140%放大后的效果。图1-7 位图图像及放大后的效果 注意:矢量图形和位图图像,在计算机显示器上都是以像素来显示的。第12页/共109页1.2.3 图像分辨率 图像分辨率是图像处理中一个非常重要的概念,它与图像尺寸的值一并决定了图像文件的大小与输出质量。图像分辨率就是位图图像每英寸(或厘米)所包含的像素的数量,其单位为dpi。图像分辨率越高,意味着每英寸所包含的像素越多,图像就有越多的细节,颜色过
12、渡就越平滑,图像质量就越好。如图1-8所示为相同尺寸的位图图像设置不同分辨率(左低右高)的对比效果。图1-8 不同分辨率位图图像的对比效果第13页/共109页1.2.3 图像分辨率 提示:分辨率不等于图像分辨率,分辨率不仅与图像本身有关,还与显示器、打印机、扫描仪等设备有关。在新建文件时应根据图像不同的用途设置不同的分辨率,既保证图像质量又提高处理速度。如果是用于超大面积喷绘,其分辨率可设置为2072dpi;如果是用于大副喷绘、多媒体界面、网络中,其分辨率可设置为72 dpi;如果是用于丝网印刷,其分辨率可设置为96dpi;如果是用于报纸印刷,其分辨率可设置为128dpi;如果是用于转轮印刷,
13、其分辨率可设置为200dpi;如果是用于彩色印刷品印刷,则其分辨率设置不小于300dpi即可。第14页/共109页1.2.4 图像格式 根据记录图像信息方式(点阵图或矢量图)与压缩图像数据方式的不同,文件可分为多种格式,每种格式的文件都有相应的扩展名。不同格式的文件用途不同,文件大小也不同。1PSD格式 PSD格式是Photoshop专用的默认文件格式即分层格式,扩展名为“.PSD”,支持所有可用图像模式(位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道)、参考线、图层(调整图层、文字图层和图层样式)、Alpha通道和专色通道。PSD格式保存了图像较多的层和通道等信息,如图1-9
14、所示。当图像以PSD格式保存时,比其他格式打开和保存图像的速度快,系统自动对文件进行压缩,但压缩不会丢失数据,文件容量通常比其他格式的文件大。图1-9 PSD格式存储多种信息第15页/共109页1.2.4 图像格式2TIFF格式 TIFF(Tagged Image File Format)格式是一种有标签的图像文件格式,扩展名为“.TIF”,支持Photoshop中除双色调模式之外的所有颜色模式,如RGB、CMYK、Lab、索引、位图、灰度色彩模式,同时还支持图层和Alpha通道。TIFF格式图像文件的包容性十分强大,可以包含许多种不同类型的图像,是一种在平面设计领域中最常用的图像文件格式,是
15、桌面印刷出版应用的理想格式。几乎所有的图像编辑和排版软件都支持TIFF格式,由于TIFF格式独立于操作平台和软件,因此在PC和Mac之间交换图像通常都采用这种格式。保存图像文件时,在“存储为”对话框中选择TIFF格式,单击【保存】按钮,弹出“TIFF选项”对话框,如图1-10所示。第16页/共109页1.2.4 图像格式 “TIFF选项”对话框中的主要选项参数含义如下:图像压缩:选择用于压缩复合图像数据的方法,包含无、LZW、ZIP、JPEG四个选项。其中LAW为无损压缩,压缩时不影响图像像素,选择该选项压缩文件后,可以在Photoshop以外的应用程序中打开TIFF文件。像素顺序:指定像素数
16、据的组织方式,包含隔行、每通道两个选项。字节顺序:在该选项中选择一个选项,以确定与PC或Mac的文件兼容性。存储图像金字塔:选择该选项后,能够存储复合图像的多分辨率信息。存储透明度:选择该选项后,随复合图像存储透明度。如果当前图像透明度小于100并且已在其他程序中打开,则图像中的透明度将以A1pha通道的形式存在。第17页/共109页1.2.4 图像格式 图层压缩:设置图层数据的压缩方法,或放弃图层数据,包含RLE、ZIP、扔掉图层并存储拷贝三个选项。图1-10“TIFF选项”对话框 图1-11“BMP选项”对话框第18页/共109页1.2.4 图像格式3BMP格式 BMP(Bit Mappe
17、d)格式是PC机Windows环境下的标准图像文件格式,扩展名为“.BMP”,用画图程序可编辑处理此格式图像文件,被多种Windows和OS/2应用程序所支持。BMP格式支持RGB、索引颜色、灰度和位图颜色模式,不支持图层和Alpha通道。不能用CMYK模式存储BMP文件。保存图像文件时,在“存储为”对话框中选择BMP格式,单击【保存】按钮,弹出“.BMP选项”对话框,如图1-11所示。“BMP选项”对话框中的主要选项参数含义如下:文件格式:选择适用的机型即工作环境,如Windows或者OS/2。深度:选择位深度,如选择24位深度,最多可使用1670(224)万种的色彩,因此BMP格式的图像色
18、彩特别丰富。压缩:BMP格式采用RLE无损压缩。压缩数据时,既节省磁盘空间又不丢失图像信息,对图像质量不会产生影响。第19页/共109页1.2.4 图像格式4GIF格式 GIF(Graphics Interchange Format)是由CompuServe机构发展出来的点阵式图像文件格式,扩展名为“.GIF”,它也是一种图像压缩格式,采用LZW压缩算法,可以将24位(224色)图像压缩生成8位(28色)图像文件,具有很好的压缩比,可以有效降低文件大小又保持图像的色彩信息,是输出图像到网页常用的格式。GIF格式图形图像支持灰度、BMP和索引颜色模式,保留索引颜色图像中的透明度。多种图像处理软件
19、都具备处理GIF文件的能力。保存图像文件时,在“存储为”对话框中选择GIF格式,单击【保存】按钮,弹出“GIF选项”对话框,如图1-12所示。“GIF选项”对话框中的主要选项参数含义如下:正常:图像下载的方式为下载完再显示图像。交错:图像下载的方式为逐步增加细节显示图像,即边下载边显示图像。第20页/共109页1.2.4 图像格式5JPEG格式 JPEG(Joint Photographic Experts Group,联合图像专家组)格式是最常见最常用的一种图像格式,扩展名为“.JPG”,JPEG格式图像支持灰度、RGB、CMYK颜色模式,不支持图层、Alpha通道。JPEG格式是利用离散余
20、弦转换压缩技术来存储静态图像的最有效、最基本的有损压缩格式,被大多数的图形图像软件所支持。JPEG格式图像被广泛应用于Web页上。保存图像文件时,在“存储为”对话框中选择JPEG格式,单击【保存】按钮,弹出“JPEG选项”对话框,如图1-13所示。图1-12“GIF选项”对话框 图1-13“JPEG选项”对话框第21页/共109页1.2.4 图像格式 “JPEG选项”对话框中的主要选项参数含义如下:预览:选中“预览”选项时,在“大小”框中会显示当前压缩级别下该图像的大小和不同传输速率时其下载时间。图像选项:对图像的品质和压缩别进行设置。可以在“品质”框中输入012之间的数值,或者拖移下面的滑块
21、,或者在右边的下拉列表中选择“低”、“中”、“高”、“最佳”4种压缩方式中的一种。格式选项:包含“基线标准”、“基线已优化”、“连续”3个单选项。其中,“基线标准”格式是能被大多数Web游览器识别的格式;“基线已优化”格式则能优化图像的色彩品质并产生稍小一些的文件;“连续”格式则使图像在下载时逐渐显示出整个图像,但文件稍大些。第22页/共109页1.2.4 图像格式6EPS格式 EPS格式(Encapsulated PostScript)是图像处理中一种非常重要的格式,扩展名为“.EPS”,它被所有的图形、页面排版软件所支持,包含矢量图形和位图图像,主要用在应用程序间传输PostScript语
22、言图稿。EPS格式支持灰度、位图、双色调、Lab、CMYK、RGB、索引颜色等所有颜色模式,不支持Alpha通道。其最大优点是在各排版软件中可以低分辨率预览,打印输出时则以高分辨率输出。保存图像文件时,在“存储为”对话框中选择EPS格式,单击【保存】按钮,弹出“EPS选项”对话框,如图1-14所示。图1-14“EPS选项”对话框第23页/共109页1.2.4 图像格式 “EPS选项”对话框中的主要选项参数含义如下:预览:设置图像的预览方式,包含“无”、“TIFF(1位/像素)”、“TIFF(8位/像素)”3个选项。在保存文件时,要选择一种低分辨率预览形式。要在Macintosh和Widows系
23、统之间共享EPS文件,选用TIFF预览。编码:设置图像的编码方式,包含“ASC”、“ASC85”、“二进制”及“JPEG(低品质)”、“JPEG(中等品质)”、“JPEG(高品质)”、“JPEG(最佳品质)”。提示:因为EPS格式在保存过程中图像容量大,所以如果仅仅是保存图像,建议不要使用EPS格式。如果文件直接打印,为避免打印问题,最好也不使用EPS格式,可以用TIFF或JPEG格式。第24页/共109页1.2.4 图像格式7其他格式 (1)PICT格式 PICT格式是Mac图形和页面排版程序中常见的数据文件格式。PICT格式支持带一个Alpha通道的RGB文件和不带Alpha通道的索引颜色
24、、灰度、位图文件,它对压缩具有大面积单色的图像非常有效。如果要在PC机上用Photoshop打开一幅Mac机上的PICT图像文件,要在PC机上安装QuickTime软件。如果PC机上的图像要在Mac机上打开,保存成PICT格式较好,因为它的打开速度较快。(2)PCX格式 PCX是由Zsoft公司开发而成的一种在MS-DOS环境中十分常见的图像文件格式,几乎所有的图像编辑软件都支持这种格式。它是DOS环境下的Paintbrush绘图软件固有格式的扩展名。(3)Scitex CT格式 Scitex CT格式支持灰度级图像、RGB图像和CMYK图像。Photoshop可以打开Scitex图像处理设备
25、的数字化图像。(4)TGA格式 TGA格式是视频显示卡的标准格式,常在数字剪辑、抓图时使用,同时,TGA也是3DS MAX渲染常用的平面图像格式。第25页/共109页1.2.6 颜色模式 计算机中图像像素的颜色信息必须转换为二进制数进行存储,而采用几位二进制数就构成了几位的位深度图像,位深度越大,能够表示的颜色种类越多。颜色模式就是提供一种颜色转换成数字数据的方法,从而使颜色能够在多种媒体中连续描述并能跨平台使用,如从显示器到打印机、从Mac到PC等。颜色模式是所有图形图像处理软件都涉及的问题。常见的颜色模式包括:Bitmap位图模式、Grayscale灰度模式、Duotone双色调模式、In
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- photoshop 平面设计 基础
限制150内