平面设计基本.ppt

《平面设计基本.ppt》由会员分享，可在线阅读，更多相关《平面设计基本.ppt（88页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、广告设计快速起跑课前导读课前导读 本章主要介绍广告平面设计的基础知识，数字图像处理的基本概念，Photoshop CS2的工作界面，图像文件、Photoshop CS2以及图像的编辑等基本操作。知识目标：知识目标：理解广告平面设计的概念、原则、构成要素 掌握数字图像处理的基本概念 熟悉Photoshop CS2的工作界面 掌握Photoshop CS2的基本操作方法能力目标：能力目标：能熟练完成图像文件的新建、打开、浏览、获取与输出、保存等基本操作 能完成Photoshop CS2工作环境的设置、颜色的设置、图像视图的改变、额外选项的使用 能熟练完成重置图像尺寸和分辨率、改变图像画布尺寸、图像

2、变换操作、基本编辑操作与撤消操作1.1 现代广告知识精探w广告不仅仅是一种宣传手段，更是一种社会文化现象！1.2 广告的分类1、按广告性质分社会性广告（非营利性）1.2 广告的分类商业性广告（营利性）1.2 广告的分类2、按媒介种类分大众传播广告媒介：报纸、杂志、电视和广播等。1.2 广告的分类户外广告媒介：暴露在开放的户外空间的广告媒介，如：灯箱、冥虹灯、户外招牌等。网络通信广告：电话、传真等。比如：电话营销、网络营销。1.2 广告的分类1.2 广告的分类1.2 广告的分类直放广告：信函、邮报、传单等。1.2 广告的分类交通广告：车站灯箱、车票、车身广告等。1.2 广告的分类赠品黄页广告：挂

3、历、文化衫、雨具等。1.2 广告的分类1.2 广告的分类1.3 平面设计知识精探1.平面设计的概念平面设计的概念 平面设计是设计范畴中一个非常重要的组成部分，是计算机多媒体技术的一个主要应用方向，是以平面介质（纸张、书刊、报纸等）为载体，以视觉为传达方式，通过大量复制（印刷、打印、喷绘）等手段向观众传播信息的一种造型设计活动。2.平面设计的应用领域平面设计的应用领域 平面设计是把平面上传达信息的基本视觉元素，即图形（如标志、插图）、色彩、文字等，通过系统化的方式进行编排组合之后的重新呈现，从而使信息更生动、简洁、准确地传达出来，成为批量生产的印刷品。平面设计广泛应用于平面出版、广告设计、包装设

4、计、室内装潢设计、工程制图设计、企业形象设计、书籍装帧设计、标志设计、广告招贴设计、海报设计、展板设计以及网页设计等领域。1.4 认识 photoshopPhotoshop是一款图像处理软件，其强大的图像处理与编辑功能，使其成为当今世界上当之无愧的“霸王”级图像处理软件，因此被广泛应用于平面广告设计、商业制作、电脑美术行业等诸多领域。1.1.2 平面设计的基本要素1图形图像图形图像 图形图像是平面设计主要的构成要素，能够直观形象地表现平面设计的主题和创意。图形图像要素有插图、商标、画面轮廓线等元素，可以是黑白画、喷绘插画、绘画插画、摄影作品等，表现形式有写实、象征、漫画、卡通、装饰、构成等。2

5、文字文字 文字是平面设计不可缺少的构成要素，配合图形图像要素来实现设计主题，具有引起注意、传播信息、感染对象等作用。文字要素主要有标题、标语（广告语）、正文、附文等元素。文字是人类交流思想与感情的重要工具，能够表达人类思想感情的抽象意义，具有结构完整而又变化无穷的鲜明形象。3色彩色彩 色彩是平面设计关键的构成要素，是把握人的视觉的关键所在，也是平面设计表现形式的重点所在。色彩具备情感，能够激发人的感情，能够传达一种信息给观众，使观众产生无限的遐想和活力。色彩要素有色相、纯度、明度等元素，它们是构成画面色彩的主要因素。图形图像、文字、色彩是构成平面设计的三大要素。1.1.2 平面设计的基本要素w

6、 色相指色彩的相貌或种类，是某一颜色区别于其他颜色的最基本特征，能够比较确切地表示某种颜色色别的名称，如红、橙、黄、绿、青、蓝、紫等，如图1-2所示。配色板右侧的纵向彩条，代表色相，自下向上按红、橙、黄、绿、青、蓝、紫的顺序排列。图1-2 不同色相的排列 图1-3 红色的纯度变化 纯度即彩度，亦称饱和度，是指色彩的纯净程度、鲜艳度或浓度。有饱和度的色叫做有彩色，无饱和度的色叫做无彩色。色谱中的红、橙、黄、绿、青、蓝、紫都具有最高的饱和度，也是该色彩的固有色。黑、白、灰为无彩色，即色彩的饱和度为0，无彩色没有饱和度和色相的性质，只有亮度的区别。配色板左侧色区的横向变化表现为饱和度的变化，如图1-

