Photoshop 美工基础与网店装修（下篇共上中下3篇）

Photoshop美工基础与网店装修（微课版）第06章

使用

通道、蒙版和滤镜6.1使用通道6.2使用蒙版6.3使用滤镜6.1.1认识通道3通道是存储颜色信息的独立颜色平面，Photoshop图像通常都具有一个或多个通道，通道的颜色与选区有直接关系，分为颜色通道、Alpha通道和专色通道3种。RGB图像的颜色通道CMYK图像的颜色通道Lab图像的颜色通道灰色图像的颜色通道位图图像的颜色通道索引图像的颜色通道6.1.2认识“通道”面板4对通道的操作需要在“通道”面板中进行。默认情况下，“通道”面板、“图层”面板和“路径”面板在同一组面板中，可以直接单击“通道”选项卡，打开“通道”面板。“通道”面板6.1.3创建Alpha通道5Alpha通道主要用于保存图像的选区，在默认情况下新创建的一般通道名称默认为AlphaX（X为按创建顺序依次排列的数字）通道。创建Alpha通道6.1.4创建专色通道6设置专色通道创建的专色通道选择“新建专色通道”选项6.1.5复制与删除通道71.复制通道2.删除通道通过鼠标拖曳复制通过右键菜单复制通过鼠标拖曳删除通过右键菜单删除通过删除按钮删除6.1.6分离与合并通道8分离通道合并通道分离通道合并通道6.1.7混合通道91.使用“应用图像”命令使用“应用图像”命令6.1.7混合通道102.使用“计算”命令使用“计算”命令6.1使用通道6.2使用蒙版6.3使用滤镜6.2.1认识蒙版121.蒙版的分类2.认识“蒙版”面板矢量蒙版剪贴蒙版图层蒙版快速蒙版“蒙版”面板6.2.2矢量蒙版131.创建矢量蒙版2.编辑矢量蒙版创建矢量蒙版将矢量蒙版转换为图层蒙版删除矢量蒙版链接/取消链接矢量蒙版停用矢量蒙版6.2.3剪贴蒙版141.创建剪贴蒙版创建剪贴蒙版6.2.3剪贴蒙版152.编辑剪贴蒙版设置剪贴蒙版不透明度和混合模式（1）释放剪贴蒙版菜单快捷菜单拖动（2）设置剪贴蒙版的

不透明度和混合模式6.2.4图层蒙版161.创建图层蒙版创建图层蒙版6.2.4图层蒙版172.编辑图层蒙版（3）删除图层蒙版（1）停用图层蒙版“停用”命令快捷菜单“属性”面板（2）启用图层蒙版“启用”命令“图层”面板“属性”面板删除图层蒙版6.2.4图层蒙版182.编辑图层蒙版（4）复制与转移图层蒙版（5）图层蒙版与选区的运算添加蒙版到选区从选区中减去蒙版蒙版与选区交叉复制图层蒙版转移图层蒙版6.2.5快速蒙版19快速蒙版又称为临时蒙版，通过快速蒙版可以将任何选区作为蒙版编辑，还可以使用多种工具和滤镜命令来修改蒙版，常用于选取复杂图像或创建特殊图像的选区，也是滤镜美化中常用的蒙版工具。在蒙版区域绘制蒙版转换为选区6.1使用通道6.2使用蒙版6.3使用滤镜6.3.1认识滤镜库21“滤镜库”对话框滤镜库整合了“扭曲”“画笔描边”“素描”“纹理”“艺术效果”“风格化”6种滤镜功能。6.3.1认识滤镜库221.风格化在滤镜库中，只有照亮边缘一种风格化滤镜效果。2.画笔描边12345678成角的线条喷溅喷色描边墨水轮廓强化的边缘烟灰墨阴影线深色线条6.3.1认识滤镜库233.扭曲4.素描玻璃海洋波纹扩散亮光1234567半调图案石膏效果便条纸铬黄渐变绘图笔基底凸现粉笔和炭笔891011121314水彩画纸影印撕边炭精笔图章网状炭笔6.3.1认识滤镜库245.纹理6.艺术效果龟裂缝纹理化颗粒染色玻璃马赛克拼贴拼缀图壁画彩色铅笔粗糙蜡笔底纹效果干画笔海报边缘海绵绘画涂抹胶片颗粒木刻霓虹灯光水彩塑料包装调色刀涂抹棒6.3.2应用独立滤镜25液化滤镜油画滤镜消失点滤镜油画滤镜效果镜头较正滤镜自适应广角滤镜6.3.3应用特效滤镜261.风格化滤镜组2.模糊滤镜组查找边缘等高线风浮雕效果扩散拼贴曝光过度凸出场景模糊光圈模糊移轴模糊表面模糊动感模糊方框模糊高斯模糊径向模糊进一步模糊镜头模糊模糊平均特殊模糊形状模糊6.3.3应用特效滤镜273.扭曲滤镜组4.锐化滤镜组波浪波纹极坐标挤压切变球面化水波旋转扭曲置换USM锐化防抖进一步锐化锐化锐化边缘智能锐化6.3.3应用特效滤镜285.像素化滤镜组6.锐化滤镜组彩块化彩色半调晶格化点状化马赛克碎片铜板雕刻分层云彩光照效果镜头光晕纤维云彩7.其他滤镜组高反差保留自定位移最大值/最小值课后练习29下面打开“西餐垫.jpg”图像，制作PC端西餐垫Banner，完成文字的添加后，对其添加光照效果和杂色滤镜效果，完成后的参考效果如图。PC端西餐垫Banner效果1课后练习30本练习将制作休闲鞋的详情页，在制作时先对图片进行锐化处理，在制作移动端的详情页，完成后的效果如图。移动端休闲鞋详情页2感谢聆听！学习进步！Photoshop美工基础与网店装修（微课版）海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务Photoshop美工基础与网店装修（微课版）第07章

