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