7、3所示为红色纯度的变化。1.1.2 平面设计的基本要素w 明度即亮度，亦称光度或深浅度，是指色彩的明暗程度。有彩色和无彩色都有明度的区别。明度包含同一色相的明度变化和不同色相的明度变化两种情况，如图1-4、图1-5所示，配色板左侧色区的纵向变化表现为明度的变化。图1-4 红色的明度变化 图1-5 黑灰白的明度变化 平面设计色彩主要是以企业标准色、形象色、季节的象征色以及流行色等为主色，利用色彩的纯度、明度和色相的对比，突出画面形象和底色的关系，突出设计内容和周围环境的对比，增强平面设计的视觉效果。色彩不是孤立存在的，进行色彩设计时，色彩必须体现平面设计作品中其他元素的质感、特色，美化与装饰版面

8、，同时要与周围的环境、气候、欣赏习惯等相适应，还要考虑远、近、大、小等视觉变化规律。1.1.3 平面设计常用软件简介w1Adobe Photoshopw Adobe Photoshop是美国Adobe公司的产品，它提供了现有最广泛、最高产的工具组合，功能强大并且操作简便，广泛应用于平面图像处理、绘图、多媒体界面设计、网页设计、广告设计制作等领域，是目前Mac和PC上普遍使用的最流行的图像编辑设计软件之一。2Adobe Illustratorw Adobe Illustrator是美国Adobe公司的产品，具有丰富的工具、控制面板与命令，是功能强大的矢量绘图软件，广泛应用于宣传页、美术、动画造型

9、、广告和网页设计等领域。w3Corel Painterw Corel Painter是加拿大Corel公司的产品，它提供有上百种画笔和创作材料，是较好的天然介质绘画工具，并且在高品质打印和网络输出方面展示出新的前景。1.1.3 平面设计常用软件简介w4CorelDRAW w CorelDRAW是加拿大Corel公司的产品，它是一款众所周知的非常好用的矢量图形绘图和图文排版软件，具有功能强大的图形程序组，广泛应用于产品包装设计、广告海报、办公、印刷和网页图形设计制作等领域。w5AutoCAD w AutoCAD是Autodesk公司推出的功能强大的计算机辅助设计软件，广泛应用于机械、电子、建筑、

10、造船、航天、家居、服装以及工业等设计领域。1.2 数字图像处理的基本概念1.2.1 矢量图形1.2.2 位图图像1.2.3 图像分辨率1.2.4 图像格式1.2.5 颜色模式1.2.1矢量图形w矢量图形是由一些以数学方式来定义的直线、曲线、形状和色块等对象组成，其基本组成单元是点、线、面。矢量图形文件适合于保存色块色、形状感明显的视觉图形。w 矢量图形的优点是矢量图形与分辨率无关，矢量图形文件所占据的磁盘空间相对较小，矢量图形对象的线条非常流畅光滑，不论放大或缩小多少倍，其清晰度不变，线条保持良好的光滑度及比例相似性。如图1-6所示为一矢量图形及其按200%放大后的效果。图1-6 矢量图形及放

11、大后的效果1.2.2 位图图像w位图图像亦称为点阵图，是由很多且有限数量的小彩色方块点即像素点排列组成的可识别的图像，每个像素点都具有特定的位置和颜色值。w 像素是位图图像存储和计算的核心数据，编辑图像实际上编辑修改的是像素点的位置和颜色值。因此，在保存位图图像时，需要记录每个像素点的位置和颜色，所以图像像素越多（分辨率越高），图像越清晰，而文图像像素越多（分辨率越高），图像越清晰，而文件所占硬盘空间也越大，计算机在处理图像时运行速度也就越慢。件所占硬盘空间也越大，计算机在处理图像时运行速度也就越慢。放大或缩小位图图像，像素点也随之放大或缩小，当像素点被放大或缩小到一定程度后，图像就会变得不清

12、晰，边缘会出现锯齿现象。如图1-7所示为一位图图像及其按140%放大后的效果。图1-7 位图图像及放大后的效果 注意：矢量图形和位图图像，在计算机显示器上都是以像素来显示的。1.2.3 图像分辨率w它与图像尺寸的值一并决定了图像文件的大小与输出质量。图像分辨率就是位图图像每英寸（或厘米）所包含的像素的数量，其单位为dpi。图像分辨率越高，意味着每英寸所包含的像素越多，图像就有越多的细节，颜色过渡就越平滑，图像质量就越好。如图1-8所示为相同尺寸的位图图像设置不同分辨率（左低右高）的对比效果。图1-8 不同分辨率位图图像的对比效果1.2.3 图像分辨率 超大面积喷绘，其分辨率可设置为2072dp

