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