Photoshop 美工基础与网店装修(微课版)

发布时间:2022-8-17 | 杂志分类:其他
免费制作
更多内容

Photoshop 美工基础与网店装修(微课版)

内 容 提 要 本书旨在帮助初学网店美工的读者学习店铺装修。全书共 9 章,分别讲解了网店美工 与 Photoshop 基础,使用选区和图层美化图像,修饰商品图像的瑕疵,调整商品图像的色 彩,使用图形和文字完善网店内容,使用通道、蒙版和滤镜,切片与批处理图像等。学完 本书的读者可顺利参加全国职业技能大赛电子商务赛项,因此本书最后两章通过实战演练 讲解了比赛专用软件——ITMC 的使用,以及如何使用它进行网店开设与装修,使读者顺 利完成整个比赛。 本书在讲解中引用了大量的案例,这些案例几乎涵盖了比赛中的各种制作要求,从而 保证读者在任何情况下都能游刃有余地完成比赛。 本书可作为职业院校网店美工等相关专业学生的辅导用书,特别适合需通过学习参加 比赛的学生。 主 编 赵爱香 王爱芳 刘海明 副 主 编 张 薇 罗维佳 马明明 李松茂 主 审 胡颖森 刘 桓 责任编辑 古显义 责任印制 马振武 人民邮电出版社出版发行 北京市丰台区成寿寺路 11 号 邮编 100164 电子邮件 315@ptpress.com.cn 网址 http://www.ptpress.com.cn 北... [收起]
[展开]
Photoshop 美工基础与网店装修(微课版)
粉丝: {{bookData.followerCount}}
人民邮电出版社是工业和信息化部主管的大型专业出版社,成立于1953年10月1日。人民邮电出版社坚持“立足信息产业、面向现代社会、传播科学知识、服务科教兴国”的出版宗旨,不断发展壮大,成为集图书、期刊、音像电子出版物和网络出版为一体的,在国内外有专业特色和品牌影响的综合性科技出版大社。
文本内容
第0页
第1页
内 容 提 要 本书旨在帮助初学网店美工的读者学习店铺装修。全书共 9 章,分别讲解了网店美工 与 Photoshop 基础,使用选区和图层美化图像,修饰商品图像的瑕疵,调整商品图像的色 彩,使用图形和文字完善网店内容,使用通道、蒙版和滤镜,切片与批处理图像等。学完 本书的读者可顺利参加全国职业技能大赛电子商务赛项,因此本书最后两章通过实战演练 讲解了比赛专用软件——ITMC 的使用,以及如何使用它进行网店开设与装修,使读者顺 利完成整个比赛。 本书在讲解中引用了大量的案例,这些案例几乎涵盖了比赛中的各种制作要求,从而 保证读者在任何情况下都能游刃有余地完成比赛。 本书可作为职业院校网店美工等相关专业学生的辅导用书,特别适合需通过学习参加 比赛的学生。 主 编 赵爱香 王爱芳 刘海明 副 主 编 张 薇 罗维佳 马明明 李松茂 主 审 胡颖森 刘 桓 责任编辑 古显义 责任印制 马振武 人民邮电出版社出版发行 北京市丰台区成寿寺路 11 号 邮编 100164 电子邮件 315@ptpress.com.cn 网址 http://www.ptpress.com.cn 北京瑞禾彩色印刷有限公司印刷 开本:7001000 1/16 印张:13.75 2019 年 5 月第 1 版 字数:331 千字 2019 年 5 月北京第 1 次印刷 定价:59.80 元 读者服务热线:(010)81055256 印装质量热线:(010)81055316 反盗版热线:(010)81055315 广告经营许可证:京东工商广登字 20170147 号
第2页
一、本书的内容 本书包含9章,前面7章为基础知识,最后两章通过实战演练讲解网店开设与装修实训软件 ITMC的使用。各章的具体内容和学习目标如下表所示。 章节 主要学习内容 学习目标 第1章 1. 认识网店美工 2. Photoshop CS6图像文件基础知识 3. Photoshop CS6图像文件基本操作 掌握网店美工的基础知识,并了解Photoshop CS6图像文件的基础知识和基本操作 第2章 1. 创建与编辑选区 2. 创建与编辑图层 学会创建与编辑选区以及创建与编辑图层的 方法 第3章 1. 瑕疵的遮挡与修复 2. 图像表面的修饰 3. 清除图像 掌握图像的处理方法,包括瑕疵与修复、表面 修饰及清除图像等 第4章 1. 图像的明暗调整 2. 图像的颜色调整 3. 特殊图像调整 掌握图像色彩的调整方法,包括明暗、颜色和 特殊图像 第5章 1. 使用钢笔工具绘制图形 2. 使用形状工具绘制图形 3. 使用画笔工具绘制图形 4. 添加并编辑文字 掌握图形的绘制方法,并对文字的编辑方法进 行介绍 第6章 1. 使用通道 2. 使用蒙版 3. 使用滤镜 掌握通道、蒙版和滤镜的使用方法 Preface 前言
第3页
章节 主要学习内容 学习目标 第7章 1. 切片 2. 动作与批处理图像 掌握切片与批处理的方法 第8章 1. ITMC网店设计基础及要点 2. 服装服饰类网店设计 3. 计算机配件类网店设计 通过服装服饰类、计算机配件类网店设计案例 掌握ITMC网店设计的基础及要点 第9章 1. 系统登录操作说明 2. 店铺装修 3. 跨终端店铺建设 4. 跨境端店铺建设 5. 跨平台店铺开设 掌握网店开设与装修实训软件ITMC的使用 方法 二、本书的特点 本书主要有以下特点。 1.知识系统,结构合理 本书针对网店美工岗位,从网店美工认知入手,一步步深入地介绍网店美工所涉及的知 识,由浅入深,层层深入。与此同时,本书按照“知识讲解+美工实战+课后练习”的方式进 行讲解,让读者在学习基础知识的同时进行实战练习,从而加强对知识的理解与运用。 2. 内容丰富,形式多样 书中的“经验之谈”小栏目是与内容相关的经验、技巧与提示,能帮助读者更好地梳理知 识。此外,本书提供了配套的视频教学资料、素材和效果文件,读者直接扫描二维码即可获取。 3. 结合大赛,实战性强 本书知识讲解与实例操作同步进行,所涉及的案例尽可能还原全国职业技能大赛电子商 务赛项的要求,读者完成本书的学习后,不仅可以自行使用Photoshop完成店铺各个部分的 设计,还可以对整个比赛的要求、比赛系统的形式等有一个整体的了解。 三、本书的作者 参与本书编写的相关人员有武汉软件工程职业学院的胡颖森、赵爱香、马明明,苏州经贸 职业技术学院的刘桓,河南工业贸易职业学院的王爱芳,深圳市宝山技工学校的刘海明,郑州 信息科技职业学院的张薇,广东民政职业技术学校的罗维佳、刘燕妮,广西生态工程职业技术 学院的李松茂。 尽管编者在本书的编写与出版过程中力求精益求精,但由于水平有限,书中难免有错漏和 不足之处,恳请广大读者批评指正。 编者 2019年1月 续表
第4页
第1章 网店美工与Photoshop CS6 基础....................... 1 1.1 认识网店美工.............................. 2 1.1.1 网店美工的工作范畴.......... 2 1.1.2 网店美工的技术要求.......... 2 1.1.3 网店美工需注意的问题....... 3 1.1.4 网店美工应掌握的设计 要点................................. 3 1.2 Photoshop CS6图像文件基础知识....... 9 1.2.1 像素和分辨率.................... 9 1.2.2 位图和矢量图.................... 9 1.2.3 图像的色彩模式 ...............10 1.2.4 图像辅助工具...................12 1.3 Photoshop CS6图像文件基本操作......14 1.3.1 认识Photoshop CS6的工作 界面................................14 1.3.2 新建与打开图像文件.........16 1.3.3 导入与导出图像文件.........17 1.3.4 保存和关闭图像文件.........17 1.3.5 移动与变换图像文件.........18 1.3.6 复制与粘贴图像文件.........19 第2章 使用选区和图层美化 图像...................... 21 2.1 创建与编辑选区..........................22 2.1.1 创建几何选区...................22 2.1.2 创建不规则选区 ...............23 2.1.3 创建颜色选区...................24 2.1.4 编辑选区 .........................25 2.2 创建与编辑图层..........................28 2.2.1 认识“图层”面板 ............28 2.2.2 新建图层 .........................29 2.2.3 复制与删除图层 ...............31 2.2.4 合并与盖印图层 ...............31 2.2.5 对齐与分布图层 ...............32 2.2.6 移动与链接图层 ...............32 2.2.7 图层混合模式...................33 2.2.8 设置图层不透明度 ............35 2.2.9 设置图层样式...................35 第3章 修饰商品图像的瑕疵... 37 3.1 瑕疵的遮挡与修复 .......................38 3.1.1 污点修复画笔工具 ............38 3.1.2 修复画笔工具...................38 3.1.3 修补工具 .........................39 3.1.4 红眼工具 .........................40 3.1.5 仿制图章工具...................41 3.1.6 图案图章工具...................41 3.2 图像表面的修饰..........................42 3.2.1 模糊工具 .........................42 3.2.2 锐化工具 .........................43 3.2.3 涂抹工具 .........................43 3.2.4 减淡工具 .........................43 3.2.5 加深工具 .........................44 3.2.6 海绵工具 .........................45 3.3 清除图像 ..................................45 3.3.1 橡皮擦工具......................45 3.3.2 背景橡皮擦工具 ...............46 3.3.3 魔术橡皮擦工具 ...............47 第4章 调整商品图像的色彩... 48 4.1 图像的明暗调整 .........................49 Contents 目录
第5页
2 3 Photoshop美工基础与网店装修(微课版) 4.1.1 自动调整色调/对比度/ 颜色................................49 4.1.2 “亮度/对比度”命令........49 4.1.3 “色阶”命令...................50 4.1.4 “曲线”命令...................51 4.1.5 “曝光度”命令 ...............52 4.1.6 “阴影/高光”命令 ...........53 4.2 图像的颜色调整..........................54 4.2.1 “自然饱和度”命令.........54 4.2.2 “色相/饱和度”命令........54 4.2.3 “色彩平衡”命令 ............55 4.2.4 “黑白”命令...................55 4.2.5 “照片滤镜”命令 ............56 4.2.6 “通道混合器”命令.........57 4.3 特殊图像调整.............................57 4.3.1 “反相”命令...................57 4.3.2 “色调分离”命令 ............58 4.3.3 “渐变映射”命令 ............58 4.3.4 “阈值”命令...................59 4.3.5 “可选颜色”命令 ............59 4.3.6 “去色”命令...................60 4.3.7 “匹配颜色”命令 ............60 4.3.8 “替换颜色”命令 ............61 第5章 使用图形和文字完善网店 内容...................... 63 5.1 使用钢笔工具绘制图形.................64 5.1.1 认识路径 .........................64 5.1.2 使用钢笔工具绘图 ............65 5.1.3 使用铅笔工具绘图 ............67 5.2 使用形状工具绘制图形..................68 5.2.1 矩形工具 .........................68 5.2.2 圆角矩形工具...................69 5.2.3 椭圆工具 .........................69 5.2.4 多边形工具......................69 5.2.5 直线工具 .........................70 5.2.6 自定形状工具...................71 5.3 使用画笔工具绘制图形..................72 5.3.1 认识画笔工具...................72 5.3.2 设置与应用画笔样式.........73 5.3.3 载入画笔 .........................74 5.3.4 使用画笔工具绘制图像......76 5.4 添加并编辑文字..........................80 5.4.1 创建文字 .........................80 5.4.2 点文字与段落文字的    转换 ................................81 5.4.3 创建变形文字...................82 5.4.4 使用“字符”面板 ............83 5.4.5 使用“段落”面板 ............83 第6章 使用通道、蒙版和     滤镜 ..................... 85 6.1 使用通道 ..................................86 6.1.1 认识通道 .........................86 6.1.2 认识“通道”面板 ............86 6.1.3 创建Alpha通道 .................87 6.1.4 创建专色通道...................87 6.1.5 复制与删除通道 ...............88 6.1.6 分离与合并通道 ...............89 6.1.7 混合通道 .........................90 6.2 使用蒙版 ..................................91 6.2.1 认识蒙版 .........................91 6.2.2 矢量蒙版 .........................92 6.2.3 剪贴蒙版 .........................93 6.2.4 图层蒙版 .........................95 6.2.5 快速蒙版 .........................97 6.3 使用滤镜 ..................................98 6.3.1 认识滤镜库......................98 6.3.2 应用独立滤镜................. 101 6.3.3 应用特效滤镜................. 103 第7章 切片与批处理图像 ....108 7.1 切片...................................... 109 7.1.1 创建切片 ....................... 109 7.1.2 编辑切片 ....................... 110
第6页
Contents 目录 2 3 7.1.3 保存切片 ....................... 111 7.2 动作与批处理图像 ..................... 112 7.2.1 认识“动作”面板 .......... 112 7.2.2 创建与保存动作 ............. 112 7.2.3 批处理图像.................... 114 第8章 ITMC网店装修实战...116 8.1 ITMC网店设计基础及要点 ........... 117 8.1.1 店标设计基础及要点....... 117 8.1.2 店招设计基础及要点....... 117 8.1.3 Banner设计基础及要点.... 118 8.1.4 主图设计基础及要点....... 120 8.1.5 详情页设计基础及要点.... 121 8.2 服装服饰类网店设计 .................. 124 8.2.1 店标设计 ....................... 124 8.2.2 店招设计 ....................... 128 8.2.3 Banner设计 .................... 130 8.2.4 主图设计 ....................... 141 8.2.5 详情页设计.................... 146 8.3 计算机配件类网店设计................ 155 8.3.1 店标设计 ...................... 155 8.3.2 店招设计 ....................... 157 8.3.3 Banner设计 .................... 158 8.3.4 主图设计 ....................... 170 8.3.5 详情页设计.................... 175 第9章 ITMC网店开设与     装修实训软件 .........186 9.1 系统登录操作说明. . . . . . . . . . . . . . . . . . . 187 9.1.1 进入ITMC系统平台 ........ 187 9.1.2 用户登录 ....................... 187 9.2 店铺装修. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 9.2.1 店铺装修比赛说明 .......... 188 9.2.2 网店开设 ....................... 190 9.2.3 店标设计 ....................... 190 9.2.4 网店Banner上传.............. 191 9.2.5 详情页设计.................... 191 9.2.6 商品促销 ....................... 197 9.2.7 热销商品 ....................... 197 9.2.8 生成店铺首页和商品     详情页........................... 198 9.3 跨终端店铺建设........................ 198 9.3.1 店标设计 ....................... 199 9.3.2 店招设计 ....................... 199 9.3.3 网店Banner .................... 200 9.3.4 详情页设计.................... 201 9.4 跨境端店铺建设........................ 202 9.4.1 认识跨境端店铺 ............. 202 9.4.2 跨境店铺开设................. 203 9.4.3 网店Banner .................... 204 9.4.4 详情页设计.................... 204 9.5 跨平台店铺开设........................ 206 9.5.1 阿里巴巴平台................. 207 9.5.2 京东平台 ....................... 209 9.5.3 淘宝平台 ....................... 210
第7页
职业教育电子商务课赛融通规划教材 Photoshop美工基础与网店装修 (微课版) 赵爱香 王爱芳 刘海明 主 编 张 薇 罗维佳 马明明 李松茂 副主编 胡颖森 刘 桓 主 审 人 民 邮 电 出 版 社 北 京
第8页
随着网络营销的发展壮大,网店美工人员的市场需求日益增大,网店美工 人员要想在激烈的市场竞争中争得一席之地,需要对网店美工各种知识进行掌 握与应用。除此之外,他们还需要对Photoshop的使用方法进行掌握,通过对 Photoshop的熟练使用来提高商品的美观度。下面将对网店美工与Photoshop的 基础知识进行讲解。 第1章 网店美工 01与Photoshop CS6基础 C H A P T E R 本章要点 Photoshop的基础知识 网店美工介绍
第9页
2 3 Photoshop美工基础与网店装修(微课版) 1.1  认识网店美工 网店美工是网店运营过程中一个非常重要的职位,主要负责图像的美化、店铺的装修及页面 的设计等工作。网店美工不但可让拍摄效果不够美观的商品图像恢复原来的色彩,还能让店铺更 加美观、更能吸引顾客的驻留。下面将对网店美工的基础知识进行讲解。 1.1.1 网店美工的工作范畴 与常见的美术工作者不同,网店美工主要负责网店的店面装修,以及商品图像的创意处理。 与普通的美工相比,他们对平面设计与软件的要求更高,需要掌握更多的知识。下面对网店美工 的工作范畴进行介绍。 店铺特色的创造:优秀的网店能给人留下良好的第一印象。目前网店中同类型的店铺繁 多,若想在众多的店铺中脱颖而出,特色就变得十分重要。只有展示出属于自己的店铺 特点,才能够吸引更多的顾客驻足并选取商品,从而增加交易。所以网店美工在美化商 品时,创造出属于自己的店铺特色是成功的第一步。 商品的美化:使用相机拍摄出的商品照片是不能够直接上架的,为了体现商品的特色, 对商品进行美化和修饰必不可少。但是需要谨记,网店美工不是单纯的艺术家,让顾客 接受你的作品才是最重要的。 店铺的装修与设计:网店美工不单单是将图像处理出来再按照淘宝中自带的模块进行添 加,一个好的网店美工不但需要掌握基本的技术方法,还要将所掌握的技术方法运用到 店铺的装修中,抓住卖点促进顾客继续看下去,并通过与代码的结合使用,让顾客花最 少的时间达到最好的效果。 活动页面的设计:网店平台会不定期举行各种促销活动。为了达到与众不同的效果,从 竞争激烈的店铺页面中脱颖而出得到顾客的亲睐,活动策划十分重要。这时,优秀的网 店美工更需要透彻理解活动,通过设计与装修店铺页面将活动意图传达给顾客,让顾客 了解活动的内容、促销的力度,从而促进销量的提升。网店美工在设计时要保证契合活 动主题、页面美观,拥有自己独特的亮点,可以让活动更加直观。 推广的了解与运用:推广就是将自己的商品、服务和技术等内容通过各种媒体让更多的 顾客了解、接受,从而达到宣传与普及的目的。对网店美工来说,推广主要是通过图像 将网店的商品、品牌和服务等传达给顾客,加深店铺在他们心中的印象,获得认同感。 而网店推广因为推广活动与手段的不同,规格大小不一,文件大小有时也有很多限制, 这就给网店美工人员提出了更多的要求。他们不仅需要在现有的标准下及时并有效地向 顾客表达出设计的意图,还要体现商品的价值。同时,文案的编写也需要言之有据,让 顾客能够快速理解,并对其产生深刻的印象。 1.1.2 网店美工的技术要求 要成为一名合格的网店美工,首先需要有扎实的美术功底和良好的创造力,对美好的事物有 一定的鉴赏能力;掌握最基本的图像处理与设计能力,能够熟练使用Photoshop、Dreamweaver等设 计软件制作网店需要的内容。
第10页
第1章 网店美工与Photoshop CS6基础 2 3 其次,由于网店注重“商品”和“用户体验”,这就要求美工人员能够通过图像准确地向顾 客表达出商品的特点并挖掘潜在顾客的需求,例如,如何通过图像、文字和色彩搭配表现出商品 的独特性,让顾客感觉商品的与众不同;怎样从顾客的分析角度去思考;怎么提升图像的点击率 和转化率,实现跨越技术层面来追求更高的转化率,引起顾客的购买欲望。这才是一个合格的网 店美工应具备的所有技能。 1.1.3 网店美工需注意的问题 网店美工除了掌握基本的软件操作外,还需要知道商品的信息、注意事项、卖点、劣势及让 劣势变成优势的技巧等。能做到突出卖点,扬长避短,是成为一个合格网店美工的基本要求。下 面对网店美工需注意的问题进行介绍。 保持思路清晰:在装修店铺和处理图像前,需要有一个明确的思路,即确定一个大框 架,在该框架中标明店铺主要卖什么,商品有什么特点,可以选择哪些元素进行装修, 让其不但可以吸引顾客的眼球,还能让商品真实地展现在顾客的面前。 掌握装修时机:在装修网店的过程中,网店美工还要抓住一定的时机(如“双11”促 销、元旦促销等)对店铺进行装修,达到时机与装修相配合,从而促进商品的销售。 统一风格与形式:店铺装修不但要进行合理的色彩搭配,还要统一店铺和详情页的风格和 形式,因此装修分类栏、店铺公告和背景音乐等项目时,统一风格和形式变得尤为重要。 做好前期准备:在淘宝网中,不是申请了某个活动后才开始进行商品的制作。一个活动 往往需要提前1~2个月进行准备。因此活动前期应抓住时机,对活动的文字、图像进行 制作,在活动来临前完成促销信息的整理。 突出主次:工作过程中,网店美工切记不要为了追求漂亮、美观的效果,而对网店进行 过度的美化,无法突出商品图像,掩盖店铺的风格和商品的卖点,导致展现的效果适得 其反。 1.1.4 网店美工应掌握的设计要点 了解了岗位需求和技能后,网店美工还需要掌握设计要点,这样设计出的效果才能更加出 彩。网店美工必须掌握的设计要点主要有色彩搭配,点、线、面三大基本设计元素和文字的编写3 个方面,下面分别进行介绍。 1. 色彩搭配 店铺的色彩与风格是浏览者进入店铺首先感受到的东西,因此色彩是做好店铺视觉营销的基 础。很多卖家在装修店铺的时候,喜欢将一些酷炫的色块随意地堆砌到店铺里,让整个页面的色 彩杂乱无比,给浏览者造成视觉疲劳。而好的色彩搭配不但能够让页面更具亲和力和感染力,而 且还能提升浏览量。因此,在店铺装修时,色彩搭配尤为重要。 (1)色彩的属性与对比 色彩由色相、明度及纯度3种属性构成。色相即各类色彩的视觉感受,如红、黄、绿、蓝等 各种颜色;明度是眼睛对光源和物体表面明暗程度的感受,它取决于光线的强弱;纯度也称饱和 度,是指色彩鲜艳度与浑浊度的感受。在搭配色彩时,经常需要用到一些色彩的对比,下面对常 用的色彩对比分别进行介绍。
第11页
4 5 Photoshop美工基础与网店装修(微课版) 明度对比:利用色彩的明暗程度进行对比。恰当的明度对比可以产生光感、明快感和清 晰感。通常情况下,明暗对比较强时,可以使页面清晰、锐利,不容易出现误差;而当 明度对比较弱时,配色效果往往不佳,页面会显得柔和单薄、形象不够明朗。图1-1所示 为不同明度对比的页面。 纯度对比:利用纯度的强弱形成对比。纯度较弱的对比画面视觉效果也较弱,适合长时 间查看;纯度适中的对比画面视觉效果和谐、丰富,可以突显画面的主次;纯度较强的 对比画面视觉效果鲜艳明朗、富有生机。图1-2所示为不同纯度对比的页面。 图1-1 不同明度对比效果 图1-2 不同纯度对比效果 色相对比:利用色相之间的差别形成对比。进行色相对比时需要考虑其他色相与主色相 之间的关系,如原色对比、间色对比、补色对比和邻近色对比,以及最后需要表现的效 果。其中,原色对比一般指红色、黄色和蓝色的对比;间色对比是指两种原色调配而成 的颜色的对比,如红+黄=橙、红+蓝=紫等;补色对比是指色相环中的一个颜色与180°对 角的颜色的对比;邻近色对比是指色相环上的色相在15°以内的颜色的对比。 冷暖色对比:从颜色给人带来的感官刺激考量,黄、橙和红等颜色给人带来温暖、热情 及奔放的感觉,属于暖色调;蓝、蓝绿和紫给人带来凉爽、寒冷及低调的感觉,属于冷 色调。图1-3所示为冷色调和暖色调页面的对比效果。
第12页
第1章 网店美工与Photoshop CS6基础 4 5 图1-3 冷色调和暖色调的对比效果 色彩面积对比:各种色彩在画面中所占面积的大小不同,所呈现出来的对比效果也就不 同。图1-4所示为在使用了大面积红色色调的页面中加入适当的蓝色,可以起到协调和平 衡视觉的作用,使用小面积的蓝色还能起到强调促销文字、突出视觉中心的作用。 (2)主色、辅助色与点缀色 网店美工在搭配店铺的页面色彩时并不是随心所欲的,而是需要遵循一定的比例与程序。网 店装修配色的黄金比例为70:25:5,其中,主色色域占总版面的70%,辅助颜色占25%,而其他点缀 性的颜色占5%。网店装修的配色程序为:首先根据店铺类目选择占用大面积的主色调,然后根据 主色调合理搭配辅色与点缀色,用于突出页面的重点、平衡视觉效果。图1-5所示为主色、辅助 色与点缀色的应用案例。 图1-4 色彩面积对比效果 图1-5 主色、辅助色与点缀色 在色彩搭配中,主色、辅助色与点缀色是3种不同功能的色彩,分别介绍如下。 主色:主色是页面中占用面积最大也是最受瞩目的色彩,它决定了整个店铺的风格。主 色不宜过多,一般控制在1~3种,过多容易造成视觉疲劳。主色不是随意选择的,而是 需要系统分析自己品牌受众人群的心理特征,找到受众群体中易于接受的色彩,如童装 适合选择黄色、粉色和橙色等暖色调作为主色。 辅助色:辅助色占用面积略小于主色,用于烘托主色。合理应用辅助色,能丰富页面的 色彩,使页面显示更加完整、美观。
第13页
6 7 Photoshop美工基础与网店装修(微课版) 点缀色:点缀色是指页面中面积小、色彩比较醒目的一种或多种颜色。合理应用点缀色,可 以起到画龙点睛的作用,使页面主次更加分明、富有变化。 2. 点、线、面三大基本设计元素 在网页中,合理利用图形元素,既丰富了网页的视觉效果,又生动地表现出了商品的信息, 同时消除了纯粹的文字页面给人带来的呆板视觉感受。点、线、面是图形中最基本的三大要素。 这三大要素的结合使用,能够构成丰富的视觉效果。 点:点是可见的最小的形式单元,具有凝聚视觉的作用,可以使画面布局显得合理舒 适、灵动且富有冲击力。点的表现形式丰富多样,既包含圆点、方点和三角点等规则的 点,又包含锯齿点、雨点、泥点及墨点等不规则的点。图1-6的左图为点的表现之一,右 图为文字周围的点元素,用于丰富画面,突出主题。 图1-6 点 线:线在视觉形态中可以表现长度、宽度、位置、方向和性格,具有刚柔并济、优美和 简洁的特点,经常用于渲染画面,引导、串联或分割画面元素。线分为水平线、垂直 线、曲线和斜线。不同线的形态所表达的情感不同,水平线和垂直线单纯、大气、明 确、庄严;曲线柔和流畅、优雅灵动;斜线具有很强的视觉冲击,可以展现活力四射。 图1-7所示为斜线素材及直线在文本串联方面的应用。 图1-7 线 面:点的放大即为面,线的分割产生各种比例的空间也可以称为面。面有长度、宽度、 方向、位置和摆放角度等特性。在版面中,面具有组合信息、分割画面、平衡和丰富空 间层次、烘托与深化主题的作用。利用面来设计美化时需要注意:面与面之间要通过不 同的排列来进行灵活对比。图1-8所示为使用面元素(如云朵、圆形和矩形等)来装饰画 面的效果。
第14页
第1章 网店美工与Photoshop CS6基础 6 7 图1-8 面 3. 文字的编写 可读性强、突出主题的文字能直观地向顾客介绍商品的详细信息,引导顾客完成商品的浏览 与购买。在设计网店图像时,文字内容的设计及字体的选择都是有讲究的。文字内容要精练,充 分体现表达的主题。有了文字内容之后,相应的字体选择也不能马虎。 (1)字体的性格特征 不同的字体具有不同的性格特征,网店美工需要根据商品的特征来选择对应的字体。下面对 淘宝网店铺常用字体的性格特征进行介绍。 宋体:宋体是店铺应用最广泛的字体,其笔画横细竖粗,起点与结束点有额外的装饰, 其外形端庄秀美,具有浓厚的文艺气息,适合用于标题设计。系统默认的宋体纤细端 美,但作为标题分量不足,而方正大标宋不仅具有宋体的秀美,还具备醒目性,因此经 常被用于女性产品宣传图的设计。此外,书宋、大宋、中宋、仿宋和细仿宋等也属于常 用的宋体。图1-9所示为宋体在女性护肤品海报中的应用效果。 图1-9 宋体 在鲜花、珠宝配饰、女性用品、护肤品和化妆品等以女性消费者为主体的产品宣传图设计 中,一般采用纤细秀美、时尚、线条流畅并且字形有粗细变化的字体,如宋体、方正中倩简体、 方正纤黑简体、张海山悦线简体及方正兰亭黑简体等。 经验之谈 黑体:黑体笔画粗细一致,粗壮有力、突出醒目,具有强调的视觉感,宣传性强,常用 于促销广告、导航条,或车、剃须刀、重金属、摇滚、竞技游戏及足球等男性消费者占
第15页
8 9 Photoshop美工基础与网店装修(微课版) 主导地位的产品宣传图的设计。常见的黑体样式包括粗黑、大黑、中黑和雅黑等,如图 1-10所示。 书法体:书法体包括楷体、叶根友毛笔行书、篆书体、隶书体、行书体和燕书体等。书 法体具有古朴秀美、历史悠久的特征,常用于古玉、茶叶、笔墨和书籍等古典气息浓厚 的店铺宣传,如图1-11所示。 图1-10 黑体 图1-11 书法体 美术体:店铺设计中还经常使用美术体,如汉仪娃娃篆简、方正胖娃简体、方正少儿简 体和滕祥孔淼卡通简体等字体。这类字体具有活泼、可爱、肥圆、调皮的艺术特征, 多用于零食、玩具、童装、点读机及卡通漫画等以儿童消费者为主体的产品宣传图设 计中。此外,美术体还指将文本的笔画涂抹变形,或用花瓣、树枝等拼凑成各种图形 化的字体,其装饰作用强,主要用于海报的设计,可有效提升店铺的艺术品位,如图 1-12所示。 图1-12 美术体 (2)文字的布局技巧 在店铺页面的设计中,文字除了传达营销信息外,还是一种重要的视觉材料。文字的布局在 画面空间、结构和韵律上都是很重要的因素。下面对常用的文字布局技巧进行介绍。 字体的选用与变化:网店广告文案排版时,2~3种匹配度高的字体是最佳的视觉效果。 字体过多会产生零乱而缺乏整体的感觉,容易分散顾客的注意力,使顾客产生视觉疲 劳。在选择字体时,可考虑通过加粗、变细、拉长、压扁或调整行间距等操作来变化字 体,产生丰富多彩的视觉效果。 文字格式的统一:在进行文字的编排时,需要统一文字格式,即文字的字体、粗细、大
第16页
第1章 网店美工与Photoshop CS6基础 8 9 小和颜色在搭配组合上让顾客有一种关联的感觉,这样文字组合才不会显得松散杂乱。 文字的层次布局:在网店视觉营销设计中,文案的显示并非是简单的堆砌,而是有层次 的,通常是按重要程度设置文本的显示级别,引导顾客浏览文案的顺序,此情况下首先 展示的是该作品强调的重点。在进行文字的编排时,可利用字体、粗细、大小与颜色的 对比来设计文字的显示级别。 1.2  Photoshop CS6图像文件基础知识 Photoshop CS6是一款强大的平面设计与图像处理软件,使用它不但能让图像效果更加完美, 还能制作出不同类型的海报、展示画及商品图像等,它是美工美化过程中的必备软件。下面对 Photoshop软件的相应知识进行介绍,如像素和分辨率、位图和矢量图、图像的色彩模式和常用的 图像辅助工具等。 1.2.1 像素和分辨率 像素是构成位图图像的最小单位,是位图中的一个小方格。分辨率是指单位长度上的像素数 目,单位通常为“像素/英寸”和“像素/厘米”。它们的组成方式决定了图像的数据量。 像素:像素是组成位图图像最基本的元素。每个像素在图像中都有自己的位置,并且包 含了一定的颜色信息。单位面积上的像素越多,颜色信息越丰富,图像效果就越好,文 件也会越大。图1-13所示的荷花即为图像分辨率为72像素/英寸下的效果和放大图像后的 效果。放大后的图像中显示的每一个小方格就代表一个像素。 分辨率:图像中的分辨率指单位面积上的像素数量。分辨率的高低直接影响图像的效 果。单位面积上的像素越多,分辨率越高,图像就越清晰,但所需的存储空间也就越 大。图1-14所示为分辨率为72像素/英寸和300像素/英寸的区别。从中可以看出,低分辨 率的图像较为模糊,高分辨率的图像更加清晰。 图1-13 像素 图1-14 分辨率 1.2.2 位图和矢量图 位图和矢量图是图像的两种类型,是网店美工进行图形图像设计与处理时所必须了解和掌握 的。理解这两种类型及两种类型之间的区别,有助于读者更好地学习和使用Photoshop CS6。
第17页
10 11 Photoshop美工基础与网店装修(微课版) 1. 位图 位图也称点阵图或像素图,它由多个像素点构成,能够将灯光、透明度和深度等逼真地表 现出来。将位图放大到一定程度后,即可看到位图是由一个个小方块组成的,这些小方块就是像 素。位图的质量由分辨率决定,单位面积内的像素越多,分辨率越高,图像效果也就越好。但当 位图放大到一定比例时,图像会变模糊。常见的位图格式有JPEG、PCX、BMP、PSD、PIC、GIF和 TIFF等。图1-15所示为位图原图和放大500%的对比效果。 原图 放大500% 图1-15 位图效果 2. 矢量图 矢量图是用一系列计算机指令来描述和记录的图像,它由点、线、面等元素组成,所记录 的对象主要包括几何形状、线条粗细和色彩等。矢量图常用于制作企业标识或插画,还可用于 商业信纸或招贴广告,可随意缩放的特点使其可在任何打印设备上以高分辨率进行输出。与位 图不同的是,矢量图的清晰度和光滑度不受图像缩放的影响。常见的矢量图格式有CDR、AI、 WMF和EPS等。 1.2.3 图像的色彩模式 在Photoshop CS6中,色彩模式决定着一幅电子图像以什么样的方式在计算机中显示或打印 输出。常用的色彩模式包括位图模式、灰度模式、双色调模式、索引模式、RGB模式、CMYK模 式、Lab模式和多通道模式等。用户只需打开图像文件,选择【图像】/【模式】命令,在打开的 子菜单中选择对应的命令即可完成图像色彩模式的转换。下面将分别对不同色彩模式的含义进 行介绍。 位图模式:位图模式是由黑、白两种颜色来表示图像的颜色模式,适合制作艺术样式或 用于创作单色图形。彩色图像模式转换为该模式后,颜色信息将会丢失,只保留亮度信 息。只有处于灰度模式下的图像才能转换为位图模式。图1-16所示即为位图模式下图像的 显示效果。 灰度模式:在灰度模式图像中,每个像素都有一个0(黑色)~255(白色)之间的亮度 值。当彩色图像转换为灰度模式时,将删除图像中的色相及饱和度,只保留亮度与暗
第18页
第1章 网店美工与Photoshop CS6基础 10 11 度,得到纯正的黑白图像。图1-17所示即为将图像转换为灰度模式前后的显示效果。 图 1-16 位图模式 图 1-17 灰度模式 双色调模式:双色调模式是用灰度油墨或彩色油墨来渲染灰度图像的模式。双色调模式 采用两种彩色油墨来创建由双色调、三色调及四色调混合色阶组成的图像。在此模式 中,最多可向灰度图像中添加4种颜色。图1-18所示即为双色调效果。 索引模式:索引模式指系统预先定义好一个含有256种典型颜色的颜色对照表,当图像转 换为索引模式时,系统会将图像的所有色彩映射到颜色对照表中。图像的所有颜色都将在 它的图像文件中定义。当打开该文件时,构成该图像的具体颜色的索引值都将被装载,然 后根据颜色对照表找到最终的颜色值。图1-19所示即为索引模式下图像的显示效果。 图1-18 双色调模式 图1-19 索引模式 RGB模式:RGB模式由红、绿、蓝3种颜色按不同的比例混合而成,又称真彩色模式,是 Photoshop默认的模式,也是最为常见的一种色彩模式。在Photoshop中,除非有特殊要求 会使用某种色彩模式,一般情况下都采用RGB模式。这种模式下可使用Photoshop中的所 有工具和命令,其他模式则会受到相应的限制。图1-20所示即为RGB模式下图像的显示 效果。 CMYK模式:CMYK模式是印刷时使用的一种颜色模式,主要由Cyan(青)、Magenta (洋红)、Yellow(黄)和Black(黑)4种颜色组成。为了避免和RGB三基色中的Blue (蓝色)混淆,其中的黑色用K表示。若在RGB模式下制作的图像需要印刷,则必须将其
第19页
12 13 Photoshop美工基础与网店装修(微课版) 转换为CMYK模式。图1-21所示即为CMYK模式下图像的显示效果。 图 1-20 RGB 模式 图 1-21 CMYK 模式 Lab模式:Lab模式由RGB三基色转换而来,它将明暗和颜色数据信息分别存储在不同位 置。修改图像的亮度并不会影响图像的颜色,调整图像的颜色同样也不会破坏图像的亮 度,这是Lab模式在调色中的优势。在Lab模式中,L指明度,表示图像的亮度,如果只调 整明暗、清晰度,可只调整L通道;a表示由绿色到红色的光谱变化;b表示由蓝色到黄色 的光谱变化。图1-22所示即为Lab模式下图像的显示效果。 多通道模式:在多通道模式下图像包含了多种灰阶通道。将图像转换为多通道模式后, 系统将根据原图像产生一定数目的新通道,每个通道均由256级灰阶组成。在进行特殊打 印时,多通道模式的作用尤为显著。图1-23所示即为多通道模式下图像的显示效果。 图 1-22 Lab 模式 图 1-23 多通道模式 1.2.4 图像辅助工具 Photoshop CS6中提供了多个辅助用户处理图像的工具,它们大多位于“视图”菜单中。这些 工具对图像不起任何编辑作用,仅用于测量或定位图像,使图像处理更精确,并提高用户的工作 效率。下面将具体介绍Photoshop CS6中辅助工具的使用方法。 1. 标尺 标尺是参考线的基础,只需选择【视图】/【标尺】命令(见图1-24)或按【Ctrl+R】组合 键,即可在打开的图像文件左侧边缘和顶部显示或隐藏标尺。通过标尺可查看图像的宽度和高
第20页
第1章 网店美工与Photoshop CS6基础 12 13 度。标尺x轴和y轴的O点坐标在左上角,在标尺左上角的相交处按住鼠标左键不放,当光标变为 形状时拖动到图像中的任意位置,释放鼠标左键,此时拖动到的目标位置即为标尺的x轴和y轴的 相交处,如图1-25所示。 图 1-24 标尺 图 1-25 标尺坐标 2. 网格 在图像处理中,设置网格线可以让图像处理更精准。选择【视图】/【显示】/【网格】命令或 按【Ctrl+’】组合键,可以在图像窗口中显示或隐藏网格线,如图1-26所示。 按【Ctrl+K】组合键打开“首选项”对话框,在左侧的列表中选择“参考线、网格和切片” 选项,然后在右侧的“网格”栏中可设置网格的颜色、样式、网格线间隔、子网格数量,如图 1-27所示。 图1-26 显示网格线 图1-27 设置首选项 3. 参考线 参考线是浮动在图像上的直线,分为水平参考线和垂直参考线。它用于给用户提供参考位 置,使绘制的效果更加精确、规范。创建后的参考线不会被打印出来。下面分别对创建参考线、 创建智能参考线和智能对齐进行介绍。 创建参考线:选择【视图】/【新建参考线】命令,打开“新建参考线”对话框,在“取 向”栏中选择参考线取向,如“垂直”,在“位置”文本框中输入参考线位置,单击 按钮,即可在相应位置创建一条参考线,如图1-28所示。
第21页
14 15 Photoshop美工基础与网店装修(微课版) 图 1-28 创建参考线 通过标尺可以创建参考线,将光标置于窗口顶部或左侧的标尺处,按住鼠标左键不放并向 图像区域拖动,这时光标呈 或 形状,同时会在右上角显示当前标尺的位置。释放鼠标后即 可在释放鼠标处创建一条参考线。 经验之谈 创建智能参考线:启用智能参考线后,参考线会在需要时自动出现。当使用移动工具移 动对象时,可通过智能参考线对齐形状、切片和选区。创建智能参考线的方法是:选择 【视图】/【显示】/【智能参考线】命令,再次移动图形时,将会触发智能效果,自动进 行智能对齐显示。图1-29所示为移动对象时智能参考线自动对齐到左侧边线和中心。 图1-29 智能参考线 智能对齐:对齐工具有助于用户精确地放置选区、裁剪选框、切片、形状、路径。智能 对齐的方法是:选择【视图】/【对齐】命令,使该命令处于勾选状态,然后在【视图】/ 【对齐到】命令的子菜单中选择一个对齐项目。勾选状态表示启用了该项目。 1.3  Photoshop CS6图像文件基本操作 在进行店铺的美工前,网店美工除了要掌握美工的基础知识和文件的基础知识外,还要掌握图 像文件的基本操作,这是进行美工工作的基础。下面先介绍Photoshop CS6工作界面的具体内容,再 对新建、打开、导入、导出、保存、关闭、移动、变换、复制与粘贴图像文件的方法进行介绍。 1.3.1 认识Photoshop CS6的工作界面 选择【开始】/【所有程序】/【Adobe Photoshop CS6】命令,启动Photoshop CS6后,打开图
第22页
第1章 网店美工与Photoshop CS6基础 14 15 1-30所示的工作界面。该界面主要由菜单栏、标题栏、工具箱、工具属性栏、面板组、图像窗 口、状态栏组成。 标题栏 工具箱 菜单栏 工具属性栏 面板组 状态栏 图像窗口 图1-30 工作界面 下面分别对Photoshop CS6工作界面的各组成部分进行介绍。 菜单栏:菜单栏由“文件”“编辑”“图像”“图层”“类型”“选择”“滤 镜”“3D”“视图”“窗口”和“帮助”11个菜单组成,每个菜单下有多个命令。若命 令右侧标有 符号,则表示该命令还有子菜单;若某些命令呈灰色显示,则表示没有激 活或当前不可用。 标题栏:标题栏显示了已打开的图像的名称格式、显示比例、色彩模式、所属通道、图 层状态及该图像的关闭按钮。 工具箱:工具箱中集合了在图像处理过程中使用最频繁的工具,可以用于绘制图像、修 饰图像、创建选区及调整图像显示比例等。工具箱的默认位置在工作界面左侧,将光标 移动到工具箱顶部,可将其拖动到界面中的其他位置。单击工具箱顶部的展开按钮 , 可以将工具箱中的工具以双列方式排列。单击工具箱中对应的图标按钮,即可选择该工 具。工具按钮右下角有黑色小三角形 ,表示该工具位于一个工具组中,其下还包含隐 藏的工具。在该工具按钮上按住鼠标左键不放或单击鼠标右键,即可显示该工具组中隐 藏的工具。 工具属性栏:工具属性栏可对当前所选工具进行参数设置,默认位于菜单栏的下方。当 用户选择工具箱中的某个工具时,工具属性栏将显示对应工具的属性设置选项。 面板组:Photoshop CS6中的面板默认显示在工作界面的右侧,是工作界面中非常重要 的一个组成部分,用于选择颜色、编辑图层、新建通道、编辑路径和撤销编辑等。选择 【窗口】/【工作区】/【基本功能(默认)】命令,将打开面板组合。单击面板右上方的
第23页
16 17 Photoshop美工基础与网店装修(微课版) 灰色箭头 ,面板将以面板名称的缩略图方式进行显示。再次单击灰色箭头 ,可以 展开该面板组。当需要显示某个单独的面板时,单击该面板名称即可。 图像窗口:图像窗口是对图像进行浏览和编辑操作的主要场所,所有的图像处理操作都 是在图像窗口中进行的。 状态栏:状态栏位于图像窗口的底部,最左端显示当前图像窗口的显示比例,在其中输 入数值并按【Enter】键可改变图像的显示比例;中间将显示当前图像文件的大小。 1.3.2 新建与打开图像文件 设计一幅作品前,用户首先需要新建图像文件或打开计算机中已有的图像文件。下面对新建 与打开图像文件的具体方法进行介绍。 1. 新建图像文件 在Photoshop中制作文件,首先需要新建一个空白文 件。选择【文件】/【新建】命令或按【Ctrl+N】组合键, 打开图1-31所示的“新建”对话框。设置相关参数后单 击“确定”按钮即可新建一个图像文件。 “新建”对话框相关选项的含义如下。 “名称”文本框:用于设置新建文件的名称,其 中默认文件名为“未标题-1”。 “预设”下拉列表框:用于设置新建文件的规 格,可选择Photoshop CS6自带的几种图像规格。 “大小”下拉列表框:用于辅助“预设”后的图像规格,设置出更规范的图像尺寸。 “宽度”/“高度”文本框:用于设置新建文件的宽度和高度,在右侧的下拉列表框中可 设置度量单位。 “分辨率”文本框:用于设置新建图像的分辨率。分辨率越高,图像品质越好。 “颜色模式”下拉列表框:用于选择新建图像文件的色彩模式,在右侧的下拉列表框中 还可以选择是8位图像还是16位图像。 “背景内容”下拉列表框:用于设置新建图像的背景颜色,系统默认为白色,也可设置 为背景色或透明色。 “高级”按钮:单击该按钮,在“新建”对话框底部会显示“颜色配置文件”和“像素 长宽比”两个下拉列表框,用户可通过它进行更高级的设置。 2. 打开图像文件 要在 Photoshop 中编辑一个图像,如拍摄的照片或素材等,需要先将其打开。文件的打开方 法主要有以下 4 种。 使用“打开”命令打开:选择【文件】/【打开】命令或按【Ctrl+O】组合键,弹出“打 开”对话框。在“查找范围”下拉列表框中选择文件存储位置,在中间的列表框中选择 需要打开的文件,单击 按钮即可。 使用“打开为”命令打开:若Photoshop无法识别文件的格式,则不能使用“打开”命令 打开文件,此时可选择【文件】/【打开为】命令,弹出“打开为”对话框。在其中选择 图1-31 “新建”对话框
第24页
第1章 网店美工与Photoshop CS6基础 16 17 需要打开的文件,并为其指定打开的格式,然后单击 按钮。 拖动图像启动程序:在没有启动Photoshop的情况下,将一个图像文件直接拖动到 Photoshop应用程序的图标上,可直接启动程序并打开图像。 打开最近使用过的文件:选择【文件】/【最近打开文件】命令,在打开的子菜单中可选 择最近打开的文件。选择其中的一个文件,即可将其打开。若要清除该目录,可选择菜 单底部的“清除最近的文件列表”命令。 1.3.3 导入与导出图像文件 在Photoshop CS6中,用户不仅可以直接打开图像文件,还可以将一些特殊的对象和文件导 入到Photoshop CS6中或导出到计算机中,进行编辑操作。下面分别对导入和导出图像的方法进行 介绍。 1. 导入文件 用户使用Photoshop CS6除可以编辑图像外,还可以编辑视频,但使用Photoshop CS6并不能 直接打开视频文件,此时,用户可以将视频帧导入Photoshop CS6的图层中。除此之外,用户还可 以导入注释、WIA支持等内容。导入文件的方法是:选择【文件】/【导入】命令,在打开的子菜单 中选择所需选项即可进行导入。 2. 导出文件 在实际工作中,用户往往会同时使用多个图像处理软件来对图像进行编辑,这时就需要使用 Photoshop CS6 自带的导出功能。导出文件的方法是:选择【文件】/【导出】命令,在弹出的子 菜单中可以完成多种导出任务。“导出”子菜单中相关选项的含义如下。 数据组作为文件:可以按批处理的方法将图像输出为PDF文件。 Zoomify:可以将高分辨率的图像上传到Web上,利用播放器,用户可以平移或缩放图 像。导出时将生成JPG和HTML文件。 路径到Illustrator:将路径导出为AI格式,以便用户在Illustrator中继续编辑。 渲染视频:将视频导出为Quick Time影片。 1.3.4 保存和关闭图像文件 对于刚创建的或进行编辑后的图像文件,完成操作后都应该对图像文件进行保存,这样可 避免因断电或程序出错带来的损失。如果不需要查看和编辑图像,可以将其关闭,以节约计算 机内存,提高计算机运行速度。下面分别对保存和关闭图像文件的方法进行介绍。 1. 保存图像文件 新建文件或对打开的文件进行编辑后,还必须保存文件。保存文件的方法是:选择【文件】/ 【存储】命令,打开“存储为”对话框,在“保存在”下拉列表框中选择存储文件的位置,在 “文件名”文本框中输入存储文件的名称,在“格式”下拉列表框中选择存储文件的格式,然后 单击 按钮,即可保存图像。 2. 关闭图像文件 关闭图像文件的方法有以下3种。
第25页
18 19 Photoshop美工基础与网店装修(微课版) 单击图像窗口标题栏最右端的“关闭”按钮 。 选择【文件】/【关闭】命令或按【Ctrl+W】组合键。 按【Ctrl+F4】组合键。 1.3.5 移动与变换图像文件 移动图像是处理图像时使用非常频繁的操作。当绘制的形状需要在其他位置展现时,可将其 移动到需要的位置;若是此文件需要变换大小或样式,可对图像文件进行变换操作。下面分别对 移动与变换图像的方法进行介绍。 1. 移动图像 移动图像是通过移动工具实现的。只有选择图像后,用户才能对其进行移动。移动图像包括 在同一图像文件中移动图像和在不同的图像文件中移动图像两种方式。 在同一图像文件中移动图像:在“图层”面板中单击选择要移动的对象所在的图层,在 工具箱中选择移动工具 ,使用鼠标拖动即可移动该图层中的图像。 在不同的图像文件中移动图像:在处理图像时,时常需要在一个图像文件中添加别的图 像,此时就需要将其他图像移动到正在编辑的图像中。在不同的图像文件中移动图像的 方法是:打开两个或两个以上的图像文件,选择移动工具 ,使用鼠标选择需要移动的 图像图层,按住鼠标左键将其拖动到目标图像中即可。 2. 变换图像 变换图像是编辑处理图像经常使用的操作,它可以使图像产生缩放、旋转、斜切、扭曲、透 视和变形等效果。下面分别进行介绍。 缩放图像:选择【编辑】/【变换】/【缩放】命令,出现定界框,将鼠标指针移至定界 框右下角的控制点上,当其变成 形状时,按住鼠标左键不放并拖动,可放大或缩小图 像,在缩小图像的同时按住【Shift】键,可保持图像的宽高比不变,如图1-32所示。 旋转图像:选择【编辑】/【变换】/【旋转】命令,将鼠标指针移至定界框的任意一角 上,当其变为 形状时,按住鼠标左键不放并拖动可旋转图像,如图1-33所示。 图1-32 缩放图像 图1-33 旋转图像 斜切图像:选择【编辑】/【变换】/【斜切】命令,将鼠标指针移至定界框的任意一角
第26页
第1章 网店美工与Photoshop CS6基础 18 19 上,当其变为 形状时,按住鼠标左键不放并拖动可斜切图像,如图1-34所示。 扭曲图像:选择【编辑】/【变换】/【扭曲】命令,将鼠标指针移至定界框的任 意一角上,当其变为 形状时,按住鼠标左键不放并拖动可扭曲图像,如图1-35 所示。 图1-34 斜切图像 图1-35 扭曲图像 透视图像:选择【编辑】/【变换】/【透视】命令,将鼠标指针移至定界框的任意一角 上,当鼠标指针变为 形状时,按住鼠标左键不放并拖动可透视图像,如图1-36所示。 变形图像:选择【编辑】/【变换】/【变形】命令,图像中将出现由9个调整方格组成的 调整区域,在其中按住鼠标左键不放并拖动可变形图像。按住每个端点中的控制杆进行 拖动,还可以调整图像变形效果,如图1-37所示。 图1-36 透视图像 图1-37 变换图像 1.3.6 复制与粘贴图像文件 在对文件的移动过程中,若需要在不改变原图形位置的基础上对原图形进行复制,可按 【Ctrl+C】组合键或选择【编辑】/【拷贝】命令进行复制操作。完成复制后,再按【Ctrl+V】组 合键对复制内容进行粘贴。注意,复制的对象只能是选区中的内容,若需要单独对某图形进行复 制操作,需要先将其框选出来,再进行其他操作,如图1-38所示。
第27页
20 PB Photoshop美工基础与网店装修(微课版) 图1-38 复制粘贴图像 在复制过程中,若对象不是选区或没有创建选区,可直接按住【Alt】键不放,对图像进行拖动, 当移动到适当位置后,释放鼠标,即可进行复制操作。 经验之谈
第28页
    选区和图层是Photoshop的重要知识和操作技能,是网店美工经常使用的功 能。其中选区用于选择图像中的区域,从而实现只对该选择区域的图像进行操作 的目的;图层就像在图像上添加的一层层内容,所有内容组合在一起就形成了完 整的图像效果。选区和图层都有一个共同特点,即它们都可对图像某部分的内容 进行操作,而非整个图像。本章将对选区和图层的使用方法分别进行介绍。 第2章 02 使用选区和图层美化图像 C H A P T E R 本章要点 创建与编辑图层 创建与编辑选区