13、i；大副喷绘、多媒体界面、网络中，其分辨率可设置为72 dpi；丝网印刷，其分辨率可设置为96dpi；报纸印刷，其分辨率可设置为128dpi；转轮印刷，其分辨率可设置为200dpi;彩色印刷品印刷，则其分辨率设置不小于300dpi即可。1.2.4 图像格式w1PSD格式格式w PSD格式是Photoshop专用的默认文件格式即分层格式，扩展名为“.PSD”，支持所有可用图像模式（位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道）、参考线、图层（调整图层、文字图层和图层样式）、Alpha通道和专色通道。w PSD格式保存了图像较多的层和通道等信息，如图1-9所示。当图像以PSD格式

14、保存时，比其他格式打开和保存图像的速度快，系统自动对文件进行压缩，但压缩不会丢失数据，文件容量通常比其他格式的文件大。图1-9 PSD格式存储多种信息1.2.4 图像格式w2TIFF格式格式w TIFF（Tagged Image File Format）格式是一种有标签的图像文件格式，扩展名为“.TIF”，支持Photoshop中除双色调模式之外的所有颜色模式，如RGB、CMYK、Lab、索引、位图、灰度色彩模式，同时还支持图层和Alpha通道。w TIFF格式图像文件的包容性十分强大，可以包含许多种不同类型的图像，是一种在平面设计领域中最常用的图像文件格式，是桌面印刷出版应用的理想格式。几乎

15、所有的图像编辑和排版软件都支持TIFF格式，由于TIFF格式独立于操作平台和软件，因此在PC和Mac之间交换图像通常都采用这种格式。w 保存图像文件时，在“存储为”对话框中选择TIFF格式，单击【保存】按钮，弹出“TIFF选项”对话框，如图1-10所示。1.2.4 图像格式w3BMP格式格式w BMP（Bit Mapped）格式是PC机Windows环境下的标准图像文件格式，扩展名为“.BMP”，用画图程序可编辑处理此格式图像文件，被多种Windows和OS/2应用程序所支持。BMP格式支持RGB、索引颜色、灰度和位图颜色模式，不支持图层和Alpha通道。不能用CMYK模式存储BMP文件。w

16、1.2.4 图像格式w4GIF格式格式w GIF（Graphics Interchange Format）扩展名为“.GIF”，它也是一种图像压缩格式，可以将24位（224色）图像压缩生成8位（28色）图像文件，具有很好的压缩比，可以有效降低文件大小又保持图像的色彩信息，是输出图像到网页常用的格式。GIF格式图形图像支持灰度、BMP和索引颜色模式，保留索引颜色图像中的透明度.1.2.4 图像格式w5JPEG格式格式w JPEG（Joint Photographic Experts Group，联合图像专家组）格式是最常见最常用的一种图像格式，扩展名为“.JPG”，JPEG格式图像支持灰度、RG

17、B、CMYK颜色模式，不支持图层、Alpha通道。JPEG格式是利用离散余弦转换压缩技术来存储静态图像的最有效、最基本的有损压缩格式，被大多数的图形图像软件所支持。JPEG格式图像被广泛应用于Web页上。1.2.5 颜色模式w RGB颜色模式采用三基色模型，又称为加色模式，是目前图像软件最常用的基本颜色模式，显示器、投影仪、电视、扫描仪、数码相机等许多光源成像设备也都采用RGB加色模式工作。它的基本特征来自于自然界中的光线，由红（Red）、绿（Green）、蓝（Blue）三基色以不同的比例混合而成可见光谱的颜色，三基色混合示意图如图1-24所示。图1-24 RGB三基色混合示意图 图1-25

18、RGB模式图像w提示：要在位图模式或索引色模式图像上调整颜色，必须先将其转换为RGB模式。RGB等颜色模式图像在转换为索引模式时，图像有一定程度的失真、画质会有所降低、图像边缘不再平滑等。1.2.5 颜色模式w6CMYK颜色模式颜色模式w CMYK颜色模式采用印刷三原色模型，又称减色模式，大多图形图像软件支持这种颜色模式，是打印、印刷等油墨成像设备即印刷领域使用的专有模式。它的基本特征是以印刷品上油墨的光线吸收特性，即当光线照射到油墨上时，部分光被吸收，部分光被反射回眼睛。理论上讲，由青(Cyan)、品（洋红，Magenta）、黄(Yellow)3种色素以不同程度的比例能够合成吸收所有颜色并产

19、生黑色，如图1-26所示，但实际上由于油墨的纯度问题，等量的青、品、黄三种油墨混合产生的是灰褐色而不是纯黑色，必须与黑色（Black）油墨混合才能产生真正的墨色，所以在CMYK颜色模式中增加了黑色，称之为四色印刷。青 绿 黄 黑 蓝 红 品 图1-26 CMY三原色混合示意图 图1-27 CMYK模式图像1.3 Photoshop CS2的工作界面w1.3.1 标题栏w1.3.2 菜单栏w1.3.3 工具箱w1.3.4选项栏w1.3.5 调板w1.3.6 工作区w1.3.7 文件窗口1.3.1 标题栏w Photoshop的标题栏用于控制Photoshop的工作界面。标题栏包含Photosho

