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