《Photoshop CS5平面设计案例教程》

Presentation on theme: "《Photoshop CS5平面设计案例教程》"— Presentation transcript:

1 《Photoshop CS5平面设计案例教程》

2 课程要求： 上课（考勤10%和课堂表现10%） 作业（20%） 考试（60%）

3 课程介绍 课程目的：　　　 本课程是本专业学习的专业基础课，是一门理论与实践紧密结合的课程。本课程是学习Photoshop的入门课程，它为今后进一步学习平面设计类课程建立基础理论和基本操作技能。因此本课程对于大家熟练掌握平面设计是十分重要的。

4 课程内容： 1. photoshop图形图像处理基础 2. photoshop基本操作 3. 图像的选取 4. 图像的色调和色彩调整
5. 图像的编辑 6. 图像的绘制和修饰 7. 文字的操作 8. 图层 9. 路径 10. 通道和蒙版 11. 滤镜 12. 3D图像的处理 13. 综合实例

5 项目一 开始Photoshop CS5之旅 任务一 认识Photoshop CS5 任务二 制作第一个平面作品 任务三 使用辅助工具
任务二 制作第一个平面作品 任务三 使用辅助工具 任务四 设置前景色和背景色 任务五 神奇的Photoshop图层

6 任务一 认识Photoshop CS5 Photoshop应用领域 图像处理基本知识 熟悉Photoshop CS5工作界面

7 Photoshop应用领域 随着Photoshop功能的不断强化，它的应用领域也在逐渐扩大，其中：

8 图像处理基本知识 1．位图与矢量图 图像有位图和矢量图之分。严格地说，位图被称为图像，矢量图被称为图形。它们之间最大的区别就是位图放大到一定比例时会变得模糊，而矢量图则不会。 位图是由许多细小的色块组成的，每个色块就是一个像素，每个像素只能显示一种颜色。像素是构成位图的最小单位，放大位图后可看到它们，这就是我们平常所说的马赛克效果，如下图所示。 显示比例为100%时的显示效果 显示比例为400%时的显示效果

9 图像处理基本知识 矢量图主要是用诸如Illustrator、CorelDRAW等矢量绘图软件绘制得到的。矢量图具有占用存储空间小、按任意分辨率打印都依然清晰（与分辨率无关）的优点，常用于设计标志、插画、卡通和产品效果图等。矢量图的缺点是色彩单调，细节不够丰富，无法逼真地表现自然界中的事物。下图显示了矢量图放大前后的效果对比。 显示比例为100%时的显示效果 显示比例为600%时的显示效果

10 图像处理基本知识 像素是组成位图图像最基本的元素，每个像素只能显示一种颜色，共同组成整幅图像。
2．像素与图像分辨率 像素是组成位图图像最基本的元素，每个像素只能显示一种颜色，共同组成整幅图像。 图像分辨率通常是指图像中每平方英寸所包含的像素数，其单位是“像素/英寸”（pixel/inch，ppi）。 一般情况下，如果希望图像仅用于显示，可将其分辨率设置为72ppi或96ppi（与显示器分辨率相同）；如果希望图像用于印刷输出，则应将其分辨率设置为300ppi或更高。

11 图像的文件格式P9 Photoshop支持很多文件格式，包括TIFF、EPS、PDF、GIF、JPEG、PNG、PSD、PDD等。用户可以根据图像的使用需要和不同软件的要求来选择。 在实际工作中，可以根据工作任务的需求选择适当的存储格式，各种用途适用的文件格式如下： 用于印刷：TIFF、EPS。 出版物：PDF。 Internet图像：GIF、JPEG、PNG。 Photoshop分层图像：PSD、PDD、TIFF。

12 熟悉Photoshop CS5工作界面 1．启动和退出Photoshop CS5
选择“开始”>“所有程序”>“Adobe Photoshop CS5”菜单，如下图所示。 如果桌面上有Photoshop CS5的快捷方式图标 ，双击它即可启动程序。

13 熟悉Photoshop CS5工作界面 当不需要使用Photoshop CS5时，可以采用以下几种方法退出程序。
直接单击程序窗口菜单栏右侧的“关闭”按钮 。 选择“文件”>“退出”菜单。 按【Alt+F4】组合键或【Ctrl+Q】组合键。

14 熟悉Photoshop CS5工作界面 2．熟悉Photoshop CS5工作界面 下图所示为Photoshop CS5的工作界面，可以看出，其主要由标题栏、菜单栏、工具箱、工具属性栏、图像窗口和调板等组成。 标题栏 工具属性栏 菜单栏 图像标签 图像标签栏 选项卡式的图像窗口 各种调板 工具箱 图像窗口 为了便于讲解，我们打开了一幅图像文件。关于打开文件的方法，请参考项目任务二 状态栏

