《Photoshop_CS5平面设计案例教程》基础入门.ppt

Photoshop CS5 平面设计案例教程平面设计案例教程项目一项目一 开始开始Photoshop CS5之旅之旅任务一任务一 认识认识Photoshop CS5Photoshop CS5任务二任务二 制作第一个平面作品制作第一个平面作品任务四任务四 设置前景色和背景色设置前景色和背景色任务三任务三 使用辅助工具使用辅助工具任务五任务五 神奇的神奇的PhotoshopPhotoshop图层图层PhotoshopPhotoshop应用领域应用领域图像处理基本知识图像处理基本知识熟悉熟悉Photoshop CS5Photoshop CS5工作界面工作界面认识认识Photoshop CS5任务一任务一PhotoshopPhotoshop应用领域应用领域随着随着Photoshop功能的不断强化，它的应用领域也功能的不断强化，它的应用领域也在逐渐扩大，其中：在逐渐扩大，其中：在平面在平面设计方面：方面：利用Photoshop可以设计商标、产品包装、海报、样本、招贴、广告、软件界面、网页素材和网页效果图等各式各样的平面作品，还可以为三维动画制作材质，以及对三维效果图进行后期处理等。在在绘画方面：画方面：Photoshop具有强大的绘画功能，利用它可以绘制出逼真的产品效果图、各种卡通人物和动植物等。在数在数码照片照片处理方面：理方面：利用Photoshop可以进行各种照片合成、修复和上色等操作。例如，为照片更换背景、为人物更换发型、校正偏色照片，以及美化照片等。图像处理基本知识图像处理基本知识1位图与矢量图位图与矢量图图像有位图和矢量图之分。严格地说，位图被称为图像，矢量图被称为图形。它们之间最大的区别就是位图放大到一定比例时会变得模糊，而矢量图则不会。位位图是由许多细小的色块组成的，每个色块就是一个像素，每个像素只能显示一种颜色。像素是构成位图的最小单位，放大位图后可看到它们，这就是我们平常所说的马赛克效果，如下图所示。显示比例为100%时的显示效果显示比例为400%时的显示效果矢量矢量图主要是用诸如Illustrator、CorelDRAW等矢量绘图软件绘制得到的。矢量图具有占用存储空间小、按任意分辨率打印都依然清晰（与分辨率无关）的优点，常用于设计标志、插画、卡通和产品效果图等。矢量图的缺点是色彩单调，细节不够丰富，无法逼真地表现自然界中的事物。下图显示了矢量图放大前后的效果对比。图像处理基本知识图像处理基本知识显示比例为100%时的显示效果显示比例为600%时的显示效果图像处理基本知识图像处理基本知识2像素与图像分辨率像素与图像分辨率像素像素是组成位图图像最基本的元素，每个像素只能显示一种颜色，共同组成整幅图像。图像分辨率像分辨率通常是指图像中每平方英寸所包含的像素数，其单位是“像素/英寸”（pixel/inch，ppi）。一般情况下，如果希望图像仅用于显示，可将其分辨率设置为72ppi或96ppi（与显示器分辨率相同）；如果希望图像用于印刷输出，则应将其分辨率设置为300ppi或更高。熟悉熟悉Photoshop CS5Photoshop CS5工作界面工作界面1启动和退出启动和退出Photoshop CS5选择“开始”“所有程序”“Adobe Photoshop CS5”菜单，如下图所示。如果桌面上有Photoshop CS5的快捷方式图标 ，双击它即可启动程序。安装好Photoshop CS5程序后，可使用下面两种方法启启动它。熟悉熟悉Photoshop CS5Photoshop CS5工作界面工作界面直接单击程序窗口菜单栏右侧的“关闭”按钮 。选择“文件”“退出”菜单。当不需要使用Photoshop CS5时，可以采用以下几种方法退出退出程序。按【Alt+F4】组合键或【Ctrl+Q】组合键。熟悉熟悉Photoshop CS5Photoshop CS5工作界面工作界面2熟悉熟悉Photoshop CS5工作界面工作界面下图所示为Photoshop CS5的工作界面，可以看出，其主要由标题栏、菜单栏、工具箱、工具属性栏、图像窗口和调板等组成。工具属性栏各种调板状态栏工具箱标题栏为了便于讲解，我们打开了一幅图像文件。关于打开文件的方法，请参考项目任务二图像标签菜单栏图像标签栏选项卡式的图像窗口图像窗口熟悉熟悉Photoshop CS5Photoshop CS5工作界面工作界面标题栏：位于界面顶部，其左侧显示了Photoshop CS5程序的图标和一些常用工具按钮，最右边是3个窗口控制按钮 ，通过单击它们可以将窗口最小化、最大化和关闭，如下图所示。工具箱：工具箱：Photoshop CS5的工具箱中包含了70余种工具。这些工具大致可分为选区制作工具、绘画工具、修饰工具、颜色设置工具及显示控制工具等几类，通过这些工具我们可以方便地编辑图像。图像浏览软件查看额外内容，如显示或隐藏标尺、网格缩放级别排列打开的多个图像文件设置屏幕显示模式工作区切换器窗口控制按钮图像浏览调板PhotoshopPhotoshop文件基本操作文件基本操作切换和排列图像窗口切换和排列图像窗口制作第一个平面作品制作第一个平面作品任务二任务二PhotoshopPhotoshop文件基本操作文件基本操作1新建文件新建文件要创建图像文件，可选择“文件”“新建”菜单，或按【Ctrl+N】组合键，此时系统将打开下图所示的“新建”对话框。用户可在该对话框中设置新图像文件的名称、尺寸、分辨率、颜色模式和背景颜色，设置完成后，单击“确定”按钮，即可创建所需的图像文件。设置新建图像的宽度、高度和分辨率设置新建图像的颜色模式。其中RGB模式适用于屏幕显示，CMYK模式适用于印刷设置图像背景色。选择“白色”表示创建一个以白色为背景的图像；选择“背景色”表示将以当前使用的背景色作为图像背景；选择“透明”表示将创建一个透明背景的图像设置文件名单击该按钮可以将设置存储为默认设置，便于以后使用PhotoshopPhotoshop文件基本操作文件基本操作2保存文件保存文件在编辑图像文件时，为了避免因意外导致正在编辑的信息丢失，需要经常对图像执行保存操作。要保存文件，可选择“文件”“存储”菜单，或按【Ctrl+S】组合键。如果图像为新图像，系统将打开下图所示的“存储为”对话框。用户可在该对话框中设置文件名、文件格式、文件保存位置等参数，设置好后，单击“保存”按钮即可。输入图像文件的保存名称设置图像文件的保存位置单击该按钮，可从弹出的列表中选择在对话框中显示图像的方式切换至上层文件夹向上一级创建新文件夹选择图像文件的保存格式一般情况下，此处的参数都需要保持默认设置PhotoshopPhotoshop文件基本操作文件基本操作3打开文件打开文件要打开现有的图像文件进行处理，可选择“文件”“打开”菜单，或按【Ctrl+O】组合键打开下图所示的“打开”对话框。在该对话框的“查找范围”下拉列表中选择文件所在的磁盘，在文件列表找到要打开的文件并单击，然后单击“打开”按钮即可。要打开最近打开过的文件，可选择“文件”“最近打开文件”菜单，该菜单最多可列出最近打开过的10个文件供用户选择。PhotoshopPhotoshop文件基本操作文件基本操作4关闭文件关闭文件当用户不需要编辑某个图像文件时，可以通过以下几种方式将其关闭。选择“文件”“关闭”菜单。按【Ctrl+W】或【Ctrl+F4】组合键。单击图像窗口右上角的 或 按钮。选择“文件”“关闭全部”菜单，可关闭所有打开的图像。切换和排列图像窗口切换和排列图像窗口1切换图像窗口切换图像窗口默认情况下，在Photoshop CS5中新建或打开的图像均以选项卡方式显示，当同时打开多幅图像时，要将某个图像窗口切换为当前窗口，只需单击该图像的标签即可，如右图所示。当打开图像数量较多，图像窗口标签栏中不能显示所有图像的标签时，可以单击图像标签栏右侧的双箭头 ，在展开的下拉列表中选择需要切换为当前窗口的图像名称。切换和排列图像窗口切换和排列图像窗口2排列图像窗口排列图像窗口若想同时查看多幅图像，可单击Photoshop程序标题栏中的“排列文档”按钮 ，从打开的面板中选择合适的图像窗口排列方式，包括双联、三联、四联、全部水平拼贴等，如下图左图所示。下图右图所示为选择“六联”按钮 排列效果。使用缩放和平移工具使用缩放和平移工具使用标尺和参考线使用标尺和参考线使用网格使用网格使用辅助工具任务三任务三使用缩放和平移工具使用缩放和平移工具在处理图像时，通过放大图像的显示比例可以方便地对图像的细节进行处理，而通过缩小图像的显示比例可以方便地观察图像的整体。在Photoshop CS5中，缩放和平移视图主要是利用工具箱中的“缩放工具”、“抓手工具”、菜单命令或“导航器”调板进行的，我们将在任务实施的“任务一”中具体练习其操作方法使用标尺和参考线使用标尺和参考线1标尺标尺选择“视图”“标尺”菜单，或按【Ctrl+R】组合键，可在图像的左侧和顶部显示或隐藏标尺，如下图所示。默认状态下，标尺原点在图像窗口左上角。根据操作需要，用户可以更改标尺原点位置：将鼠标指针移至水平标尺与垂标尺的相交处，然后按住鼠标左键不放拖至图像窗口中的适合位置，释放鼠标即可，如下图右图所示。要恢复标尺原点默认位置，只需在水平标尺与垂标尺的相交处双击鼠标左键即可。使用标尺和参考线使用标尺和参考线2参考线参考线参考线是浮动在整个图像上却不被打印的直线，主要用来协助对齐和定位图形对象。要创建参考线，只需将鼠标指针放置在水平或垂直标尺上，按住鼠标左键并向图像窗口内拖动，至合适位置后释放鼠标即可，如下图左图所示，反复操作可创建多条参考线。也可选择“视图”“新建参考线”菜单，打开“新建参考线”对话框，如下图右图所示。在对话框中设置参考线的方向和位置，单击“确定”按钮精确创建参考线。使用网格使用网格在处理图像时，借助网格线也可以精确定位对象。选择“视图”“显示”“网格”菜单，或按【Ctrl+】组合键可在图像窗口中显示或隐藏网格线，如下图所示。使用前景色和背景色工具使用前景色和背景色工具使用使用“颜色颜色”调板调板使用使用“色板色板”调板调板使用吸管工具使用吸管工具设置前景色和背景色设置前景色和背景色任务四任务四使用前景色和背景色工具使用前景色和背景色工具在Photoshop的工具箱中，系统提供了前景色和背景色设置工具，分别用于显示和设置当前使用的前景色和背景色，如下图左图所示。单击工具箱中的前景色或背景色工具，如单击前景色工具，将打开“拾色器（前景色）”对话框，拖动光谱滑块选择基本的颜色区域，然后在颜色选择区单击选择颜色，最后单击“确定”按钮即可将所选颜色设置为前景色，如下图右图所示。切换前景色和背景色前景色背景色恢复默认的前景色和背景色（分别为纯黑色和纯白色）拖动滑块在光谱中选择颜色区域颜色数值观察和设置区，可直接输入相关数值来选择颜色新选定的颜色色样 在颜色选择区单击选定颜色当前使用的颜色色样使用使用“颜色颜色”调板调板利用“颜色”调板也可设置前景色或背景色。选择“窗口”“颜色”菜单，或者按【F6】键，打开“颜色”调板。单击前景色或背景色颜色框，然后拖动R、G、B滑块或直接输入数值可以设置前景色或背景色，如下图左图所示。此外，将鼠标光标移至颜色样板条上，当光标呈 形状时单击也可设置前景色和背景色。单击“颜色”调板右上角的 按钮，可从打开的调板菜单中选择滑块及颜色样板条的颜色模式，如下图右图所示。前景色背景色R、G、B滑块和相应的颜色编辑框，其中R代表红、G代表绿、B代表蓝，取值范围都为0255颜色样板条选择滑块的颜色模式选择颜色样板条的颜色模式使用使用“色板色板”调板调板选择选择“窗口窗口”“色板色板”菜单，打开菜单，打开“色板色板”调板，调板，其中存储了系统预先设置好的颜色或用户自定的颜其中存储了系统预先设置好的颜色或用户自定的颜色。使用方法如下：色。使用方法如下：在“色板”调板中单击任意色块，可将其设置为前景色。按住【Ctrl】键的同时单击“色板”调板中的任意色块，可将其设置为背景色。使用使用“色板色板”调板调板要删除某颜色，只需将鼠标光标移至某颜色块上，按住鼠标左键并拖至调板底部的 按钮上即可。此外，将鼠标光标移至要删除的颜色块上，按住【Alt】键，当光标呈剪刀状 时，单击鼠标也可删除该颜色，如下图右图所示。要在“色板”调板中添加色样，先利用“颜色”调板或“拾色器”对话框设置好要添加的颜色，然后将光标移至调板中的空白处单击（此时光标变为油漆桶形状 ）。在打开的“色板名称”对话框中，输入色样名称或直接单击“确定”按钮，即可添加色样。如下图左图所示。使用吸管工具使用吸管工具利用利用“吸管工具吸管工具”可以从图像中获取颜色并将其设置为可以从图像中获取颜色并将其设置为前景色或背景色。前景色或背景色。打开一幅图像，在工具箱中选择“吸管工具”，然后在需要取样的位置单击，即可将单击处的颜色设置为前景色，如下图左图所示；若按住【Alt】键单击，则可将单击处的颜色设置为背景色，如下图中图所示。用户还可以利用下图右图所示的“吸管工具”属性栏设置取样大小。默认情况下，“吸管工具”仅吸取光标下一个像素的颜色，也可选择“”或“”等选项，扩大取样像素的范围。“33平均”表示取单击处周围9个像素的颜色的平均值，其他选项的意义与此类同神奇的神奇的PhotoshopPhotoshop图层图层任务五任务五神奇的神奇的PhotoshopPhotoshop图层图层在在Photoshop中，图层是一个非常重要的功能。用中，图层是一个非常重要的功能。用户在编辑图像时，执行的所有操作都与图层有着密户在编辑图像时，执行的所有操作都与图层有着密切的联系。切的联系。我们可以将“图层”想像为透明的玻璃，每层玻璃上都有不同的画面，将多层玻璃叠加在一起就能构成一幅完整的图像。例如，打开本书配套素材“项目一”文件夹中的“11.psd”图像文件，可以看到该卡通头像由眼睛、腮红和脸图层组成，如下图所示。神奇的神奇的PhotoshopPhotoshop图层图层在Photoshop中，每个图像都由一个或多个图层组成，图层与图层之间是相互独立的，当对某一图层（在“图层”调板中单击选中该图层）进行操作时，不会影响到其他图层，这就方便我们对图像进行处理。此外，利用图层还可以方便地制作各种特殊图像效果。项目一项目一 开始开始Photoshop CS5Photoshop CS5之旅之旅本章完本章完谢谢学习！谢谢学习！