20、p标志按钮、程序名称Adobe Photoshop、最小化按钮、最大化或还原按钮、关闭按钮等。单击标志按钮 ，通过弹出的快捷菜单可以对Photoshop的视窗进行移动、大小、最小化、最大化、关闭等操作。w 提示：双击标志按钮 ，能够快速关闭Photoshop。标题栏 菜单栏 工具选项栏 转到Adobe Bridge 调板井工具箱文件窗口当前文件窗口工作区调板图1-30 Photoshop 工作界面1.3.2 菜单栏w 菜单栏位于标题栏的下方，Photoshop的菜单栏由文件、编辑、图像、图层、选择、滤镜、视图、窗口、帮助等9个菜单项组成，如图1-31所示。图1-31 Photoshop 的菜单

21、栏 每菜单项都包含一组下拉菜单，提供了Photoshop图像处理过程中使用的操作命令。各菜单项的主要作用分别如下：（1）文件（F）：包含新建、打开、保存、关闭、置入、导入、导出、打印、退出等命令，主要用于对图像文件进行操作。（2）编辑（E）：包含还原、剪切、拷贝、粘贴、清除、填充、描边、变换、预置等命令，主要用于对图像进行编辑操作。（3）图像（I）：包含模式、调整、应用图像、计算、图像大小、裁切、修整等命令，主要用于对图像的色彩模式、色彩色调以及尺寸大小进行调整操作。（4）图层（L）：包含图层的新建、复制、删除、属性、文字、栅格化、图层蒙板、编组、排列、合并等命令，主要用于对图像中图层进行控制

22、和编辑等操作。1.3.2 菜单栏w （5）选择（S）：包含全选、反选、色彩范围、羽化、修改、变换选区、载入选区、存储选区等命令，主要用于选取图像区域和对选区进行编辑操作。w （6）滤镜（T）：包含抽出、液化、扭曲、模糊、渲染、纹理、艺术效果等命令，主要用于对图像或图像的某一部分进行像素化、扭曲、模糊等特殊效果的处理与制作。w （7）视图（V）：包含校样设置、校样颜色、屏幕模式、放大、缩小等命令，主要用于改变图像的显示比例，显示或隐藏标尺、参考线等Photoshop的工作界面进行设置。w （8）窗口（W）：包含排列、工作区、工具、导航器、图层、样式等命令，主要用于对切换文件窗口、工具箱、图层控制

23、面板等工作环境进行控制。w （9）帮助（H）：包含Photoshop帮助、Photoshop在线、系统信息等命令，主要为用户提供关于使用Photoshop的随机帮助信息。w提示：各菜单项后面的带有下划线英文字母，表示可以使用按Alt+英文字母键的方法来打开相应的菜单。w Photoshop菜单的形式与Windows系统其他应用程序一样，遵循以下约定：w （1）墨色菜单命令表示该命令当前可使用，灰色表示当前不可使用；w （2）菜单命令后的组合键是此菜单命令的快捷热键；w （3）如果菜单命令后有“”符号，选择此菜单命令将打开相应的选项对话框；w （4）如果菜单命令前有“”符号，表示此菜单命令被选中

24、；w （5）如果菜单命令后有“”符号，表示此菜单命令有下一级级联菜单。1.3.3 工具箱w 工具箱是Photoshop工作界面重要组成部分之一，默认工具箱位于工作界面的左侧，包含了Photoshop选取与编辑处理图像的各种工具，如图1-32所示，为我们进行各种编辑处理操作带来很大的方便。工具箱中的工具可分为6组，从上到下分别为：进入Adobe online按钮、选取图像编辑类工具（选取编辑工具、绘画编辑工具、矢量绘图工具、辅助工具）前/背景色工具、模式切换工具、视窗控制工具和程序跳转工具。标题栏Adobe online选取图像编辑类工具前/背景色工具模式切换工具视窗控制工具程序跳转工具选取编辑

25、工具绘画编辑工具矢量绘图工具辅助工具图1-32 工具箱1.3.3 工具箱w 提示：工具按钮右下方的小黑三角符号，表示该可视工具按钮下存在有隐藏工具。w 工具箱的常用操作如下：w （1）工具箱的显示与隐藏：选取【窗口】|【工具】菜单命令即可完成。w （2）工具箱的移动：用鼠标拖移工具箱标题栏即可移动工具箱的位置。w （3）工具按钮名称的显示：当鼠标移动到可视工具按钮上稍停片刻时，即可显示出该工具的名称和选取该工具的快捷键。w （4）工具的选取：单击可视工具按钮或按相应的快捷键，即可选取该可视工具；移动鼠标到可视工具按钮上并按下左键直到出现隐藏工具列表，即可完成隐藏工具的选取。w 工具箱中各种工具

