〖MQ(《成品框单页》4D+260mm。185mm(-+25.5mm,-20.5mm)-W%〗〖BG(〗〖BHDDG260mm,DK185mmD〗〖BG)D〗〖BS(ZSY260mm-YSY260mm〗〖FK(W+4mm。185mm〗〖HT6〗林海排版〓拷盘〓日期〓20221021〖ST〗〖HT〗〖FK)〗〖BS)〗〖BS(ZXY264mm-YXY264mm〗〖FK(W+4mm。185mm〗〖HT6H〗〖STFZ〗〖WTFZ〗成品:260mm×185mm〓版心:144mm×214mm〓39行×39字〓天头25.5mm〓地脚20.5mm〓内空20.5mm〓外空20.5mm〖ST〗〖HT〗〖WTHZ〗〖FK)〗〖BS)〗〖MQ)〗〖MQ(《成品框双页》4S+260mm。185mm(-+25.5mm,-20.5mm)-W%〗〖BG(〗〖BHDDG260mm,DK185mmD〗〖BG)D〗〖BS(ZSY260mm-YSY260mm〗〖FK(W+4mm。185mm〗〖HT6〗林海排版〓拷盘〓日期〓20221021〖ST〗〖HT〗〖FK)〗〖BS)〗〖BS(ZXY264mm-YXY264mm〗〖FK(W+4mm。185mm〗〖HT6H〗〖STFZ〗〖WTFZ〗成品:260mm×185mm〓版心:144mm×214mm〓39行×39字〓天头25.5mm〓地脚20.5mm〓内空20.5mm〓外空20.5mm〖ST〗〖HT〗〖WTHZ〗〖FK)〗〖BS)〗〖MQ)〗第1章
走进Photoshop CC 2017的精彩世界
1.1任务:学习欣赏图片

在Photoshop CC 2017中以不同的比例观察如图11所示的图片,既要学会欣赏整体画面,又要学会不同位置的细致观察。
图11在Photoshop中打开的图像文件
结合Photoshop的特点分析该任务的要求,应做到以下几点。
■学会启动Photoshop程序并在该程序中打开文件。
■熟悉Photoshop的工作界面。
■学习使用抓手工具和缩放工具对图像进行全局或指定部分的浏览与细部观察。
■学习使用标尺、参考线、网格对图像进行精确定位。
■学习在图像编辑窗口中对打开的多个图像文件进行切换,并以不同的窗口排列方式进行排列。