切片与批处理图像7.1切片7.2动作与批处理图像7.1.1创建切片35切片工具的工具属性栏切片选择工具的工具属性栏1.切片工具2.切片选择工具7.1.2编辑切片361.切片的选择、移动、复制2.删除切片选择复制切片移动使用快捷键删除使用快捷菜单删除使用命令删除使用快捷菜单删除切片7.1.2编辑切片37锁定切片3.锁定切片7.1.3保存切片38“存储为Web所有格式”对话框7.1切片7.2动作与批处理图像7.2.1认识“动作”面板40“动作”面板切换项目开/关切换对话开/关停止播放/记录开始记录创建新组创建新动作删除展开与折叠动作播放选定的动作7.2.2创建与保存动作41单击“创建新组”按钮下面将对创建与保存动作的方法进行介绍，其具体操作如下。12新建组新建动作37.2.2创建与保存动作42设置自然饱和度45设置照片滤镜设置色相/饱和度67.2.2创建与保存动作43完成录制78选择“存储动作”选项保存动作97.2.3自动处理图像44“批处理”对话框1.使用“批处理”命令7.2.3自动处理图像45“创建快捷批处理”对话框2.创建快捷批处理方式课后练习461.为跨境电商主图添加标签打开“拉杆箱”文件夹中的一张图像，使用批处理的方法，对图像添加店标标签，使图像效果更加美观，效果如图。查看完成后的效果课后练习472.为PC电商店铺制作主图效果打开“斜挎包”文件夹中的一张图像，使用批处理的方法，对图像制作主图效果，使图像效果更加美观，效果如图。查看完成后的效果课后练习483.裁剪毛巾详情页图像打开“斜挎包”文件夹中的一张图像，使用批处理的方法，对图像制作主图效果，使图像效果更加美观，效果如图。查看完成后的效果感谢聆听！学习进步！Photoshop美工基础与网店装修（微课版）海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务Photoshop美工基础与网店装修（微课版）第08章

