第1次课打开设计之门的金钥匙(L)

1、一、打开设计之门的金钥匙一、打开设计之门的金钥匙平面设计的实现手段平面设计的实现手段Adobe PhotoshopAdobe IllustratorAdobe PagemakerAdobe Acr batoCorelDRAW常用的平面设计软件：常用的平面设计软件：Adobe公司（）成立于1982年，为Web和出版领域提供屡获殊荣的软件解决方案。Adobe的产品涉及图形、图像和动态媒体设计与创作工具，使用户创建、发布和传递具有丰富视觉效果的多种媒体信息。Adobe公司总部位于美国加州圣荷塞市，是美国第二大PC软件公司，年营业额超过13亿美元。Photoshop是目前世界上最畅销的图像编辑软件，它

2、已经成为众多涉及图像处理行业的标准，并且一直是Adobe System Inc.公司巨大的收入来源（据有关资料，Photoshop占Adobe公司整个营业收入的30%，在所有Adobe软件产品中独占鳌头）。Adobe Photoshop cs软件作为专业的图像编辑标准，可帮助您提高工作效率，尝试新的创作方式，以及制作适用于打印、Web 和其他任何用途的最佳品质的图像。通过更便捷的文件数据访问、简易的Web 设计、更快的专业品质照片润饰功能及其他功能，可创造出无与伦比的图像世界。思考：根据大家所知，思考：根据大家所知，Photoshop Photoshop 在实际应用中，能做什么？在实际应用中，

3、能做什么？照片的修复与编辑:修复之前修复之后调整之前调整之后校色：校色：调色：调色：调色前：调色前：调色后：调色后：美容：美容：美容前：美容前：美容后：美容后：美白：美白：美白后：美白后：美白前：美白前：鼠绘：鼠绘：图片合成：图片合成：图像合成原理图像合成原理: :PhotoshopPhotoshop特效特效: :文字特效文字特效: :播放器界面设计播放器界面设计：产品效果图表现：产品效果图表现：动画效果：动画效果：学生作品欣赏学生作品欣赏:PHOTOSHOP CS PHOTOSHOP CS 的基础知识的基础知识 常规概念常规概念1.11.1像素（像素（PixelPixel） 像素是组成图像的

4、基本单位，它是一个小的方形颜色块。图象通像素是组成图像的基本单位，它是一个小的方形颜色块。图象通常是由许多像素组成，这些像素被排列成横行或纵列，每个像素都是方形常是由许多像素组成，这些像素被排列成横行或纵列，每个像素都是方形的的, ,也可以称为栅格。也可以称为栅格。 由像素组成的图片，此类图放大到一定程度，就会发现是由一个由像素组成的图片，此类图放大到一定程度，就会发现是由一个个方块组成，即个方块组成，即像素像素。像素图的质量由分辨率决定，分辨率越高，图象的。像素图的质量由分辨率决定，分辨率越高，图象的效果就越好，有时像素图也称为点阵图效果就越好，有时像素图也称为点阵图 。1.2 1.2 点阵

5、图点阵图 图象分辨率的单位是ppi（pixels per inch），即每英寸的像素数量。图像分辨率越高，意味着每英寸包含的像素越多，图像就有越多的细节，颜色过渡就越平滑。输出分辨率的单位是dpi (dots per inch,每英寸所含的点)。激光打印机的输出分辨率为300dpi-600dpi.1.3 1.3 分辨率（分辨率（Image ReaolutionImage Reaolution）在图像间进行复制时往往会出现图像大小不匹配的情况，这些都是由于不同图像的不同分辨率造成的，把一个高分辨率的图像复制到一个低分辨率的文件中，或者将一个低分辨率的图像复制到一个高分辨率的文件中都会产生很大的悬

6、殊，要通过一些手段来处理这些问题，比如将两幅图像设置为相同的分辨率即可。思考：不同分辨率的图像间进行复制时大小为什么会发生变化思考：不同分辨率的图像间进行复制时大小为什么会发生变化? ? 用于设计的图片素材必须具备哪些条件才可印刷？用于设计的图片素材必须具备哪些条件才可印刷？ 用于印刷的图片素材最基本的要达到两个要求：色彩必须为CMYK模式；输出分辨率不得低于300dpi。 矢量图是用数字方式描矢量图是用数字方式描述的曲线组成，基本组成单元述的曲线组成，基本组成单元是锚点和路径。不论放大多倍，是锚点和路径。不论放大多倍，它的边缘都是平滑的。它的边缘都是平滑的。1.4 1.4 矢量图矢量图思考：