26、的使用方法将在后面章节分别重点介绍。1.3.4选项栏w 选项栏位于菜单栏的下方，当选择选取图像编辑类工具中工具后，选项栏会随之变化，如图1-33所示为选取文字工具选项栏，通过设置工具选项参数可对工具进一步设置。选项栏中有些选项设置如绘画模式、不透明度等对许多工具是通用的，有些选项设置则专用于某个工具，如创建文字变形 ，专用于文字工具。图1-33 文字工具选项栏 选项栏的常用操作如下：（1）选项栏的显示与隐藏：选取【窗口】|【选项】菜单命令即可完成。（2）选项栏的移动：通过鼠标拖移工具选项栏左侧的标题栏，即可随意移动选项栏在屏幕上的位置。（3）选项栏的折叠：双击选项栏左侧的标题栏，可以折叠工具选

27、项栏，只显示工具图标，如文字工具选项栏的折叠效果图标 （4）选项恢复默认设置：右击选项栏中工具图标，选取【恢复工具】或者【恢复所有工具】快捷菜单命令即可完成。1.3.5 调板w 调板又称浮动面板，一般成组显示，在工作区可随意组合、移动，默认位于Photoshop 工作界面的右侧，是工作界面重要组成部分之一，是图像处理非常重要的辅助工具，具有调整随即显示效果的特点。w1常用调板常用调板w 调板可以帮助用户监视和修改图像，有导航器、信息、颜色、色板、样式、图层、通道、路径、历史记录、动作、字符、段落、工具预设等调板，其主要作用如下：w （1）“导航器”调板：如图1-34所示，用于调整图像的显示区域

28、、放大和缩小图像。w （2）“信息”调板：如图1-35所示，用于显示鼠标指针当前所在位置的坐标值和图像中颜色信息，以及所选区域的大小与位置坐标值。w （3）“颜色”调板：如图1-36所示，用于设置前景色和背景色。图1-34 “导航器”调板 图1-35 “信息”调板 图1-36 “颜色”调板1.3.5 调板w （4）“色板”调板：如图1-37所示，通过选取一种色块样式颜色来设置前背景色。w （5）“样式”调板：如图1-38所示，通过系统提供的典型填充样式应用到图像中，获得特殊的效果。w （6）“图层”调板：如图1-39所示，用来管理图像中各个图层和对图层进行编辑处理操作。图1-37 “色板”调板

29、 图1-38 “样式”调板 图1-39 “图层”调板1.3.5 调板w （7）“通道”调板：如图1-40所示，用来管理图像中通道和对通道进行编辑处理操作。w （8）“路径”调板：如图1-41所示，用来管理路径和对路径进行操作，常与“路径”工具配合使用。w （9）“历史记录”调板：如图1-42所示，用来记录用户对图像进行的操作步骤，具有多次恢复功能。图1-40 “通道”调板 图1-41 “路径”调板 图1-42 “历史记录”调板1.3.5 调板w （10）“动作”调板：如图1-43所示，用来记录动作，便于用户执行批处理操作。w （11）“字符”调板：如图1-44所示，用来定义字符的属性，便于编辑

30、文本字符。w （12）“段落”调板：如图1-45所示，用来定义文本段落的属性，便于编辑文本段落。图1-43 “动作”调板 图1-44 “字符”调板 图1-45 “段落”调板 （13）“工具预设”调板：用于对所选定的工具进行预先设置。1.3.5 调板w2调板的基本操作调板的基本操作w （1）显示或隐藏调板 显示或隐藏调板，通常使用以下四种操作方法：w 方法一：按Shift+Tab键，可显示或隐藏所有已经打开的调板。w 方法二：按Tab键，可显示或隐藏所有已经打开的调板以及工具选项栏、工具箱。w 方法三：选取【窗口】菜单下调板名称，即可显示或隐藏对应的调板。w 方法四：双击调板窗口标题栏，可折叠或

31、展开相应的调板。w （2）显示调板菜单 单击每个调板右上角处的黑三角按钮，即可弹出该调板的菜单。w （3）移动调板 用鼠标拖移调板窗口标题栏，即可移动其调板。w （4）选取调板 单击调板组中某一调板标签，即可选取该调板，使其成为当前调板，呈高亮显示。w （5）拆分、合并调板 选取调板组中某一调板标签并拖移，即可使其从原调板组中拆分出来，独立成为一个窗口。合并调板与拆分调板操作过程相反。1.3.6 工作区w 工作区用于显示图像文件，是浏览和处理图像的主要区域。只有打开图像文件，才能在工作区中显示图像内容，而且选取的选取图像编辑类工具只有移动到图像工作区内才能使用。w 通常编辑图像时，工作区以标准