15 熟悉Photoshop CS5工作界面 标题栏：位于界面顶部，其左侧显示了Photoshop CS5程序的图标和一些常用工具按钮，最右边是3个窗口控制按钮 ，通过单击它们可以将窗口最小化、最大化和关闭，如下图所示。 缩放级别 工作区切换器 图像浏览软件 窗口控制按钮 图像浏览调板 设置屏幕 显示模式 查看额外内容，如显示或隐藏标尺、网格 排列打开的 多个图像文件 工具箱：Photoshop CS5的工具箱中包含了70余种工具。这些工具大致可分为选区制作工具、绘画工具、修饰工具、颜色设置工具及显示控制工具等几类，通过这些工具我们可以方便地编辑图像。

16 任务二 制作第一个平面作品 Photoshop文件基本操作 切换和排列图像窗口

17 Photoshop文件基本操作 1．新建文件
要创建图像文件，可选择“文件”>“新建”菜单，或按【Ctrl+N】组合键，此时系统将打开下图所示的“新建”对话框。 用户可在该对话框中设置新图像文件的名称、尺寸、分辨率、颜色模式和背景颜色，设置完成后，单击“确定”按钮，即可创建所需的图像文件。 设置文件名 单击该按钮可以将设置存储为默认设置，便于以后使用 设置新建图像的宽度、高度和分辨率 设置图像背景色。选择“白色”表示创建一个以白色为背景的图像；选择“背景色”表示将以当前使用的背景色作为图像背景；选择“透明”表示将创建一个透明背景的图像 设置新建图像的颜色模式。其中RGB模式适用于屏幕显示，CMYK模式适用于印刷

18 Photoshop文件基本操作 2．保存文件 在编辑图像文件时，为了避免因意外导致正在编辑的信息丢失，需要经常对图像执行保存操作。
要保存文件，可选择“文件”>“存储”菜单，或按【Ctrl+S】组合键。 如果图像为新图像，系统将打开下图所示的“存储为”对话框。 用户可在该对话框中设置文件名、文件格式、文件保存位置等参数，设置好后，单击“保存”按钮即可。 输入图像文件的保存名称 设置图像文件的保存位置 单击该按钮，可从弹出的列表中选择在对话框中显示图像的方式 切换至上层文件夹 向上一级 创建新文件夹 选择图像文件的保存格式 一般情况下，此处的参数都需要保持默认设置

19 Photoshop文件基本操作 3．打开文件
要打开现有的图像文件进行处理，可选择“文件”>“打开”菜单，或按【Ctrl+O】组合键打开下图所示的“打开”对话框。在该对话框的“查找范围”下拉列表中选择文件所在的磁盘，在文件列表找到要打开的文件并单击，然后单击“打开”按钮即可。 要打开最近打开过的文件，可选择“文件”>“最近打开文件”菜单，该菜单最多可列出最近打开过的10个文件供用户选择。

20 Photoshop文件基本操作 4．关闭文件 当用户不需要编辑某个图像文件时，可以通过以下几种方式将其关闭。
选择“文件”>“关闭”菜单。 按【Ctrl+W】或【Ctrl+F4】组合键。 单击图像窗口右上角的 或 按钮。 选择“文件”>“关闭全部”菜单，可关闭所有打开的图像。

21 切换和排列图像窗口 1．切换图像窗口 默认情况下，在Photoshop CS5中新建或打开的图像均以选项卡方式显示，当同时打开多幅图像时，要将某个图像窗口切换为当前窗口，只需单击该图像的标签即可，如右图所示。 当打开图像数量较多，图像窗口标签栏中不能显示所有图像的标签时，可以单击图像标签栏右侧的双箭头 ，在展开的下拉列表中选择需要切换为当前窗口的图像名称。

22 切换和排列图像窗口 2．排列图像窗口 若想同时查看多幅图像，可单击Photoshop程序标题栏中的“排列文档”按钮 ，从打开的面板中选择合适的图像窗口排列方式，包括双联、三联、四联、全部水平拼贴等，如下图左图所示。下图右图所示为选择“六联”按钮 排列效果。

23 任务三 使用辅助工具 使用缩放和平移工具 使用标尺和参考线 使用网格

24 使用缩放和平移工具 在处理图像时，通过放大图像的显示比例可以方便地对图像的细节进行处理，而通过缩小图像的显示比例可以方便地观察图像的整体。在Photoshop CS5中，缩放和平移视图主要是利用工具箱中的“缩放工具” 、“抓手工具” 、菜单命令或“导航器”调板进行的，我们将在任务实施的“任务一”中具体练习其操作方法

25 使用标尺和参考线 1．标尺 选择“视图”>“标尺”菜单，或按【Ctrl+R】组合键，可在图像的左侧和顶部显示或隐藏标尺，如下图所示。
默认状态下，标尺原点在图像窗口左上角。根据操作需要，用户可以更改标尺原点位置：将鼠标指针移至水平标尺与垂标尺的相交处，然后按住鼠标左键不放拖至图像窗口中的适合位置，释放鼠标即可，如下图右图所示。 要恢复标尺原点默认位置，只需在水平标尺与垂标尺的相交处双击鼠标左键即可。