第29页
22 23 Photoshop美工基础与网店装修(微课版) 2.1  创建与编辑选区 使用选区可保护选区外的图像不受影响,只对选区内的图像效果进行编辑。在Photoshop中创 建选区一般通过各种选区工具来完成,如选框工具、套索工具、魔棒工具、快速选择工具及“色 彩范围”菜单命令等。完成选区的创建后,用户还需要对选区进行编辑操作,如选区的基本操 作、编辑选区及存储和载入选区等。 2.1.1 创建几何选区 几何选区是实例中使用最多的工具之一。创建几何选区需要使用选框工具,包括矩形选框工 具、椭圆选框工具、单行选框工具和单列选框工具,主要用于创建规则的选区。将鼠标指针移到 工具箱的选框工具 上,单击鼠标右键或按住鼠标左键不放,打开的下拉列表框中可选择需要的 工具。下面将分别对这些常见的几何选区工具进行介绍。 1. 矩形选框工具 选择工具箱中的矩形选框工具 ,按住鼠标左键拖动即可创建矩形形状的选区;在创建矩 形选区时按住【Shift】键,则可创建正方形形状的选区,如图2-1所示。如需绘制固定大小的选 区,可选择矩形选框工具 后,在其工具属性栏的“样式”下拉列表框中选择“固定大小”选 项,再在其后的文本框中输入矩形选框的长和宽。 2. 椭圆选框工具 椭圆选框工具的使用方法和矩形选框工具相同,图2-2所示为创建椭圆选区和正圆选区的效果。 图2-1 创建矩形和正方形选区 图2-2 创建椭圆形和正圆选区 3. 单行、单列选框工具 当用户在Photoshop CS6中绘制表格式的多条平行线或制作网格线时,使用单行选框工具 和 单列选框工具 会十分方便。在工具箱中选择单行选框工具 或单列选框工具 ,在图像上单 击,即可创建出一个宽度为1像素的行或列选区,如图2-3和图2-4所示。 图2-3 创建单行选区 图2-4 创建单列选区
第30页
第2章 使用选区和图层美化图像 22 23 2.1.2 创建不规则选区 针对不同的物体,除了可以对规则图形创建几何选区外,还可以使用套索工具组的工具创建 不规则的选区。套索工具组主要包括套索工具、多边形套索工具和磁性套索工具。其打开方法与 矩形选框工具组的打开方法一致。下面分别对这几个工具进行介绍。 1. 套索工具 套索工具 主要用于创建不规则选区。选择套索工具 后,在图像中按住鼠标左键不放并拖 动,完成选择后释放鼠标,绘制的套索线将自动闭合成为选区,如图2-5所示。 2. 多边形套索工具 多边形套索工具主要用于选择边界多为直线或边界曲折的复杂图形。在工具箱中选择多边形 套索工具 ,先在图像中单击创建选区的起始点,然后沿着需要选取的图像区域移动鼠标指针, 并在多边形的转折点处单击,作为多边形的一个顶点。当回到起始点时,鼠标指针右下角将出现 一个小圆圈,单击起始点即生成最终的选区,如图2-6所示。 图 2-5 使用套索工具创建选区 图 2-6 使用多边形套索工具创建选区 在使用多边形套索工具选择图像时,按 【Shift】 键可按水平、垂直、45°方向选取线段; 按【Delete】 键可删除最近选择的一条线段。 经验之谈 3. 磁性套索工具 磁性套索工具适用于在图像中沿图像颜色反差较大的区域创建选区。在工具箱中选择磁性套 索工具 后,单击创建选区的起始点,沿图像的轮廓拖动鼠标,系统自动捕捉图像中对比度较大 的图像边界并自动产生节点,当到达起始点时单击即可完成选区的创建,如图2-7所示。 图 2-7 使用磁性套索工具创建选区
第31页
24 25 Photoshop美工基础与网店装修(微课版) 在使用磁性套索工具创建选区的过程中,可能会由于鼠标指针未移动恰当从而产生多余 的节点,此时可按【Backspace】键或【Delete】键删除最近创建的磁性节点,然后继续绘 制选区。 经验之谈 2.1.3 创建颜色选区 除了前面两种创建选区的方法外,还可以使用魔棒工具或快速选择工具对颜色进行替换,创 建颜色选区。下面分别对这两种工具进行介绍。 1. 魔棒工具 魔棒工具用于选择图像中颜色相似的区域。在工具箱中选择魔棒工具 ,然后在图像中的某 点上单击,即可将该图像附近颜色相同或相似的区域选取出来。魔棒工具的工具属性栏如图2-8 所示,在其中通过设置可调整使用魔棒工具选择的区域。 图 2-8 魔棒工具属性栏 魔棒工具属性栏中相关选项的含义如下。 “容差”数值框:用于控制选定颜色的范围,值越大,颜色区域越广。图2-9所示分别是 容差值为5和容差值为25时的效果。 “连续”复选框:单击选中该复选框,则只选择与单击点相连的同色区域;撤销选中该 复选框,整幅图像中符合要求的色域将全部被选中,如图2-10所示。 “对所有图层取样”复选框:当单击选中该复选框并在任意一个图层上应用魔棒工具 时,所有图层上与单击处颜色相似的地方都会被选中。 容差为5 容差为25 不连续 连续 图 2-9 不同容差值的选择效果 图 2-10 取消选中与选中“连续”复选框效果 2. 快速选择工具 快速选择工具是魔棒工具的快捷版本,可以不用任何快捷键进行加选,在快速选择颜色差 异大的图像时非常直观和快捷。其工具属性栏中包含“新选区”“添加到选区”和“从选区减 去”3种模式。使用时按住鼠标左键不放拖动即可选择对应的区域,其操作如同绘画,如图2-11 所示。
第32页
第2章 使用选区和图层美化图像 24 25 拖动鼠标选择 图2-11 快速获取选区 2.1.4 编辑选区 当绘制的选区不能满足对图像处理的要求时,可进行调整与编辑,如全选、反选、移动、修 改、变换、存储和载入选区等操作,下面分别进行介绍。 全选选区:当需要全选整个图像文件时,可使用全选的方式全选图像,此时整个图像将 被选中。其方法为:选择【选择】/【全部】命令或按【Ctrl+A】组合键即可选择整个 图像。 反选选区:用于选取图像中除选区以外的其他图像区域。其方法为:选择【选择】/【反 选】命令或按【Ctrl+Shift+I】组合键即可反选选区。 移动选区:当需要将选区移动到其他位置进行显示时,可使用移动工具来完成。其方法 为:选择移动工具 ,然后将鼠标指针移动到选区内,按住鼠标左键不放并拖动,即可 移动选区的位置,如图2-12所示。使用→、←、↑、↓方向键可以进行微移。 图2-12 移动选区前后的图像效果 变换选区:使用矩形或椭圆选框工具往往不能一次性准确地框选需要的范围,此时可使 用“变换选区”命令对选区实施自由变形。变换选区不会影响选区中的图像。其方法 为:绘制好选区后,选择【选择】/【变换选区】命令或按【Ctrl+T】组合键即可进行变 换操作,选区的边框上将出现8个控制点。当鼠标指针在选区内变为 形状时,按住鼠标 左键不放并拖动可移动选区;将鼠标指针移到控制点上,按住鼠标左键不放并拖动控制 点可调整选区中的图像内容,如调整大小、旋转和斜切等(见图2-13),其方法与变换图
第33页
26 27 Photoshop美工基础与网店装修(微课版) 像操作相同。完成后按【Enter】键确定操作,按【Esc】键可以取消操作,取消后选区恢 复到调整前的状态。 图2-13 变换选区 平滑选区:平滑选区能让创建的选区范围变得连续而平滑。其方法为:选择【选择】/ 【修改】/【平滑】命令,打开“平滑选区”对话框,在“取样半径”数值框中输入数 值,单击 按钮,如图2-14所示。 图2-14 平滑选区 羽化选区:羽化是图像处理中常用到的一种效果,它可以在选区和背景之间创建一条模 糊的过渡边缘,使选区产生“晕开”的效果。其方法为:选择【选择】/【修改】/【羽 化】命令或按【Shift+F6】组合键,打开“羽化选区”对话框,在其中输入“羽化半 径”值,单击 按钮即可完成选区的羽化,如图2-15所示。其中羽化半径值越 大,得到的选区边缘越平滑。 图2-15 羽化选区
第34页
第2章 使用选区和图层美化图像 26 27 扩展选区:在为图像制作叠加或重影等效果时,可使用“扩展”命令精确扩展图像,让 整个操作过程更加准确且轻松。其方法为:选择【选择】/【修改】/【扩展】命令,打开 “扩展选区”对话框。在“扩展量”数值框中输入数值,单击 按钮将选区扩 大,如图2-16所示。 图2-16 扩展选区 收缩选区:当需要对选区的内部创建轮廓时,可使用收缩选区的方法,将选区直接收缩 到内部再进行编辑操作。其方法为:选择【选择】/【修改】/【收缩】命令,打开“收缩 选区”对话框。在“收缩量”数值框中输入数值,单击 按钮将选区缩小,如 图2-17所示。 图2-17 收缩选区 存储选区:当需要对多个图像创建选区时,可将绘制的选区进行存储。其方法为:选择 【选择】/【存储选区】命令,或在选区上单击鼠标右键,在弹出的快捷菜单中选择“存 储选区”命令,打开“存储选区”对话框,如图2-18所示。 载入选区:与存储选区相反,若需要对已经存储的选区再次进行使用,可将选区载入。 其方法为:选择【选择】/【载入选区】命令,打开“载入选区”对话框,在该对话框中 进行设置可将已存储的选区载入图像中,如图2-19所示。
第35页
28 29 Photoshop美工基础与网店装修(微课版) 图2-18 “存储选区 ”对话框 图2-19 “载入选区”对话框 2.2  创建与编辑图层 选区主要用于抠取图像中的图像,抠取成功后,除了直接使用外,还可复制到单独的图层上 进行编辑。图层的出现使用户不需要在同一个平面中编辑图像,让制作出的图像元素变得更加丰 富。本节将介绍和图层相关的基本操作。 2.2.1 认识“图层”面板 “图层”面板是对图层进行操作的主要 场所,利用它可对图层进行新建、重命名、 存储、删除、锁定和链接等操作。选择【窗 口】/【图层】命令,即可打开图2-20所示的 “图层”面板,选择图层后,单击对应的按 钮即可实现相关操作。 下面分别对“图层”面板中各个按钮的 作用进行介绍。 图层类型:当图像中的图层过多时, 在该下拉列表框中选择一种图层类 型,“图层”面板中将只显示该类型 的图层。 图层混合模式:用于为当前图层设置图层混合模式,使图层与下层图像产生混合效果。 不透明度:用于设置当前图层的不透明度。 填充:用于设置当前图层的填充不透明度。调整填充不透明度,图层样式不会受到影响。 显示/隐藏图层:当图层缩略图前出现 图标时,表示该图层为可见图层;当图层缩略图 前不出现 图标时,表示该图层为不可见图层。单击图标可显示或隐藏图层。 链接图层:可对两个或两个以上的图层进行链接,链接后的图层可以一起进行移动。此 外,图层上也会出现 图标。 展开/折叠图层效果:单击 按钮,可展开图层效果,并显示当前图层添加的效果名称。 图层类型 图层混合模式 隐藏图层 显示图层 链接图层 添加图层样式 添加图层蒙版 创建新的填充或调整图层 图层组 图层缩略图 图层名称 删除图层 创建新图层 创建新组 不透明度 填充 展开/折叠图层 图2-20 “图层”面板
第36页
第2章 使用选区和图层美化图像 28 29 再次单击将折叠图层效果。 图层组:用于将相似功能的图层进行分类。 图层名称:用于显示该图层的名称,当面板中的图层很多时,为图层命名可快速找到图层。 图层缩略图:用于显示图层中包含的图像内容。其中,棋格区域为图像中的透明区域。 添加图层样式:单击面板底部的“添加图层样式”按钮 ,在打开的下拉列表中选择一 个图层样式,可为图层添加一种图层样式效果。 添加图层蒙版:单击“添加图层蒙版”按钮 ,可为当前图层添加图层蒙版。 创建新的填充或调整图层:单击“创建新的填充或调整图层”按钮 ,可在打开的下拉 列表中选择相应的选项,创建对应的填充图层或调整图层。 创建新组:单击“创建新组”按钮 ,可创建一个图层组。 创建新图层:单击“创建新图层”按钮 ,可在当前图层上方新建一个图层。 删除图层:单击“删除图层”按钮 ,可将当前选中的图层或图层组删除。在选中图层或 图层组时,按【Delete】键也可删除图层。 2.2.2 新建图层 所有图层都在“图层”面板中。认识了面板后,用户即可对图层进行新建操作。新建图层 时,首先要新建或打开一个图像文件,然后通过“图层”面板快速创建,也可以通过命令进行新 建。在Photoshop中可新建多种图层,下面分别讲解常用图层的新建方法。 1. 新建普通图层 新建普通图层指在当前图像文件中创建新的空白图层,新建的图层将位于当前图层的上方。 用户可通过以下两种方法进行创建。 选择【图层】/【新建图层】命令,打开“新建图层”对话框,在其中设置图层的名称、 颜色、模式及不透明度,然后单击 按钮,即可新建图层。 单击“图层”面板底部的“创建新图层”按钮 ,即可新建一个普通图层。 2. 新建文字图层 当用户在图像中输入文字后,“图层”面板中将自动新建一个相应的文字图层。新建文字图层 的方法是在工具箱的文字工具组中选择一种文字工具,在图像中单击定位插入点,输入文字后即可 得到一个文字图层,如图2-21所示。 3. 新建填充图层 Photoshop CS6中有3种填充图层,分别是纯色、渐变及图案。选择【图层】/【新建填充图 层】命令,在弹出的菜单中可选择新建的图层类型。图2-22所示为创建纯色填充图层并设置不透 明度后的效果。 若在图像中创建了选区,选择【图层】/【新建】/【通过拷贝的图层】命令或按【Ctrl+J】 组合键,可将选区内的图像复制到一个新的图层中,原图层中的内容保持不变;若没有创建选区, 则执行该命令时会将当前图层中的全部内容复制到新图层中。 经验之谈
第37页
30 31 Photoshop美工基础与网店装修(微课版) 图2-21 文字图层 图2-22 填充图层 4. 新建形状图层 形状图层主要用于展现形状图层效果。在工具箱的形状工具组中选择一种形状工具,在工具 属性栏中默认为“形状”模式,然后在图像中绘制形状,此时“图层”面板中将自动新建一个形 状图层。图2-23所示为使用矩形工具绘制图形后创建的形状图层。 5. 新建调整图层 调整图层主要用于精确调整图层的颜色。通过色彩命令调整颜色时,一次只能调整一个图 层,而通过新建调整图层则可同时对多个图层上的图像进行调整。 在新建调整图层的过程中,用户还可以根据需要对图像进行色调或色彩调整,同时在创建后 也可随时修改及调整,而不用担心损坏原来的图像。其方法为:选择【图层】/【新建调整图层】 命令,在打开的子菜单中选择一个调整命令,如选择“色阶”命令,再在打开的“新建图层”对 话框中设置调整参数,单击 按钮,即可新建“色阶1”调整图层,如图2-24所示。 图 2-23 形状图层 图 2-24 调整图层 调整图层类似于图层蒙版,由调整缩略图和图层蒙版缩略图组成。调整缩略图由于创建调 整图层时选择的色调或色彩命令不一样而显示出不同的图像效果;图层蒙版随调整图层的创建 而创建,默认情况下填充为白色,即表示调整图层对图像中的所有区域起作用;调整图层的名 称会随着创建调整图层时选择的调整命令来显示,例如,当创建的调整图层是用来调整图像的 色彩平衡时,则名称为“色彩平衡 1”。 经验之谈
第38页
第2章 使用选区和图层美化图像 30 31 2.2.3 复制与删除图层 复制图层就是为已存在的图层创建图层副本;对于不需要使用的图层,则可以将其删除。删 除图层后,该图层中的图像也被删除。 1. 复制图层 复制图层主要有以下两种方法。 在“图层”面板中复制:在“图层”面板中选择需要复制的图层,按住鼠标左键不放将 其拖动到“图层”面板底部的“创建新图层”按钮 上,释放鼠标,即可在该图层上复 制一个图层副本。 通过菜单命令复制:选择需要复制的图层,选择【图层】/【复制图层】命令,打开“复 制图层”对话框,在“为”文本框中输入图层名称并设置选项,单击 按钮即 可复制图层。 2. 删除图层 删除图层有以下两种方法。 通过命令删除:在“图层”面板中选择要删除的图层,选择【图层】/【删除】/【图层】 命令,即可删除图层。 通过“图层”面板删除:在“图层”面板中选择要删除的图层,单击“图层”面板底部 的“删除图层”按钮 ,即可删除图层。 2.2.4 合并与盖印图层 当图层过多时,图层数量及图层样式的使用都会占用计算机资源,合并相同属性的图层或删 除多余的图层能减小文件的大小,同时便于管理。合并与盖印图层都能减小文件的大小,是图像 处理中的常用操作方法。 1. 合并图层 合并图层就是将两个或两个以上的图层合并到一个图层上。较复杂的图像处理完成后,一般 都会产生大量的图层,从而使图像变大,使计算机处理速度变慢,这时可根据需要对图层进行合 并,以减少图层的数量。合并图层的操作主要有以下几种。 合并图层:在“图层”面板中选择两个或两个以上要合并的图层,选择【图层】/【合并 图层】命令或按【Ctrl+E】组合键即可。 合并可见图层:选择【图层】/【合并可见图层】命令或按【Shift+Ctrl+E】组合键即可, 该操作不合并隐藏的图层。 拼合图像:选择【图层】/【拼合图像】命令,可将“图层”面板中所有可见图层合并, 并打开对话框询问是否丢弃隐藏的图层,同时以白色填充所有透明区域。 2. 盖印图层 盖印图层是比较特殊的图层合并方法,利用它可将多个图层的内容合并到一个新的图层中, 同时保留原来的图层不变。盖印图层的操作主要有以下几种。
第39页
32 33 Photoshop美工基础与网店装修(微课版) 向下盖印:选择一个图层,按【Ctrl+Alt+E】组合键,可将该图层盖印到下面的图层中, 原图层保持不变。 盖印多个图层:选择多个图层,按【Ctrl+Alt+E】组合键,可将选择的图层盖印到一个新 的图层中,原图层保持不变。 盖印可见图层:按【Shift+Ctrl+Alt+E】组合键,可将所有可见图层中的图像盖印到一个 新的图层中,原图层保持不变。 2.2.5 对齐与分布图层 在Photoshop的图层调整过程中,可通过对齐与分布图层快速调整图层内容,实现图像间的精 确移动。 1. 对齐图层 若要将多个图层中的图像内容对齐,可按【Shift】键,在“图层”面板中选择多个图层,然 后选择【图层】/【对齐】命令,在子菜单中选择对齐命令进行对齐。如果所选图层与其他图层链 接,则可以对齐与之链接的所有图层,如图2-25所示。 2. 分布图层 若要让更多的图层采用一定的规律均匀分布,可选择这些图层,然后选择【图层】/【分布】 命令,在其子菜单中选择相应的分布命令,如图2-26所示。 底边对齐图层 右边分布图层 图2-25 对齐图层 图2-26 分布图层 2.2.6 移动与链接图层 在图层的调整过程中,若需要对图层的叠放顺序进行调整,可使用移动图层来解决;若需要 同时移动多个图层,可先将需要移动的图层链接起来,再进行移动操作。下面分别对移动和链接 图层的方法进行介绍。 1. 移动图层 在“图层”面板中,图层是按创建的先后顺序堆叠在 一起的,上面图层的内容会遮盖下面图层的内容。改变图 层的排列顺序即为改变图层的堆叠顺序。改变图层排列顺 序的方法是选择要移动的图层,选择【图层】/【排列】命 令,在打开的子菜单中选择需要的命令即可移动图层,如 图2-27所示。 图 2-27 移动图层
第40页
第2章 使用选区和图层美化图像 32 33 子菜单中相关选项的含义如下。 置为顶层:将当前选择的活动图层移动到最顶部。 前移一层:将当前选择的活动图层向上移动一层。 后移一层:将当前选择的活动图层向下移动一层。 置为底层:将当前选择的活动图层移动到最底部。 2. 链接图层 链接图层可使多个图层同时进行移动、 缩放等操作。选择两个或两个以上的图层, 在“图层”面板上单击“链接图层”按钮 或选择【图层】/【链接图层】命令,即可 将所选的图层链接起来。图2-28所示为链接 “相机图标”与“相机”文字图层,并移动 图层的位置。 如果要取消图层间的链接,需要先选择所有的链接图层, 然后单击 “图层” 面板底部的 “链 接图层”按钮 ; 如果只想取消某一个图层与其他图层间的链接关系, 只需选择该图层, 再 单击 “图层” 面板底部的 “链接图层” 按钮 即可。 经验之谈 2.2.7 图层混合模式 除了前面讲解的图层操作外,用户还可使用图层混合模式对图形效果进行调整。图层混合模 式是指上一层图层与下一层图层的像素进行混合,从而得到一种新的图 像效果。通常情况下,上层的像素会覆盖下层的像素。Photoshop CS6 提供了20多种不同的图层混合模式,不同的图层混合模式可以产生不同 的效果。 单击“图层”面板中的 按钮,在打开的下拉列表框中 即可选择需要的模式,如图2-29所示。下面分别介绍各种混合模式选 项的作用。 正常:系统默认的图层混合模式,未设置时均为此模式,上面 图层中的图像完全遮盖下面图层对应的区域。 溶解:如果上面图层中的图像具有柔和的半透明效果,选择该 混合模式可生成像素点状的效果。 变暗:选择该模式后,上面图层中较暗的像素将代替下面图层中 与之相对应的较亮像素,而下面图层中较暗的像素将代替上面图 层中与之相对应的较亮像素,从而使叠加后的图像区域变暗。 正片叠底:该模式对上面图层中的颜色与下面图层中的颜色进行混合相乘,形成一种光 线透过两张叠加在一起的幻灯片的效果,从而得到比原来两种颜色更深的颜色效果。 图 2-28 链接图层 图 2-29 图层混合模式
第41页
34 35 Photoshop美工基础与网店装修(微课版) 颜色加深:选择该模式后,可增强上面图层与下面图层之间的对比度,从而得到颜色加 深的图像效果。 线性加深:该模式将变暗所有通道的基色,并通过提高其他颜色的亮度来反映混合颜 色。此模式对于白色将不产生任何变化。 深色:该模式与“变暗”模式相似。 变亮:该模式与“变暗”模式的作用相反,将下面图层中比上面图层中更暗的颜色作为 当前显示颜色。 滤色:该模式对上面图层与下面图层中相对应的较亮颜色进行合成,从而生成一种漂白 增亮的图像效果。 颜色减淡:该模式将通过减小上下图层中像素的对比度来提高图像的亮度。 线性减淡(添加):该模式与“线性加深”模式的作用刚好相反,是通过加亮所有通道的 基色,并通过降低其他颜色的亮度来反映混合颜色。此模式对于黑色将不产生任何变化。 浅色:该模式与“变亮”模式相似。 叠加:该模式根据下面图层的颜色,与上面图层中相对应的颜色进行相乘或覆盖,产生 变亮或变暗的效果。 柔光:该模式根据下面图层中颜色的灰度值与对上面图层中相对应的颜色进行处理,高 亮度的区域更亮,暗部区域更暗,从而产生一种柔和光线照射的效果,具体取决于混合 色。此效果与发散的聚光灯照在图像上相似。如果混合色(光源)比50%灰色亮,则图像 变亮,就像被减淡一样;如果混合色(光源)比50%灰色暗,则图像变暗,就像被加深一 样。用纯黑色或纯白色绘画会产生明显较暗或较亮的区域,但不会产生纯黑色或纯白色。 强光:该模式与“柔光”模式类似,也是对下面图层中的灰度值与上面图层进行处理。 不同的是产生的效果就像一束强光照射在图像上一样,具体取决于混合色。此效果与耀 眼的聚光灯照在图像上相似。如果混合色(光源)比50%灰色亮,则图像变亮,就像过 滤后的效果,这对于向图像添加高光非常有用;如果混合色(光源)比50%灰色暗,则 图像变暗,就像复合后的效果,这对于向图像添加阴影非常有用。用纯黑色或纯白色绘 画会产生纯黑色或纯白色。 亮光:该模式通过增加或减小上下图层中颜色的对比度来加深或减淡颜色,具体取决于 混合色。如果混合色比50%灰色亮,则通过减小对比度使图像变亮;如果混合色比50%灰 色暗,则通过增加对比度使图像变暗。 线性光:该模式将通过减小或增加上下图层中颜色的亮度来加深或减淡颜色,具体取决 于混合色。如果混合色比50%灰色亮,则通过增加亮度使图像变亮;如果混合色比50%灰 色暗,则通过减小亮度使图像变暗。 点光:该模式与“线性光”模式相似,是根据上面图层与下面图层的混合色来决定替换 部分较暗或较亮像素的颜色。如果混合色(光源)比50%灰色亮,则替换比混合色暗的 像素,而不改变比混合色亮的像素;如果混合色比50%灰色暗,则替换比混合色亮的像 素,而不改变比混合色暗的像素,这对于向图像添加特殊效果非常有用。 实色混合:该模式是将混合颜色的红色、绿色及蓝色通道值添加到基色的RGB 值中。如
第42页
第2章 使用选区和图层美化图像 34 35 果通道的结果总和大于或等于255,则值为255;如果小于255,则值为0。因此,所有混 合像素的红色、绿色和蓝色通道值要么是0,要么是255。这会将所有像素更改为原色: 红色、绿色、蓝色、青色、黄色、洋红、白色及黑色。 差值:该模式对上面图层与下面图层中颜色的亮度值进行比较,将两者的差值作为结果 颜色。当不透明度为100%时,白色将全部反转,而黑色保持不变。 排除:该模式由亮度决定是否从上面图层中减去部分颜色,得到的效果与“差值”模式 相似,只是更柔和一些。 减去:该模式与“差值”模式相似。 划分:如果混色与基色相同,则结果为白色;如果混色为白色,则结果为原色;如果混 色为黑色,则结果为白色。 色相:该模式只是对上下图层中颜色的色相进行相融,形成特殊的效果,但并不改变下 面图层的亮度与饱和度。 饱和度:该模式只是对上下图层中颜色的饱和度进行相融,形成特殊的效果,但并不改 变下面图层的亮度与色相。 颜色:该模式只将上面图层中颜色的色相和饱和度融入下面图层中,并与下面图层中颜 色的亮度值进行混合,但不改变其亮度。 明度:该模式与“颜色”模式相反,只将当前图层中颜色的亮度融入下面图层中,但不 改变下面图层中颜色的色相和饱和度。 2.2.8 设置图层不透明度 通过设置图层的不透明度,可以使图层产生透明或半透明效果,其方法为:在“图层”面板 右上方的“不透明度”数值框中输入数值来进行设置,范围是0%~100%。 要设置某图层的不透明度,应先在“图层”面板中选择该图层,当图层的不透明度小于100% 时,将显示该图层和下面图层的图像,不透明度值越小就越透明;当不透明度值为0%时,该图层将 不会显示,而完全显示其下面图层的内容。 图2-30所示为设置不同透明度后的对比效果。 图2-30 设置不同透明度 2.2.9 设置图层样式 在Photoshop中,通过为图层应用图层样式,可以制作一些丰富的图像效果,例如,水晶、金 属和纹理等效果,都可以通过为图层设置投影、发光和浮雕等图层样式来实现。下面讲解对图层
第43页
36 PB Photoshop美工基础与网店装修(微课版) 应用图层样式的方法及各图层样式的特点。 1. 添加图层样式 Photoshop提供了10种图层样式效果,它们全都被 列举在“图层样式”对话框的“样式”栏中,用户只需 选择【图层】/【图层样式】命令,在打开的子菜单中 选择一种图像样式命令,或在“图层”面板底部单击 “添加图层样式”按钮 ,在打开的下拉列表框中选 择需要创建的样式选项,或双击需要添加图层样式的图 层,Photoshop将打开“图层样式”对话框,并展开对 应的设置面板,完成设置后单击 按钮即可完 成图层样式的添加,如图2-31所示。 2. 图层样式详解 Photoshop CS6提供了多种图层样式,用户应用其中一种或多种样式后,就可以制作出光照、 阴影、斜面与浮雕等特殊效果。下面分别对“图形样式”对话框中的各个样式进行介绍。 混合选项:用于控制图层与其下面的图层像素混合的方式。选择【图层】/【图层样式】 命令,即可打开“图层样式”对话框,在其中可对整个图层的不透明度与混合模式进行 详细设置,其中某些设置可以直接在“图层”面板上进行。 斜面和浮雕:使用“斜面和浮雕”图层样式可以为图层添加高光和阴影的效果,让图像 看起来更加立体生动。其下方还包括“等高线”和“纹理”复选框,在其中可以为图层 添加凹凸、起伏和纹理效果。 描边:使用“描边”图层样式可以用颜色、渐变或图案等对图层边缘进行描边,其效果 与“描边”命令类似。 内阴影:使用“内阴影”图层样式可以在图层内容的边缘内侧添加阴影效果,制作陷入的效果。 内发光:使用“内发光”图层样式可沿着图层内容的边缘内侧添加发光效果。 光泽:使用“光泽”图层样式可以为图层图像添加光滑而有内部阴影的效果,常用于模 拟金属的光泽效果。 颜色叠加:使用“颜色叠加”图层样式可以为图层图像叠加自定义的颜色,常用于更改 图像的部分色彩。在“颜色叠加”面板中,用户可以通过设置颜色、混合模式及不透明 度来对叠加效果进行设置。 渐变叠加:使用“渐变叠加”图层样式可以为图层图像中单纯的颜色添加渐变色,从而 使图层图像的颜色看起来更加丰富、饱满。 图案叠加:使用“图案叠加”图层样式可以为图层图像添加指定的图案。 外发光:使用“外发光”图层样式可以沿图层图像边缘向外创建发光效果。设置“外发 光”后,可调整发光范围的大小、发光颜色及混合方式等参数。 投影:使用“投影”图层样式可为图层图像添加投影效果,常用于增加图像的立体感。在 该面板中,用户可设置投影的颜色、大小和角度等参数。 图2-31 “图层样式”对话框
百万用户使用云展网进行电子翻页书制作,只要您有文档,即可一键上传,自动生成链接和二维码(独立电子书),支持分享到微信和网站!
收藏
转发
下载
免费制作
其他案例
更多案例
免费制作
x
{{item.desc}}
下载
{{item.title}}
{{toast}}