32、编辑模式显示。单击工具箱中【模式切换工具】按钮，可以切换工作区“以标准模式编辑”或“以快速蒙版模式编辑”；单击工具箱中【视窗控制工具】按钮，可以切换工作区显示方式为“标准屏幕模式”、“带有菜单栏的全屏模式”或“全屏模式”；单击工具箱中【程序跳转变工具】按钮，工作区可以在Photoshop界面和ImageReady CS2界面之间切换。1.3.7 文件窗口w1文件窗口的组成文件窗口的组成w 文件窗口默认显示在Photoshop工作视窗中心。Photoshop文件窗口，如图1-46所示，由标题栏、标尺、图像编辑区、状态栏等几部分组成。其中，标题栏从左到右分别显示了程序图标、图像文件的文件名、视图比

33、例、图像颜色模式等信息；标尺可通过【视图】|【标尺】菜单命令来控制显示或隐藏；图像编辑区用于显示和编辑图像；状态栏主要显示图像文件的视图比例、文档的大小等信息，单击“”按钮，在弹出的级联菜单中可以选择显示文档配置文件、文档尺寸、暂存盘大小、当前工具等其他信息。图1-46 同一文件不同的显示窗口 提示：Photoshop以前各版本状态栏位于工作界面的最底部，为方便用户随时查看相关信息，Photoshop CS2将其位置设在文件窗口的下侧。1.3.7 文件窗口w2文件窗口的排列文件窗口的排列w Photoshop可以同时打开多个图像文件，并且可通过【窗口】|【排列】菜单命令来选择图像窗口“层叠”、

34、“水平平铺”、“垂直平铺”等排列方式，如图1-30所示多图像文件窗口“层叠”方式排列文件，也可直接拖移文件窗口的标题栏移动文件窗口到合适位置。w3当前文件窗口当前文件窗口w 当打开多个文件窗口时，单击图像编辑区或文件窗口标题栏，即可选择此文件窗口使其成为当前文件窗口。当前文件窗口只有一个，其标题栏以高亮显示状态，即同一时刻只能编辑处理一个文件。对于当前文件，可通过【窗口】|【排列】菜单命令为其创建一个新窗口，在同一文件的不同窗口可以显示不同比例的图像，如图1-46所示，并且在任一窗口对图像进行编辑都将在其他窗口中反映出来。1.4 图像文件的基本操作w1.4.1 新建图像文件w1.4.2 打开图

35、像文件w1.4.3 保存图像文件w1.4.4 关闭图像文件w1.4.5 图像的获取与输出1.4.1 新建图像文件w 在Photoshop中，新建图像文件常用的方法有以下四种：w（1）选择【文件】|【新建】菜单命令。w（2）按Ctrl+N组合功能键。w（3）按Ctrl+Alt+N组合功能键。w（4）按下Ctrl健，在工作界面灰色区域。w 新建图像文件时弹出“新建”对话框，如图1-47所示。图1-47 “新建”对话框 图1-48 新建图像文件窗口w提示：按Ctrl+Alt+N键新健图像文件时，Photoshop显示一个与上次创建图像文件尺寸和分辨率相同的“新建”对话框。1.4.2 打开图像文件w在

36、Photoshop中，打开图像文件常用的方法有以下三种：w（1）选择【文件】|【打开】菜单命令。w（2）按Ctrl+O组合功能键。w（3）在工作界面灰色区域直接双击鼠标左键。图1-49 “打开”对话框 1.4.3 保存图像文件u 在Photoshop中，保存图像文件常用的方法有以下三种：u （1）选择【文件】|【存储】菜单命令。u （2）按Ctrl+S组合功能键。u （3）选择【文件】|【存储为】菜单命令u 第一次保存文件或者对图像编辑后再保存文件时，选择【文件】|【存储为】菜单命令弹出“另存为”对话框，如图1-54所示。图1-53 设置“批重命名”对话框 图1-54 “另存为”对话框 1.4

37、.4关闭图像文件w 关闭画布窗口，通常可以采用以下三种方法：w（1）单击当前文件窗口标题栏右侧的关闭按钮。w（2）单击Photoshop工作界面标题栏右侧的关闭按钮。w（3）按Ctrl+Ww（4）选择【文件】|【退出】菜单命令。1.4.5 图像的获取与输出w1图像的获取图像的获取w 多方面地获取图像素材，对我们学好Photoshop以及设计出具有创意的作品都是很有帮助的，激发灵感，提供创意。图像素材的获取方法和主要途径有：位图图像软件创建位图图像；矢量图形软件输出位图图像；手绘图像素材；购买素材光盘；利用扫描仪扫描图像；利用数码相机；从因特网获取。此外，利用专业屏捕软件是获取计算机屏幕图像最直

38、接的方法。w2图像的输出图像的输出w 图像作品制作好以后，根据需要用户可以将其以不同的方式输出。选择【文件】|【导出】菜单命令将其输出到其他设备上或程序中，如视频预览设备、程序Illustrator；选择【文件】|【打印】菜单命令通过打印设备输出到纸张上，便于查看和修改。1.5 Photoshop CS2的基本操作w1.5.1 工作环境设置w1.5.2颜色的设置w1.5.3 改变图像视图w1.5.4 使用额外辅助选项1.5.1 工作环境设置w 选择【编辑】|【首选项】菜单命令，弹出级联菜单，如图1-55所示，即可对其中各个选项进行设置，优化Photoshop工作环境。当选择【常规】菜单选项时，

