photoshop平面设计基础

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