7、位图和矢量图有什么区别思考：位图和矢量图有什么区别, ,各有什么优缺点各有什么优缺点? ? 位图受到分辨率的制约，在放大使用时容易造成“马赛克”现象，影响画面效果，但是位图色彩丰富的特点是矢量图无法比拟的；矢量图可随意放大使用，对于画面而言，不受分辨率约束，但是色彩表现方面不如位图精细。1.5 1.5 色彩模式色彩模式RGBRGB模式：光学三原色，红模式：光学三原色，红(R)(R)、绿、绿(G)(G)、蓝、蓝(B)(B)CMYKCMYK模式：印刷三原色，品红模式：印刷三原色，品红(M)(M)、黄、黄(Y)(Y)、青、青(C)(C)、黑、黑(K)(K)LABLAB模式：以一个亮度分量模式：以一个

8、亮度分量L L与两个颜色分量与两个颜色分量a a与与b b来表示颜色。来表示颜色。LabLab模式所包含的颜色范围最广。模式所包含的颜色范围最广。代表了印刷上使用的四种油墨色：代表了印刷上使用的四种油墨色：C C代表代表 青色青色，M M代表代表 洋红色，洋红色，Y Y代表代表 黄色黄色，K K代表代表 黑色黑色。CMYK模式在印刷时应用了色彩学中的减法混合原理，即减色色彩模式，它是图片，插图，和其他PS作品中常用的一种印刷方式。CMYK 模式模式与与CMYKCMYK模式不同的是，模式不同的是，RGBRGB模式是一种加色模式，它通过模式是一种加色模式，它通过红，红，绿，绿，蓝蓝三种色光相叠加而

9、形成更多三种色光相叠加而形成更多的颜色。的颜色。每个通道都有每个通道都有8 8位的色彩信息位的色彩信息一个一个0 0到到255255的亮度值色阈。也的亮度值色阈。也就是说，每一种色彩都有就是说，每一种色彩都有256256个个亮度水平级。三种色彩相叠加，亮度水平级。三种色彩相叠加，可以有可以有25625625625625625616701670万万种可能的颜色。这种可能的颜色。这16701670万种颜色万种颜色足以表现出我们这个绚丽多彩的足以表现出我们这个绚丽多彩的世界世界CMYK 模式模式色彩深度是指在一个图像中颜色的数量，常用的色彩深度是色彩深度是指在一个图像中颜色的数量，常用的色彩深度是1

10、 1位（位（BitBit）、）、8 8位、位、2424位和位和3232位。位。色彩深度颜色数量色彩模式1位2（黑和白）位图8位256索引颜色16位65536灰度，16位/通道24位1670万RGB32位CMYK，RGB48位RGB，16位/通道1.6 1.6 色彩深度（色彩深度（Color DepthColor Depth）RGB模式：1670万灰度模式：65536位图模式：2模式转换的方法：模式转换的方法：“图像图像”“模式模式”1 1、在存储时、在存储时, ,如何选择正确的存储格式呢如何选择正确的存储格式呢? ? 2 2、不同的色彩模式会影响文件的大小吗、不同的色彩模式会影响文件的大小吗?

11、 ? 设计时如何选择正确的模式？设计时如何选择正确的模式？ 不同的文件格式对于文件都有影响，普通查看及预览的图片使用JPEG格式即可，photoshop创建的文件可直接保存为PSD格式即可，小动画类的文件使用GIF即可，其余格式按照使用范围不同可灵活选择。 色彩模式对于文件大小存在一定的影响，色彩模式的选择要针对具体的目的，如仅为练习或上传导网络的话，建议使用RGB模式，印刷则应选CMYK模式。 4 4、显示器里显示的颜色和印刷出的颜色相同吗、显示器里显示的颜色和印刷出的颜色相同吗? ?怎样避免显示器显怎样避免显示器显示的颜色和印刷成品的颜色出现色差？示的颜色和印刷成品的颜色出现色差？ 3 3

12、、分辨率与图像质量的关系是怎样的、分辨率与图像质量的关系是怎样的? ? 图像分辨率越高，图像的质量就越好，越容易满足设计需求。 显示器显像原理是根据RGB的色彩模式而来，印刷品所用模式均为CMYK，所以显示器里显示的颜色和印刷出的颜色是不相同的，如果要避免示器显示的颜色和印刷成品的颜色出现色差需要借助于专业的印刷色谱来校色。PhotoShop CS2 PhotoShop CS2 界面介绍界面介绍菜单栏工具选项栏工具箱图像窗口浮动调板矩形选框工具套索工具裁切工具修复工具仿制图章工具橡皮擦工具模糊工具路径选择工具钢笔工具注释工具抓手工具前景色默认的前景色和背景色以标准模式编辑标准屏幕显示模式切换到