39、打开“首选项”对话框，如图1-56所示。图1-55 首选项级联菜单 图1-56 “首选项”对话框 各选项参数设置完成后，单击【确定】按钮确认设置，单击【取消】按钮取消设置，单击【上一个】或【下一个】按钮可以转入级联菜单的上一项或下一项菜单进行设置。1.5.2颜色的设置w1Photoshop颜色设置颜色设置w 选择【编辑】|【颜色设置】菜单命令，打开“颜色设置”对话框，如图1-57所示，即可对其中各参数选项进行设置。w提示：鼠标指针移到各参数选项上时，在“说明”栏内显示出相应的使用说明。w2绘图颜色设置绘图颜色设置w 利用绘图工具绘制图像或编辑图像，首先必须设置绘图前背景色。单击工具箱中的前背景

40、色工具按钮，如图1-58所示，其中，【前景色】按钮显示前景色，即当前绘图工具的颜色；【背景色】按钮显示背景色，即图像的底色；【切换前背色】按钮切换当前前景色与背景色；【默认前景色与背景色】按钮恢复系统默认的前黑后白设置。1.5.2颜色的设置w 提示：在非文字输入状态下，按在非文字输入状态下，按“D”键快速恢复系统默认的前背景色，键快速恢复系统默认的前背景色，按按“X”键快速切换当前前景色与背景色。键快速切换当前前景色与背景色。图1-57“颜色设置”对话框 图1-58 前背景色工具 1.5.2颜色的设置w 在Photoshop中设置前景色与背景色，通常使用“拾色器”、“颜色”调板、“色板”调板和

41、吸管工具等几种方法。w （1）使用“拾色器”w 单击【前景色】或【背景色】按钮，弹出“拾色器”对话框，如图1-59所示。已选中的颜色原来的颜色颜色选择区域颜色选择条滑块打印溢色标记最接近的可打印色Web溢色标记最接近的Web可使用的颜色输入数据为改变颜色图1-59 “拾色器”对话框 1.5.3 改变图像视图w 编辑图像文件时，如果当前图像超过文件视图区域，用户可以改变当前文件窗口图像视图来查看图像的其他部分。可以使用滚动条、视图菜单命令、缩放工具、“导航器”调板、抓手工具、视图控制工具等多种方式改变图像视图。状态栏显示缩放比例，标题栏也显示缩放百分比，除非窗口太小不适合显示。w1使用视图菜单命

42、令使用视图菜单命令w 选取【视图】菜单下拉菜单中如图1-60所示的某一项命令，可以调整整幅图像视图。图1-60 调整图像显示比例命令 1.5.4 使用额外辅助选项w 选取【视图】|【显示额外内容】菜单命令，【显示】级联菜单命令中所有已显示的额外内容左边都有复选标记，选取【视图】|【显示】|【显示额外选项】菜单命令，弹出“显示额外选项”对话框，如图1-62所示。图1-62 显示联级菜单命令与显示额外选项对话框 1.5.4 使用额外辅助选项w 选区边缘、注释、切片、参考线和网格等选项是非打印的额外的部分，帮助用户选择、移动或编辑图像和对象。标尺、度量工具、参考线和网格等辅助选项，帮助用户沿图像的宽

43、度或高度准确地定位图像、选区或像素。w1注释工具注释工具w 使用注释工具和，可以在图像的任意位置添加文字和语音注释。w2颜色取样器工具颜色取样器工具w 使用颜色取样器工具产生的颜色取样器标志不是【视图】|【显示】联级菜单命令中的选项，但选取【视图】|【显示额外内容】菜单命令仍可显示或隐藏它。使用颜色取样器工具在图像上最多可设置4个样点，并且样点颜色信息分别显示在“信息”调板中。w3标尺标尺w 选取【视图】|【标尺】菜单命令，可显示或隐藏标尺。在可视状态下，标尺显示在当前图像窗口的顶部和左侧。w 选取【编辑】|【首选项】|【单位与标尺】菜单命令，在弹出的对话框中可更改标尺设置。1.5.4 使用额

44、外辅助选项w4 度量工具度量工具w 选取度量工具，在工作区从起点按下鼠标左键并拖移到终点松开左键，即可测量工作区内任意两点之间位置关系，并在工具选项栏内显示详细信息。如果从现有测量线创建量角器，则按下Alt键从测量线的一端拖移鼠标，或者双击测量线的起点并拖称鼠标即可。w 提示：按下Shift键可按450倍角拖移。w5参考线和网格参考线和网格w 选取【视图】|【新建参考线】菜单命令可创建参考线，也可直接使用鼠标从水平标尺或垂直标尺处拖移创建参考线。w 选取【编辑】|【首选项】|【参考线、网格和切片】菜单命令，在弹出的对话框中可对参考线、网格和切片选项参数进行设置。w 网格的操作与参考线的操作方式