ITMC网店装修实战8.1ITMC网店设计基础及要点8.2服装服饰类网店设计8.3电脑配件类网店设计8.1.1店标设计基础及要点53在ITMC中，店标设计需遵循一定的原则，下面分别进行介绍。选择合适的店标素材凸显店铺的独特性质让店标过目不忘统一性常见店铺类型的尺寸和要求分别如下。PC电商店铺要求移动电商店铺要求跨境电商店铺要求8.1.2店招设计基础及要点54店招，即店铺的招牌，位于店铺首页最顶端，用来对店铺进行定位。就ITMC考试而言，只有移动电商店铺才需要制作店招，制作时要求尺寸为642×200像素，大小不超过200KB。下面对店招设计的4大原则分别进行介绍。1234适合性流行性广告性风格鲜明、独特8.1.3Banner设计基础及要点55Banner也是ITMC考试中的重点，不同Banner，其类型尺寸不同，需要选择合适的设计方式进行设计。下面分别介绍常见的设计方式。蒙版式曲线式对称式三角式四角式重心式左右式上下式倾斜式满版式8.1.4主图设计基础及要点56主图的设计要点如下。图片场景背景颜色在主图中添加水印促销信息8.1.5详情页设计基础及要点57详情页是ITMC考试的重点，不但要体现设计风格，还需要展现详细的商品信息和效果。详情页的呈现风格有很多种，如复古、现代、商务、卡通等，这些都是常用的设计表现手法。商品详情页内容思路如下图所示。商品详情页内容思路8.1ITMC网店设计基础及要点8.2服装服饰类网店设计8.3电脑配件类网店设计8.2.1店标设计基础及要点59新建图像文件1.PC端店铺店标设计店铺的名称为“SisJuLy”，PC端店标设计时尺寸为230×70像素，其具体操作如下。1输入文字28.2.1店标设计基础及要点60栅格化文字1.PC端店铺店标设计4绘制选区38.2.1店标设计基础及要点61删除内容文字1.PC端店铺店标设计6绘制选区58.2.1店标设计基础及要点62绘制皇冠和椭圆1.PC端店铺店标设计8绘制直线78.2.1店标设计基础及要点63新建图像文件2.移动端店铺店标设计下面将在PC端店铺店标的基础上制作移动端店铺店招，使效果更加统一，其具体操作如下。1调整图像大小和位置23删除直线8.2.1店标设计基础及要点642.移动端店铺店标设计4绘制直线和矩形5查看完成后的效果8.2.1店标设计基础及要点65绘制矩形3.跨境端店铺店标设计下面将根据店铺名称，重新进行跨境端的制作，使其符合考试的要求，其具体操作如下。12在矩形上方输入文字8.2.1店标设计基础及要点66设置投影参数3.跨境端店铺店标设计34查看完成后的效果8.2.2店招设计67填充前景色在制作店招时，可先制作背景，再将完成后的店标拖动到店招中，使其保持统一，其具体操作如下。12绘制云朵形状8.2.2店招设计68复制并填充云朵34绘制上方云朵形状56添加店标图像修改矩形颜色8.2.3Banner设计69填充渐变色1.男士T恤Banner设计下面将制作男士T恤PC端、移动端和跨境端3种形式的Banner，其具体操作如下。绘制形状128.2.3Banner设计70设置图案叠加1.男士T恤Banner设计修改不透明度348.2.3Banner设计71绘制矩形1.男士T恤Banner设计添加T恤素材568.2.3Banner设计72输入文字1.男士T恤Banner设计修改文字颜色788.2.3Banner设计73制作背景1.男士T恤Banner设计添加素材9108.2.3Banner设计74输入文字1.男士T恤Banner设计修改文字颜色和字体11128.2.3Banner设计75制作背景效果1.男士T恤Banner设计输入文字13148.2.3Banner设计76绘制形状并填充颜色2.男士卫衣Banner设计绘制矩形12下面将制作男士卫衣PC端、移动端和跨境端3种形式的Banner，其具体操作如下。8.2.3Banner设计77绘制形状并填充颜色2.男士卫衣Banner设计绘制矩形348.2.3Banner设计78添加素材2.男士卫衣Banner设计添加图层蒙版5678绘制矩形输入文字8.2.3Banner设计79制作背景效果2.男士卫衣Banner设计在右侧输入文字9108.2.3Banner设计80添加并复制图像3.牛仔裤Banner设计擦除多余区域12下面将制作牛仔裤PC端、移动端和跨境端3种形式的Banner，其具体操作如下。8.2.3Banner设计81绘制形状3.牛仔裤Banner设计输入文字348.2.3Banner设计82添加素材3.牛仔裤Banner设计56绘制矩形78绘制虚线完成后的效果8.2.3Banner设计83制作背景效果3.牛仔裤Banner设计完成后的效果9108.2.3Banner设计84添加素材图像4.女士西装Banner设计绘制矩形下面将制作女士西装PC端、移动端和跨境端3种形式的Banner，其具体操作如下。128.2.3Banner设计85输入文字4.女士西装Banner设计绘制形状并填充颜色348.2.3Banner设计86完成PC端女士西装Banner的制作4.女士西装Banner设计完成移动端女士西装Banner的制作568.2.3Banner设计87制作女士西装Banner背景4.女士西装Banner设计完成跨境端女士西装Banner的制作788.2.4主图设计88添加图片1.制作PC端连衣裙主图绘制矩形123绘制虚线8.2.4主图设计89绘制正圆并添加描边效果1.制作PC端连衣裙主图48.2.4主图设计90输入文字1.制作PC端连衣裙主图绘制自定义形状567绘制形状8.2.4主图设计91设置投影参数1.制作PC端连衣裙主图89输入文字8.2.4主图设计92制作第2张主图1.制作PC端连衣裙主图10制作其他主图效果118.2.4主图设计93制作第2张主图2.制作移动端连衣裙主图添加矢量蒙版128.2.4主图设计94绘制形状2.制作移动端连衣裙主图完成后的主图效果348.2.4主图设计95制作第2张主图2.制作移动端连衣裙主图制作其他主图效果568.2.4主图设计96制作背景3.制作跨境端连衣裙主图绘制多边形123添加文字8.2.4主图设计97设置投影参数3.制作跨境端连衣裙主图48.2.4主图设计98制作其他主图效果3.制作跨境端连衣裙主图58.2.4主图设计99添加素材效果3.制作跨境端连衣裙主图678完成第5张主图制作完成第6张主图制作8.2.5主图设计100绘制矩形1.制作PC端连衣裙详情页123输入文字绘制圆角矩形8.2.5主图设计101制作颜色展现效果1.制作PC端连衣裙详情页45绘制矩形并添加图像8.2.5主图设计102输入文字1.制作PC端连衣裙详情页67制作细节展现8.2.5主图设计103绘制描边线框1.制作PC端连衣裙详情页89制作评价与售后8.2.5主图设计104绘制自定形状1.制作PC端连衣裙详情页绘制形状101112输入文字8.2.5主图设计1051.制作PC端连衣裙详情页制作评价与售后138.2.5主图设计1062.制作移动端连衣裙详情页绘制矩形并添加图像12绘制形状下面将对移动端连衣裙详情页的制作方法进行介绍，其具体操作如下。8.2.5主图设计1072.制作移动端连衣裙详情页输入文字34绘制形状8.2.5主图设计1082.制作移动端连衣裙详情页设置投影参数58.2.5主图设计1092.制作移动端连衣裙详情页设置详细参数67添加其他图像并描边8.2.5主图设计1102.制作移动端连衣裙详情页输入详细参数内容89添加细节展现图像8.2.5主图设计1112.制作移动端连衣裙详情页绘制两个矩形在矩形上方输入文字10118.2.5主图设计1123.制作跨境端连衣裙详情页制作焦点图制作颜色展示图128.2.5主图设计1133.制作跨境端连衣裙详情页绘制形状输入详细参数文字348.2.5主图设计1143.制作跨境端连衣裙详情页制作细节图添加英文评价图568.2.5主图设计1153.制作跨境端连衣裙详情页绘制形状添加英文评价图788.1ITMC网店设计基础及要点8.2服装服饰类网店设计8.3电脑配件类网店设计8.3.1主图设计1171.店标设计新建图像文件输入店标文字12本例通过蓝色、圆与文字的应用设计店标，其具体操作如下。8.3.1主图设计1181.店标设计绘制圆填充选区348.3.1主图设计1192.移动端店铺店标设计新建文件查看完成后的效果12本例将在PC端店铺店招的基础上制作移动端店铺店招，使效果更加统一，其具体操作如下。8.3.1主图设计1203.跨境端店铺店标设计新建文件查看完成后的效果12本例将对品牌名称进行简洁的罗列展示，使买家一目了然。为了配合PC端与无线端，将应用相同的字体与颜色，其具体操作如下。8.3.2店招设计121选择背景12背景效果34添加文字添加店标8.3.3Banner设计1221.IPad保护套Banner设计填充渐变色绘制形状12下面将制作iPad保护套PC端、移动端和跨境端3种形式的Banner，其具体操作如下。8.3.3Banner设计1231.IPad保护套Banner设计添加商品绘制形状348.3.3Banner设计1241.IPad保护套Banner设计添加文本添加图形修饰568.3.3Banner设计1251.IPad保护套Banner设计添加文本添加图形修饰788.3.3Banner设计1261.IPad保护套Banner设计添加商品910输入文字11查看效果8.3.3Banner设计1272.Macbook转换器Banner设计添加商品添加品牌标签12本例将为ITMC提供的Macbook转换器设计Banner，其具体操作如下。8.3.3Banner设计1282.Macbook转换器Banner设计添加文本添加价格348.3.3Banner设计1292.Macbook转换器Banner设计渐变填充背景添加商品568.3.3Banner设计1302.Macbook转换器Banner设计添加文字输入促销文字788.3.3Banner设计1313.USB音响Banner设计12下面将制作USB音响PC端、移动端和跨境端3种形式的Banner，其具体操作如下。 添加商品添加文字8.3.3Banner设计1323.USB音响Banner设计34添加描边查看效果8.3.3Banner设计1333.USB音响Banner设计56添加图形绘制圆7添加图形8绘制圆8.3.3Banner设计1343.USB音响Banner设计添加图形98.3.3Banner设计1353.USB音响Banner设计查看效果108.3.3Banner设计1364.投影仪Banner设计添加商品12添加商品8.3.3Banner设计1374.投影仪Banner设计添加促销文本34添加价格8.3.3Banner设计1384.投影仪Banner设计绘制矩形56绘制斜线8.3.3Banner设计1394.投影仪Banner设计绘制正圆78制作投影8.3.3Banner设计1404.投影仪Banner设计添加图层混合模式910输入文字8.3.3Banner设计1414.投影仪Banner设计制作背景效果108.3.3Banner设计1424.投影仪Banner设计添加投影仪素材1112设置投影参数8.3.3Banner设计1434.投影仪Banner设计制作背景效果138.3.4主图设计1441.制作PC端主图新建文件1添加主图商品创建渐变238.3.4主图设计1451.制作PC端主图添加文字4查看完成后的效果绘制多边形568.3.4主图设计1461.制作PC端主图制作第2张主图7制作其他主图效果88.3.4主图设计1472.制作移动端主图新建文件123制作背景添加商品与投影8.3.4主图设计1482.制作移动端主图添加文字456绘制矩形与线条8.3.4主图设计1492.制作移动端主图7绘制矩形与线条8.3.4主图设计1503.制作跨境端主图123新建文件添加商品与形状添加文本8.3.4主图设计1513.制作跨境端主图4制作跨境端其他主图效果8.3.5详情页设计1521.PC端店铺鼠标详情页设计123设置图案叠加绘制形状输入文字8.3.5详情页设计1531.PC端店铺鼠标详情页设计456展示黑色鼠标效果展示白色鼠标效果绘制形状8.3.5详情页设计1541.PC端店铺鼠标详情页设计78绘制自定形状输入文本8.3.5详情页设计1551.PC端店铺鼠标详情页设计910添加鼠标图像并绘制形状添加并设置文本1112绘制形状添加并设置文本8.3.5详情页设计1561.PC端店铺鼠标详情页设计14绘制变换矩形13复制并变换矩形8.3.5详情页设计1571.PC端店铺鼠标详情页设计添加素材图像158.3.5详情页设计1581.PC端店铺鼠标详情页设计17复制图层并修改内容16添加素材图像8.3.5详情页设计1591.PC端店铺鼠标详情页设计19绘制变换矩形18添加并设