13、I m ageReady移动工具魔棒工具切片工具画笔工具历史画笔工具填充工具减淡工具文字工具矩形工具吸管工具缩放工具背景色切换前景色和背景色以快速蒙版模式编辑全屏显示模式带有菜单栏的全屏显示模式1.7 Photoshop CS1.7 Photoshop CS的工具箱的工具箱工具箱在工作界面的左侧。当选工具箱在工作界面的左侧。当选择不同的工具时，会有相应的工择不同的工具时，会有相应的工具选项栏显示其不同的选项设定。具选项栏显示其不同的选项设定。每一个工具都可以找到相应的字每一个工具都可以找到相应的字母键作为快捷键。母键作为快捷键。具有黑色小箭头的工具，说明里具有黑色小箭头的工具，说明里面有延展工

14、具。面有延展工具。为了方便浏览视图窗口，我们常常需要隐藏或显示工作界面上的活动调板。按ShiftTab键，显示/隐藏桌面上所有的活动调板。按Tab键，显示/隐藏桌面上所有的活动调板以及工具箱。1.81.8、工作环境的显示、工作环境的显示管理文件窗口：管理文件窗口：在编辑图象时，为了方便操作，要同时打开多个图象窗口进行编辑，当打在编辑图象时，为了方便操作，要同时打开多个图象窗口进行编辑，当打开多个图象窗口后，屏幕会显得很乱，为了操作方便，必须进行窗口排列开多个图象窗口后，屏幕会显得很乱，为了操作方便，必须进行窗口排列. .操作：窗口文档拼贴图象切换快捷键：操作：窗口文档拼贴图象切换快捷键：ctr

15、l+Tab.ctrl+Tab.更改屏幕显示模式更改屏幕显示模式 ( (快捷键快捷键 F)F)窗口控件使您可以更改屏幕显示模式，包括菜单栏、标题栏窗口控件使您可以更改屏幕显示模式，包括菜单栏、标题栏和滚动条选项。和滚动条选项。 点按工具箱中的屏幕模式按钮：点按工具箱中的屏幕模式按钮：左边的按钮显示默认窗口，该窗口的顶部有一个菜单栏，两左边的按钮显示默认窗口，该窗口的顶部有一个菜单栏，两侧各有一个滚动条。侧各有一个滚动条。 中间的按钮显示全屏窗口，该窗口中有一个菜单栏和中间的按钮显示全屏窗口，该窗口中有一个菜单栏和 50% 50% 灰灰色的背景，但没有标题栏和滚动条。色的背景，但没有标题栏和滚动条

16、。 右边的按钮显示全屏窗口，该窗口有黑色背景，但没有标题右边的按钮显示全屏窗口，该窗口有黑色背景，但没有标题栏、菜单栏和滚动条。栏、菜单栏和滚动条。 按快捷键按快捷键Ctrl+KCtrl+K，会弹，会弹出右图所示的预置对话出右图所示的预置对话框，通过预置对话框定框，通过预置对话框定制和优化制和优化PhotoshopPhotoshop的工的工作环境作环境. .1.9 Photoshop CS1.9 Photoshop CS的常规预置的常规预置 单击主菜单栏的单击主菜单栏的“文件文件”菜单，在下拉菜单中选择新建（菜单，在下拉菜单中选择新建（NewNew）命令。）命令。此时会弹出新建对话框。此时会弹

17、出新建对话框。2.12.1、新建文件（、新建文件（Ctrl+NCtrl+N）2.22.2、打开文件（、打开文件（Ctrl+OCtrl+O） 单击主菜单栏的“文件”菜单，在下拉菜单中选择新建（New）命令。此时会弹出新建对话框。2.32.3、 更改图像大小更改图像大小 如果图像文件大小不符合所需要求，可通过“图像”菜单下的“图像大小”弹出的“图像大小”对话框进行修改。选择保存的路径选择保存的格式2.42.4、保存文件（、保存文件（Ctrl+SCtrl+S） 单击主菜单栏的“文件”菜单，在下拉菜单中选择存储（Save）命令，此时会弹出对话框。 如果需要另外再保存成一个新文件，还可以执行“另存为”命

18、令（Ctrl+Shift+S)可以使用多种方法放大或缩小视图。窗口的标题栏中会显示出缩放百分比（除非窗口太小，放不下显示内容），窗口底部的状态栏也会显示缩放百分比。 注：图像的 100% 视图所显示的图像与它在浏览器中显示的一样（基于显示器分辨率和图像分辨率）。3.13.1、放大和缩小视图：、放大和缩小视图：使用缩放工具： 选择缩放工具，按住 Alt 键启动缩小工具，通过点击鼠标左键或在图像中需要放大的部分上拖移。 选取“视图”“放大（Ctrl+）”、“缩小（Ctrl+-）”。在窗口左下方的“缩放”文本框中输入缩放级别。注：在没有选择缩放工具的情况下按“Ctrl+空格空格” 不放不放，临时切换