45、相似，在此不再赘述。1.6 图像的基本编辑w1.6.1重置图像尺寸和分辨率w1.6.2 改变图像画布尺寸w1.6.3图像变换操作w1.6.4 基本编辑操作w1.6.5 撤消操作1.6.1重置图像尺寸和分辨率w 选取【图像】|【图像大小】菜单命令，弹出“图像大小”对话框，如图1-63所示，单击【自动】按钮，或直接在“像素大小”、“文档大小”选项对应的文本框中输入数值，之后单击【确定】按钮，即可完成图像尺寸和分辨率的重置操作。图1-63 图像大小对话框 图1-64 画布大小对话框1.6.2 改变图像画布尺寸w1裁切工具裁切工具w 裁切工具是改变图像画布尺寸常用的工具。选取裁切工具，移动鼠标指针到当

46、前图像文件窗口拖移出一个矩形裁切区域，将需要保留的图像部分圈起来，拖动控制柄调整裁切区域到所需大小和位置，按Enter键或按裁切工具选项栏右侧的确认按钮，完成图像画布的裁切操作，改变图像画布尺寸的大小。w 提示：使用裁切工具，拖动控制柄到画布以外的区域，可以扩展原图像的画布大小。w2【图像图像】|【画布大小画布大小】菜单命令菜单命令w 选取【图像】|【画布大小】菜单命令，主要是针对图像上的透明象素进行的精确裁切，不同于工具箱中的裁切工具。1.6.2 改变图像画布尺寸w3图像菜单命令图像菜单命令w 选取【图像】|【画布大小】菜单命令，弹出“画布大小”对话框，如图1-64所示，在选项“宽度”和“高

47、度”数值框中输入数值，可以精确地改变图像画布大小。w“画布大小”对话框中主要参数含义如下：w 当前大小：显示当前图像文件的大小、画布的宽度和高度值以及单位。w 新建大小：显示新文件的大小，在宽度和高度数值框中输入值设置图像画布大小。w 相对：选择此选项，则“宽度”和“高度”值表示图像新尺寸与原尺寸的差值，即相对于原图像的宽度和高度值。在“宽度”和“高度”数值框中输入正值则扩大图像画布，如输入负值则裁切图像画布。w 定位：单击“定位”框中的箭头，设置新画布与原图像画布的相对位置，选择图像裁切的部位。w 画布扩展颜色：用来设置扩展画布后扩展部分画布的颜色。1.6.2 改变图像画布尺寸w实例实例2

48、改变图像的大小改变图像的大小w 效果分析：在多媒体课件和网页制作过程中，常常需要将一些大幅图像调整成小幅图像，为保证图像不失真，需要对图像进行裁切。如图1-65所示，（a）为原图像，（b）为裁切调整后的图像。通过该实例设计制作，可以进一步掌握裁切工具的使用方法，改变图像大小、打开图像文件、保存图像文件和其他一些基本操作方法。（a）（b）图1-65 改变图像的大小1.6.2 改变图像画布尺寸w 使用的工具与命令：裁切工具，挑选工具，【打开】命令，【图像大小】命令，【存储为】命令。w 设计过程：w （1）打开图像文件。启动Photoshop，选取【文件】|【打开】菜单命令，打开图像文件“素材第1章

49、003.jpg”，使其成为当前文件窗口。w （2）裁切图像w 选取裁切工具按钮，在图像上拖出一个矩形，将要保留的图像圈起来，然后松开鼠标左键，创建一个矩形裁切区域，如图1-66所示。w 利用裁切区域的矩形边线上的控制柄和区域内的中心标记，调整矩形裁切区域的大小、位置和旋转角度，使得矩形裁切区域为所选合适区域，如图1-67所示。w 单击“选项栏”中的确认按钮或者直接按Enter键，完成裁切操作，效果如图1-68所示。w 1.6.2 改变图像画布尺寸w （3）改变图像大小。选取【图像】|【图像大小】菜单命令，弹出“图像大小”对话框，按如图1-63所示设置参数。参数设置完后，单击【确定】按钮，即可按

50、设置好的尺寸调整图像的大小，效果如图1-65（b）所示。w （4）保存图像文件，关闭画布窗口。选取【文件】|【存储为】菜单命令保存图像文件。然后，单击文件窗口【关闭】按钮即可关闭画布窗口。图1-66 创建矩形裁切区域 图1-67 调整矩形裁切区域 图1-68 裁切后的图像1.6.3图像变换操作w1旋转整幅画布旋转整幅画布w 选取【图像】|【旋转画布】菜单命令，展开级联菜单，如图1-69所示，选取“任意角度”菜单命令时，弹出“旋转画布”对话框，如图1-70所示，在对话框中设置好旋转角度和旋转方向后，单击【确定】命令按钮即可完成旋转操作。图1-69 旋转画布级联菜单 图1-70 旋转画布对话框 图