26 使用标尺和参考线 2．参考线 参考线是浮动在整个图像上却不被打印的直线，主要用来协助对齐和定位图形对象。要创建参考线，只需将鼠标指针放置在水平或垂直标尺上，按住鼠标左键并向图像窗口内拖动，至合适位置后释放鼠标即可，如下图左图所示，反复操作可创建多条参考线。 也可选择“视图”>“新建参考线”菜单，打开“新建参考线”对话框，如下图右图所示。在对话框中设置参考线的方向和位置，单击“确定”按钮精确创建参考线。

27 使用网格 在处理图像时，借助网格线也可以精确定位对象。选择“视图”>“显示”>“网格”菜单，或按【Ctrl+ ′】组合键可在图像窗口中显示或隐藏网格线，如下图所示。

28 任务四 设置前景色和背景色 使用前景色和背景色工具 使用“颜色”调板 使用“色板”调板 使用吸管工具

29 使用前景色和背景色工具 在Photoshop的工具箱中，系统提供了前景色和背景色设置工具，分别用于显示和设置当前使用的前景色和背景色，如下图左图所示。 单击工具箱中的前景色或背景色工具，如单击前景色工具，将打开“拾色器（前景色）”对话框，拖动光谱滑块选择基本的颜色区域，然后在颜色选择区单击选择颜色，最后单击“确定”按钮即可将所选颜色设置为前景色，如下图右图所示。 ① 拖动滑块在光谱中选择颜色区域 颜色数值观察和设置区，可直接输入相关数值来选择颜色 新选定的颜色色样 ② 在颜色选择区单击选定颜色 当前使用的颜色色样 切换前景色 和背景色 前景色 背景色 恢复默认的前景色和背景色（分别为纯黑色和纯白色）

30 使用“颜色”调板 利用“颜色”调板也可设置前景色或背景色。选择“窗口”>“颜色”菜单，或者按【F6】键，打开“颜色”调板。单击前景色或背景色颜色框，然后拖动R、G、B滑块或直接输入数值可以设置前景色或背景色，如下图左图所示。 此外，将鼠标光标移至颜色样板条上，当光标呈 形状时单击也可设置前景色和背景色。 单击“颜色”调板右上角的 按 钮，可从打开的调板菜单中选择滑块及颜色样板条的颜色模式，如下图右图所示。 前景色 背景色 R、G、B滑块和相应的颜色编辑框，其中R代表红、G代表绿、B代表蓝，取值范围都为0~255 颜色样 板条 选择滑块的颜色模式 选择颜色样板条的颜色模式

31 使用“色板”调板 选择“窗口”>“色板”菜单，打开“色板”调板，其中存储了系统预先设置好的颜色或用户自定的颜色。使用方法如下：
在“色板”调板中单击任意色块，可将其设置为前景色。 按住【Ctrl】键的同时单击“色板”调板中的任意色块，可将其设置为背景色。

32 使用“色板”调板 要在“色板”调板中添加色样，先利用“颜色”调板或“拾色器”对话框设置好要添加的颜色，然后将光标移至调板中的空白处单击（此时光标变为油漆桶形状 ）。在打开的“色板名称”对话框中，输入色样名称或直接单击“确定”按钮，即可添加色样。如下图左图所示。 要删除某颜色，只需将鼠标光标移至某颜色块上，按住鼠标左键并拖至调板底部的 按钮上即可。此外，将鼠标光标移至要删除的颜色块上，按住【Alt】键，当光标呈剪刀状 时，单击鼠标也可删除该颜色，如下图右图所示。

33 使用吸管工具 利用“吸管工具” 可以从图像中获取颜色并将其设置为前景色或背景色。
利用“吸管工具” 可以从图像中获取颜色并将其设置为前景色或背景色。 打开一幅图像，在工具箱中选择“吸管工具” ，然后在需要取样的位置单击，即可将单击处的颜色设置为前景色，如下图左图所示；若按住【Alt】键单击，则可将单击处的颜色设置为背景色，如下图中图所示。 用户还可以利用下图右图所示的“吸管工具” 属性栏设置取样大小。默认情况下，“吸管工具” 仅吸取光标下一个像素的颜色，也可选择“ ”或“ ”等选项，扩大取样像素的范围。 “3×3平均”表 示取单击处周 围9个像素的颜 色的平均值， 其他选项的意 义与此类同

34 任务五 神奇的Photoshop图层

35 神奇的Photoshop图层 在Photoshop中，图层是一个非常重要的功能。用户在编辑图像时，执行的所有操作都与图层有着密切的联系。
我们可以将“图层”想像为透明的玻璃，每层玻璃上都有不同的画面，将多层玻璃叠加在一起就能构成一幅完整的图像。 例如，打开本书配套素材“项目一”文件夹中的“11.psd”图像文件，可以看到该卡通头像由眼睛、腮红和脸图层组成，如下图所示。

36 神奇的Photoshop图层 在Photoshop中，每个图像都由一个或多个图层组成，图层与图层之间是相互独立的，当对某一图层（在“图层”调板中单击选中该图层）进行操作时，不会影响到其他图层，这就方便我们对图像进行处理。 此外，利用图层还可以方便地制作各种特殊图像效果。

37 项目一 开始Photoshop CS5之旅 本章完 谢谢学习！