19、为放大工具，按“Alt+空格空格”不放不放，临时切换为缩小工具；按 100% 显示图像：点按两次缩放工具。选取“视图”“实际像素”。将视图更改为满屏显示：点按两次抓手工具。 选取“视图”“满画布显示”。（快捷键：空格键）放大或缩小视图时自动调整窗口大小：在缩放工具处于现用状态时，选择选项栏内的“调整窗口大小以满屏显示”。这样，窗口就会在您放大或缩小图像视图时调整大小。放大和缩小视图：放大和缩小视图：图层图层 图层是图层是Photoshop的核心功能，几乎所有的操作都围绕着图层的核心功能，几乎所有的操作都围绕着图层来进行，因此其重要性绝对不可忽视。图层源于传统绘画，类似于制来进行，因此其重要性绝

20、对不可忽视。图层源于传统绘画，类似于制图时使用的透明纸，制作人员将不同的图像分别绘制在不同的透明纸图时使用的透明纸，制作人员将不同的图像分别绘制在不同的透明纸上，然后相互叠加即可得到最终效果。这样做的好处天于，如果需要上，然后相互叠加即可得到最终效果。这样做的好处天于，如果需要对图像进行修改，只需分别在透明纸上修改即可。对图像进行修改，只需分别在透明纸上修改即可。 与透明纸的使用原理一样，在与透明纸的使用原理一样，在Photoshop中使用图层，可以按中使用图层，可以按分层的方式将图像的各个部分绘制在不同的图层上。每个图层相互独分层的方式将图像的各个部分绘制在不同的图层上。每个图层相互独立但又

21、彼此联系，既可单独编辑修改，又可以相互叠加形成不同效果。立但又彼此联系，既可单独编辑修改，又可以相互叠加形成不同效果。完成操作后，将所有图层叠加在一起就会得到最终效果，也可以有选完成操作后，将所有图层叠加在一起就会得到最终效果，也可以有选择地删除或隐藏一些图层以得到不同的效果。所以，图层可以被简单择地删除或隐藏一些图层以得到不同的效果。所以，图层可以被简单理解为一张张绘有图像的透明薄膜，当然随着学习的深入将会发现图理解为一张张绘有图像的透明薄膜，当然随着学习的深入将会发现图层的功能远比透明纸更加丰富、强大。层的功能远比透明纸更加丰富、强大。 如下图所示为一个用如下图所示为一个用photosho

22、p CS2制作的简单按钮，从图层制作的简单按钮，从图层面板可以得知此图由多个图层组成。面板可以得知此图由多个图层组成。 在以后的学习中，为了方便对所做的图像进行修改，大家一定养成在以后的学习中，为了方便对所做的图像进行修改，大家一定养成新建图层来绘图的好习惯。新建图层来绘图的好习惯。 在新建一个文件时，默认情况下，会得到一个白色的背景层文件，如图在新建一个文件时，默认情况下，会得到一个白色的背景层文件，如图所示。但是，仔细观察一下图层面板，如图所示。背景层右侧是不是有一把所示。但是，仔细观察一下图层面板，如图所示。背景层右侧是不是有一把小锁呢？正是由于背景层是处于锁定状态的，因此是不可移动的，

23、所以不方小锁呢？正是由于背景层是处于锁定状态的，因此是不可移动的，所以不方便修改。便修改。因此也要养成不在背景层上做图的好习惯。因此也要养成不在背景层上做图的好习惯。 PHOTOSHOP CS 实例复制和拖拽图像快捷键汇总快捷键汇总: :1.1.打开文件打开文件:Ctrl+O:Ctrl+O2.2.关闭文件关闭文件:Ctrl+W:Ctrl+W3.3.存储文件：存储文件：Ctrl+SCtrl+S4.4.存储为文件：存储为文件：Ctrl+Shift+SCtrl+Shift+S5.5.显示显示/ /隐藏工具栏：隐藏工具栏：TabTab6.6.显示显示/ /隐藏工具栏外其他调板：隐藏工具栏外其他调板：Shift+TabShift+Tab7.7.显示模式的切换：显示模式的切换：F F8.8.F7F7在全屏模式下显示在全屏模式下显示/ /隐藏菜单栏：隐藏菜单栏：Shift+FShift+F9.9.放大：放大：Ctrl+Ctrl+10.10.缩小：缩小：Ctrl+-Ctrl+-11.11.满画布显示：满画布显示：Ctrl+0Ctrl+012.12.临时调用放大工具：临时调用放大工具：Ctrl+Ctr