photoshopCC课件

1LOGO让Ps飞起来2LOGOPhotoshop第一章PHOTOSHOP平面设计案例教程……3LOGO—3—主要内容CONTENTSPAGE01认识图像02、认识PhotoshopCC界面03、制作工商银行LOGO4LOGOContentsPage目录页—4—•任务分析•相关知识任务1、认识图像5LOGOPhotoshopCC图形图像设计制作，就是利用PhotoshopCC对图像进行处理，已达到某种效果或者是设置制作某种平面作品。例如，常见的商标设计制作、出版物（杂志，报纸和书籍）设计制作、平面广告设计制作、海报设计制作、广告牌以及网站页面设计制作、移动设备应用软件界面设计制作、标志和包装设计制作等。那么，计算机中的图像是什么呢？常见的图像的类型有哪些？常见的图像文件格式有什么？Photoshop主要处理的图像类型是什么？图像文件的要素有哪些呢？本任务将一一解答这些问题。一、任务分析6LOGO什么是计算机中的图像这里的图像不是指日常生活中我们看到的画在纸上或画布上的图像风格，而是以数字的方式存储和处理的数据文件。这些有数字文件所表达的图像即为计算机中的图像即数字化图像。计算机中的数字化图像分为以下两类：1.位图位图在我们的工作生活中很常见，由数码相机、手机等电子设备拍照得到的图像、扫描机扫描的图像以及屏幕抓取的图像都是位图。它是由很多像小方块一样的色素块构成的图像。单位面积上的像素块越多（分辨率越高）图像越清晰。位图也叫光栅图、点阵图，是有很多个像小方块一样的颜色网格(即像素)组成图像。图像像素点越多（分辨率越高），图像也就越清晰。位图的特点是可以表现色彩的变化和颜色的细微过渡，很容易在不同的软件之间转换。位图文件占磁盘空间较大，放大后容易失真，如图1-2所示。二、相关知识图1-1位图图像图1-2放大后的位图7LOGO2.矢量图二、相关知识矢量图型是图形软件通过数学的向量方式进行计算而得到的图形，如图1-3所示。Photoshop是典型的位图软件，Illustrator.CorelDraw.Freehand.AutoCAD等软件是常用的矢量图软件。图1-3矢量图形图1-4放大后的矢量图8LOGO3.像素和分辨率二、相关知识像素是针对位图图像而言的，如果把位图图像（手机或数码相机拍摄的图像都属于位图）放大到数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成位图图像的最小单位“像素”，如图1-5所示。图1-5位图图像局部放大后显示的像素效果9LOGO3.像素和分辨率二、相关知识分辨率是一个笼统的术语，主要是指图像中每单位打印长度上显示的像素数量，包含更多像素点的高分辨率的图像要比低分辨率的图像更为清晰。通常用“Pixel/inch（像素/英寸，简写ppi）”。在使用Photoshop设置图像分辨率时，有如下原则需要注意：(1)图像仅用于屏幕显示时，经常将分辨率设置为72像素/英寸。(根据浏览器分辨率不同，个别时候会设置为96像素/英寸）。(2)图像用于报纸插图，可将分辨率设置为150像素/英寸。(3)图像用于高档彩色印刷，可将分辨率设置为300像素/英寸。10LOGOContentsPage目录页—10—•任务分析•相关知识任务2、认识PhotoshopCC界面11LOGOPhotoshop这款软件是当前最为流行的位图图像处理软件，它是美国Adobe（中文译为“奥多比”）公司旗下最为著名的图像处理软件之一，被誉为“图像处理大师”，他的功能十分强大且使用方便，深受广大设计人员和计算机美术爱好者的喜爱。从1990年Photoshop发布首个版本开始，直至2012年4月发布的PhotoshopCS6正式版（即13.0版本），他已经走过了20多年的风雨历程。Photoshop每一次版本的升级都能给他的用户带来巨大的惊喜，并且最终获得了商业上的巨大成功，声名远扬，堪称是首屈一指的“图像处理大师”。具体而言，Photoshop的应用领域主要包括平面设计、影像创新、修复图片、摄影、建筑效果图后期修饰、网页制作、绘画插画、三维贴图制作、图表制作、艺术文字设计和婚纱照设计等。另外，随着新版本的Photoshop功能的增强，它在影视后期制作、二维动画制作及三维模型创建等方面都有不俗的表现。在本任务中，主要完成对界面的出版认识，随着学习的深入将会对PhotoshopCC有更加深刻的全面认识。一、任务分析12LOGO二、相关知识目前Photoshop的版本为CC，其界面有菜单栏、工具选项栏、工具栏、图像窗口、浮动调板、状态栏、标题栏等构成，如图1-9所示。图1-9Photoshop窗口13LOGOContentsPage目录页—13—任务3、制作工商银行LOGO•任务分析•相关知识•操作步骤•拓展任务—制作红十字协会标志14LOGO该任务为制作工商银行的标记（logo），如图1-28所示。通过亲自动手实践，与PhotoshopCC亲密接触，学会新建图像文件，设置图像尺寸和分别率以及标尺、网格等工具的使用，从而对Photoshop这款软件具有初步的认识。一、任务分析图1-28工商银行logo15LOGO二、相关知识（一）新建和打开图像建图像是使用PhotoshopCC进行设计的第一步。启用“新建”命令，可以通过第一、在菜单栏中选择“文件→新建”命令；第二、按Ctrl+N组合键。以上两种方法都可以打开“新建”对话框。可以在其中设置文件“名称”、“宽度”、“高度”、“分辨率”、“颜色模式”、“背景内容”（图像的背景颜色），等文件的参数。打开图像文件也可以使用菜单命令或快捷键方式。第一、在菜单栏中选择“文件→打开”命令；第二、按Ctrl+O组合键；第三、直接在PhotoshopCC界面中双击鼠标左键。以上三种方式都可以打开“打开”对话框。在对话框中搜索路径和文件，确认文件类型和名称，通过PhotoshopCS5提供的预览缩略图选择文件，然后单击“打开”按钮，或直接双击文件，即可打开指定的图像文件。16LOGO二、相关知识（二）保存和关闭图像编辑和制作完图像后，就对图像进行保存。可以通过菜单栏中的“文件→存储”命令或按Ctrl+S组合键，保存图像文件。第一次保存图像文件时，启用存储命令，系统将弹出“存储为”对话框，在其中输入“文件名”并选择“文件格式”，单击“保存”按钮，即可将图像保存。注意，当对图像文件进行了各种编辑操作后，选择“存储”命令，系统不会弹出“存储为”对话框，计算机直接保留最终确认的结果，并覆盖原始文件。因此，在未确定要放弃原始文件之前，应慎用此命令。当既要保留修改过的文件，又不想放弃原文件，则可以使用“存储为”命令。可以在菜单栏中选择“文件→存储为”命令或按Shift+Ctrl+S组合键，打开“存储为”对话框。在对话框中，可以为更改过的文重新命名、选择路径和设定格式，然后进行保存。原文件保留不变。将图像进行保存后，就可以将图像关闭了。可以在菜单栏中选择“文件→关闭”命令或按Ctrl+W组合键关闭图像文件。17LOGO三、操作步骤第一步，新建一个图像文件。单击菜单栏中【文件】菜单，在下拉菜单中选择【新建】（或者通过快捷键Ctrl+N）,打开【新建】对话框。将文件名设置为“中国工商银行”，设置尺寸为：W(宽)500像素，H(高)400像素，分辨率为72像素/英寸。如图1-31所示。第二步，打开图像标尺。单击菜单栏中的【视图】菜单，选择下拉菜单中的标尺，即可在编辑窗口显示标尺，再次选择标尺则取消标尺的选择，或者按【Ctrl＋R】快捷键也可以调出或隐藏标尺。如图1-32所示第三步，显示网格。为了制作更精确的效果，可以使用网格作为位置参考系。单击菜单栏中的【视图】菜单，选择下拉菜单中的【显示】，在其下级菜单中选择【网格（G）】(或单击【Ctrl＋’】快捷键，显示网格)，即可在画布上显示辅助网格线，如图1-33所示。第四步，绘制选区。在工具箱中，选择【多边形套索工具】，在图像编辑区域以显示的网格线为基准，在拐点处单击绘制【中国工商银行标志】多边形选区，如图1-36所示。详细步骤请看书上18LOGOContentsPage目录页—18—拓展任务--制作红十字会标志•制作分析•制作步骤19LOGO本任务是制作红十字协会标志，如图1-49所示。它的构图很简单，使用前面完成工商银行标志的的工具就可以顺利完成。主要是用选区工具获取横竖相交的两个矩形区域，并为该区域填充颜色和添加文字。一、制作分析图1-49红十字协会标志20LOGO略，详见教材二、制作步骤21LOGOContentsPage目录页—21—本章小结22LOGO本节主要讲述了Photoshop的系统资源配置、软件功能划分以及新特性等。其中Photoshop软件自身的功能是本节学习的重点内容，因为它有利于我们对软件功能的整体把握，这对以后的学习也起到了提纲挈领的作用。小结23LOGOContentsPage目录页—23—课后习题24LOGO一、选择题1.Photoshop共支持（）格式的图像。A.10多种B.20多种C.30多种D.40多种2.显示或隐藏标尺的快捷键是（）。A.Shift+RB.Ctrl+RC.Alt+RD.Shift+Ctrl+R习题3.Photoshop中一共有（）个菜单栏。A.11B.10C.13D.84.常用的网页图像格式有（）和（）。A.gif,tiffB.tiff,jpgC.gif,jpgD.tiff,png5.【类型】菜单中不包含（）。A.设置文字工具选项B.建立新文字层C.设置字符调板选项D.恢复操作25LOGO习题二、判断题1.分析菜单中包含设置测量比例，选择数据点、标尺工具、计数工具等。（）2.在Photoshop的【视图】菜单中，用户可以针对图形的路径、选取范围、网格、参考线、图像切割、备注等分别预览。（）26LOGOPhotoshop第二章PHOTOSHOP平面设计案例教程……27LOGOContentsPage目录页—27—项目二图像的选择和移动28LOGOContentsPage目录页—28—【课前导读】使用photoshopCC对图像进行移动、缩放、旋转、调整色彩和滤镜变换等几乎所有的编辑操作都需要利用选取工具选中被编辑的图像对象。因此，凸显选择工具是photoshop设计工作的基础和核心。本项目主要介绍选择工具的使用方法等相关内容29LOGOContentsPage目录页—29—【学习目标】1.学会使用矩形选框工具和椭圆选框工具；2.学会选取的属性设置；3.学会使用套索工具、多边形套索工具和磁性套索工具；4.学会魔棒工具；5.学会选区的运算；6.学会选择工具的灵活应用。30LOGO—30—主要内容CONTENTSPAGE任务1制作公司标志任务2制作8°设计工作室标志任务3制作DIY信纸任务4制作苹果卡通任务5制作蔬菜厨师31LOGOContentsPage目录页—31—任务1制作公司标志一、任务分析二、相关知识三、任务实施32LOGO任务分析本任务是制作“GeneralLight”——普通照明设备联合会的标记。可以通过设置选区后填充颜色来完成，如图所示。本任务的核心知识和技能就是要学会使用矩形选框工具以及选区的计算操作，从而实现预期图像效果。选区工具33LOGO有多种设置选区的工具主要有：选框工具组、套索工具组以及魔棒工具如图所示选区工具使用该工具可以创建矩形或正方形选区。使用该工具可以创建椭圆或正圆选区。使用该工具可以创建高度只有1个像素的单行选区。使用该工具可以创建高度只有1个像素的单列选区。34LOGO矩形选框工具栏新建选区（可按ctrl+D取消选取）添加如图所示到选区选区工具35LOGO•矩形选框工具（3）从选区减去：通过【矩形选框工具】属性栏中单击选中【从选区减去】，如图所示（4）与选区交叉：通过【矩形选框工具】属性栏中单击选中【从选区减去】选区工具36LOGO相关知识-选框工具属性•矩形选框工具（5）羽化：在【矩形选框工具】属性栏中设置【羽化】值为20px,如图所示。可以柔化选择区域的边缘，产生渐变过渡效