(1) 在桌面上双击Photoshop CC 2017的快捷图标,或选择“开始”→“程序”→Adobe Photoshop CC 2017命令,启动Photoshop程序,然后选择“文件”→“打开”命令,打开图像文件“国风丹顶鹤.jpg”和“开学啦.jpg”,并在图像编辑窗口中单击“国风丹顶鹤.jpg”选项卡,将其切换为当前图像,如图11所示。
(2) 单击工具箱中的缩放工具,在图像中单击两次,图像会分别放大到66.7%、100%的显示比例,再单击一次,将图片放大到200%,如图12所示。
(3) 选择工具箱中的抓手工具,在图像中拖曳鼠标,可以移动图像,以便观察图像的其他部分,图13即是平移图像的一个窗口状态。
图12放大到200%的图像窗口图13平移图像
(4) 再次选择工具箱中的缩放工具,在图像窗口中向外拖曳能放大图像,如图14所示,在图像窗口中向内拖曳能缩小图像,如图15所示。
Photoshop CC平面设计案例教程(微课版)第1章走进Photoshop CC 2017的精彩世界图14向外拖曳放大图像图15向内拖曳缩小图像
(5) 按住Alt键,使用工具在图像窗口内单击,可将图像缩小显示。
(6) 选择“视图”→“标尺”命令,窗口中即显示出水平标尺和垂直标尺,如图16所示。
(7) 将鼠标指针分别放在水平标尺和垂直标尺上,拖曳出一条水平参考线和一条垂直参考线,放置位置如图17所示。利用参考线可以对图像进行精确定位。
图16标尺显示状态图17两条参考线位置情况
(8) 选择“视图”→“清除参考线”命令,即可清除图像窗口中的参考线。选择“视图”→“标尺”命令,即可隐藏图像窗口中的标尺。
(9) 选择“视图”→“显示”→“网格”命令,窗口中即显示出如图18所示的网格。网格平均分配空间,方便确定准确的位置。再次选择“视图”→“显示”→“网格”命令,即可隐藏图像窗口中的网格。
图18网格显示状态(10) 在面板区单击“历史记录”图标,展开“历史记录”面板,如果没有打开面板,此时可以选择“窗口”→“历史记录”命令,将“历史记录”面板打开,如图19所示。
(11) 从“历史记录”面板的历史记录列表中选择第一个操作“打开”,如图110所示,即可将图像恢复为刚打开时的状态。
图19展开“历史记录”面板图110选择“历史记录”面板中的“打开”操作
(12) 在图像编辑窗口中单击“开学啦.jpg”选项卡,将其切换为当前图像,如图111所示。
(13) 选择“窗口”→“排列”→“在窗口中浮动”命令,可将当前图像放置于一个独立窗口中,如图112所示。选择“窗口”→“排列”→“使所有内容在窗口中浮动”命令,则当前打开的两幅图像均各自放置于一个独立窗口中,如图113所示。
(14) 选择“窗口”→“排列”→“平铺”命令,则两幅图像显示状态如图114所示。选择“窗口”→“排列”→“将所有内容合并到选项卡中”命令,则图像显示情况恢复到如图11所示的状态。
图111将“开学啦.jpg”切换为当前图像图112当前图像置于一个独立窗口中
图113两幅图像各自放置于一个独立窗口中 图114两幅图像平铺
(15) 分别选择两幅图像,利用“文件”→“存储为”命令,将两幅图像分别保存到另外的文件夹中,再选择“文件”→“关闭全部”命令关闭两幅图像,最后选择“文件”→“退出”命令退出Photoshop。
1.1.1Photoshop的应用范围
多数人对于Photoshop的了解还仅局限于“一个很好的图像编辑软件”,并不知道它其他的应用方面,随着软件功能的日渐强大,Photoshop已经不只是设计领域的首选软件,它在我们日常生活的其他方面也逐渐展示出了自己的强大功能,下面将分别介绍Photoshop图像合成与特效的主要应用领域。
1. 艺术照片
随着数码电子产品的普及,图形图像处理技术逐渐被越来越多的人所应用,如美化照片、制作个性化的影集、修复已经损毁的图片等。
2. 界面设计
如果你经常上网,那么会看到很多界面设计得很朴素,看起来给人一种很舒服的感觉,有的界面设计很有创意,能给人带来视觉的冲击。界面的设计,既要从外观上进行创意以达到吸引人的目的,还要结合图形和版面设计的相关原理,从而使界面设计变成独特的艺术。为了使界面效果满足人们的要求,就需要设计师在界面设计中用到图形合成等效果,再配合特效的使用使其变得更加精美。
3. 广告设计
广告的构思与表现形式是密切相关的,有了好的构思接下来则需要通过软件来完成它,而大多数的广告是通过图像合成与特效技术来完成的。通过这些技术手段可以更加准确地表达出广告的主题。
4. 包装设计
包装作为产品的第一形象最先展现在顾客的眼前,被称为“无声的销售员”,只有在顾客被产品包装吸引并进行查阅后,才会决定会不会购买,可见包装设计是非常重要的。图像合成和特效的运用使得产品在琳琅满目的货架上越发显眼,达到吸引顾客的效果。
5. 艺术效果文字
利用Photoshop对文字进行创意设计,可以使文字变得更加美观,富有个性,增强文字的感染力。
6. 插画设计
Photoshop使很多人开始采用计算机图形设计工具创作插图。计算机图形软件功能使他们的创作才能得到了更大的发挥,无论是简洁还是繁复的,无论是传统媒介效果,如油画、水彩、版画风格,还是数字图形无穷无尽的新变化、新趣味,都可以更方便、更快捷地完成。
7. 动漫设计
动漫设计近年来十分盛行,有越来越多的爱好者加入动漫设计的行列,Photoshop软件的强大功能使得它在动漫行业有着不可取代的地位,从最初的形象设定到最后渲染输出,都离不开它。
8. 建筑效果图后期修饰
在制作建筑效果图包括许多三维场景时,人物与配景包括场景的颜色常常需要在Photoshop中增加并调整。
9. 视觉创意
视觉创意与设计是设计艺术的一个分支,此类设计通常没有非常明显的商业目的,但由于它为广大设计爱好者提供了广阔的设计空间,因此越来越多的设计爱好者开始学习Photoshop,并进行具有个人特色与风格的视觉创意。
1.1.2Photoshop CC 2017操作界面
启动Photoshop程序,Photoshop CC 2017的工作界面主要由标题栏、菜单栏、工具选项栏、工具箱、面板、文档窗口、状态栏等组成,如图115所示。接下来对Photoshop CC工作界面进行介绍。
图115Photoshop CC工作界面1. 标题栏
在Photoshop CC中,打开一个文件以后,Photoshop会自动创建一个标题栏选项卡,若要显示已经打开的某幅图像,只要单击对应的选项卡即可。在标题栏的每一个选项卡中显示的内容有:图像文件名、图像显示比例、图像当前图层名称、图像颜色模式、颜色位深度等信息及文件关闭按钮。
2. 菜单栏
Photoshop CC将所有的命令集合分类后,放置在11个菜单中,利用下拉菜单命令可以完成大部分图像编辑处理工作。
3. 工具选项栏
工具选项栏用于设置工具箱中当前工具的参数。
图116是选择“矩形选框工具”后选项栏的显示情况。通过对选项栏中各项参数的设置可以定制当前工具的工作状态,以利用同一个工具设计出不同的选区效果。
图116“矩形选框工具”选项栏4. 工具箱
学习软件的过程实际上就是学习软件中各工具和命令的过程。工具箱的默认位置位于窗口的最左侧,它包含了用于图像绘制和编辑处理的各种工具,各工具的具体功能和用法将在第2章中详细介绍。
工具箱具有伸缩性,通过单击工具箱顶部的伸缩栏可以在单栏和双栏之间任意切换,这样便于更灵活地利用工作区中的空间进行图像处理。
Photoshop有70多种工具,由于窗口空间有限,它把功能相近的工具归为一组放在一个工具组按钮中,因此有许多工具是隐藏的。若要了解某工具的名称,只需把鼠标指针指向对应的按钮,稍等片刻,即会出现该工具名称的提示,如图117所示。许多工具按钮右下角都有一个黑色的小三角形,这表明该按钮是一个工具组按钮,在该按钮上按住左键不放或右击该按钮时,隐藏的工具便会显示出来,如图118所示,移动鼠标指针从中选择一个工具,该工具便成为当前工具。
图117套索工具图118套索工具组显示
5. 面板
面板与菜单栏、工具箱一起构成了Photoshop的核心,是不可缺少的工作手段。面板的默认位置位于窗口的最右侧,Photoshop提供了20多种面板,每一种面板都有其特定的功能,通过单独使用面板命令或各类快捷键与面板命令的结合使用,可迅速完成大多数软件操作,从而提高工作效率。
在Photoshop CC中,专门为不同的应用领域准备了相应的工作区环境。其中,主要包括基本功能、3D、图像和Web、动感、绘画、摄影等工作区。只要在标题栏中单击相应的工作区按钮或在“窗口”→“工作区”级联菜单中选择相应的命令,即可切换到对应的工作区。选择不同的工作区时,显示的面板也有所不同。
面板也可以进行伸缩调整,其操作方法和使用工具箱类似,直接单击面板顶部的伸缩栏即可进行切换。对于已展开的面板,单击其顶部的伸缩栏,可以将其收缩成为图标状态,如图119所示。反之,单击未展开的面板顶部的伸缩栏,则可以将该栏中的面板全部都展开,如图120所示。
图119面板的收缩状态图120面板的展开状态如果要切换至某个面板,可以直接单击其标签名称。如果要隐藏某个已经显示出来的面板,可以双击其标签名称。
通过这样的调整操作,可最大限度地节省界面空间,方便观察与绘图。
6. 文档窗口
文档窗口是显示打开图像的地方,是用来显示、绘制、编辑图像的区域,如图121所示。
图121文档窗口在Photoshop CC中,默认情况下,打开的图像均以选项卡的方式排列在图像编辑窗口中,用鼠标拖动某个选项卡,则对应的图像会置于一个浮动的独立窗口中。
在“窗口”→“排列”级联菜单中有一组调整图像排列方式的命令,如图122所示。
■“层叠”:使两个或两个以上的浮动窗口层叠排列。
■“平铺”:使两个或两个以上的图像水平或垂直平铺排列。
■“在窗口中浮动”:将当前图像置于独立的浮动窗口中。
■“使所有内容在窗口中浮动”:将当前打开的所有图像均置于一个个独立的浮动窗口中。
■“将所有内容合并到选项卡中”:将所有打开的图像均以选项卡的方式排列在图像编辑窗口中。
7. 状态栏
状态栏主要由三部分组成:最左边显示当前图像的显示比例,可在此输入一个值改变图像的显示比例;中间部分默认显示当前图像的“文档大小”(如,前面的数字代表将所有图层合并后的图像大小,后面的数字代表当前包含所有图层的图像大小),单击其右边的三角形按钮可打开状态栏选项菜单,如图123所示,选择其中的命令可改变状态栏中间部分的显示内容;状态栏最右边是水平滚动条。
图122调整图像排列方式的命令图123状态栏选项菜单
1.1.3图像的基本知识
1. 位图图像与矢量图形
计算机处理的图形图像有两种,分别是位图图像和矢量图形。
1) 位图图像
位图也叫点阵图,它的基本元素是像素。如果把位图放大到一定程度,就会发现整个画面是由排成行列的一个个小方格组成的,这些小方格就被称为像素。每个像素都有其特定的颜色值和位置,对位图图像的编辑实际上就是对一个个像素的编辑。其优点是可以表达色彩丰富、细致逼真的画面;缺点是位图文件占用存储空间比较大,而且在放大输出时会发生失真现象。
常用的位图格式有BMP、JPG、PSD、GIF、TIFF、PDF等。
2) 矢量图形
矢量图形由一些直线、圆、矩形等线条和曲线组成,这些线条和曲线是由数学公式定义的,数学公式根据图像的几何特性描绘图像。对矢量图形的编辑实际上就是对组成矢量图形的一个个矢量对象的编辑。所以矢量图文件所占存储空间一般较小。而且在进行缩放或旋转时,不会发生失真现象。缺点是能够表现的色彩比较单调,不能像照片那样表达色彩丰富、细致逼真的画面。矢量图通常用来表现线条化明显、具有大面积色块的图案。
Adobe公司的Illustrator、Corel公司的CorelDRAW是常用的矢量图设计软件,Flash制作的动画也是矢量动画。常用的矢量图格式有AI(Illustrator源文件格式)、DXF(AutoCAD图形交换格式)、WMF(Windows图元文件格式)、SWF(Flash文件格式)等。
2. 颜色模式
颜色模式是指在显示器屏幕上和打印页面上重现图像色彩的模式。对于数字图像来说,颜色模式是个很重要的概念,它不但会影响图像中能够显示的颜色数目,还会影响图像的通道数和文件的大小。
下面分别介绍Photoshop最常用的几种颜色模式。
1) RGB模式
RGB模式是基于自然界中3种基色光的混合原理,将红(R)、绿(G)和蓝(B)3种基色按照从0(黑)到255(白色)的亮度值在每个色阶中分配,从而指定其色彩。当不同亮度的基色混合后,便会产生出256×256×256种颜色,约为1670万种。例如,一种明亮的红色可能R值为246,G值为20,B值为50。当3种基色的亮度值相等时,产生灰色;当3种亮度值都是255时,产生纯白色;而当所有亮度值都是0时,产生纯黑色。因为3种色光混合生成的颜色一般比原来的颜色亮度值高,所以RGB模式产生颜色的方法又被称为色光加色法。
2) CMYK模式
CMYK颜色模式是一种印刷模式,其中4个字母分别指青(cyan)、洋红(magenta)、黄(yellow)、黑(black),在印刷中代表4种颜色的油墨。CMYK模式在本质上与RGB模式没有什么区别,只是产生色彩的原理不同,在RGB模式中由光源发出的色光混合生成颜色,而在CMYK模式中由光线照到有不同比例C、M、Y、K油墨的纸上,部分光谱被吸收后,反射到人眼的光产生颜色。由于C、M、Y、K在混合成色时,随着C、M、Y、K 4种成分的增多,反射到人眼的光会越来越少,光线的亮度会越来越低,所以CMYK模式产生颜色的方法又被称为色光减色法。
3) Lab模式
Lab模式解决了由于不同的显示器和打印设备所造成的颜色赋值的差异,也就是它不依赖于设备。Lab颜色是以一个亮度分量L及两个颜色分量a和b来表示颜色的。其中L的取值范围是0~100,a分量代表由绿色到红色的光谱变化,而b分量代表由蓝色到黄色的光谱变化,a和b的取值范围均为-120~120。lab模式所包含的颜色范围最广,能够包含所有的RGB和CMYK模式中的颜色。CMYK模式所包含的颜色最少。当将RGB模式转换成CMYK模式时,Photoshop会自动将RGB模式转换为Lab模式,再转换为CMYK模式。
除上述3种最基本的颜色模式外,Photoshop还支持位图模式、灰度模式、双色调模式、索引颜色模式和多通道模式等。
3. 图像的文件格式
(1) PSD格式:Photoshop的默认文件格式,扩展名为“.psd”,是能够支持所有图像模式(位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道)的文件格式,甚至它还可以保