- 淘宝天猫网店美工:商品拍摄 店铺装修 视频制作(视频指导版 第2版)
- 何叶 马小红 李淑君主编
- 4593字
- 2025-02-18 03:19:08
1.2 熟悉Photoshop图像处理软件
一般来说,具有强烈视觉效果的图片会更加吸引消费者点击查看,也更有利于提高店铺的流量与转化率。对于网店美工人员而言,则需要通过Photoshop制作出精美、具有吸引力的图片,来提升店铺的视觉效果。当然,作为一个网店美工新手,了解并掌握Photoshop的基本使用方法是进行其他操作的前提。下面将对Photoshop CS6的基础知识进行介绍,主要包括工作界面、常用工具、“图层”面板和图层样式。
1.2.1 认识Photoshop CS6的工作界面
选择【开始】/【所有程序】/【Adobe Photoshop CS6】菜单命令,启动Photoshop CS6,打开图1-6所示的工作界面。该工作界面主要由标题栏、菜单栏、工具箱、工具属性栏、面板组、图像窗口、状态栏组成。下面对Photoshop CS6工作界面的各组成部分进行详细讲解。
▪菜单栏:用于将Photoshop所有的操作进行分类,包括文件、编辑、图像、图层、文字、选择、滤镜、3D、视图、窗口、帮助共11个菜单,每个菜单项下内置了多个相关的菜单命令。
▪标题栏:用于显示当前打开文件的名称,当打开多个文件时,文件将以选项卡的方式排列显示,以便切换、查看和使用。
▪工具箱:集合了绘制图像、修饰图像、创建选区、调整图像显示比例等工具按钮。若工具按钮右下角有黑色小三角形,表示该工具位于一个工具组中,在该工具按钮上按住鼠标不放,将显示隐藏的工具。

图1-6 Photoshop CS6工作界面
▪工具属性栏:当用户选择工具箱中的某个工具时,工具属性栏将变成对应的工具属性栏,可在工具属性栏中进行设置。
▪面板组:默认显示在工作界面的右侧,是工作界面中非常重要的一个组成部分,用于选择颜色、编辑图层、新建通道、编辑路径、撤销编辑等操作。选择“窗口”菜单命令,在打开的子菜单中选择相应的菜单命令,可显示或隐藏对应的面板。
▪图像窗口:浏览和编辑图像的主要场所,所有的图像处理操作都是在图像窗口中进行的。▪状态栏:位于图像窗口的底部,最左端显示当前图像窗口的显示比例,在其中输入数值并按“Enter”键可改变图像的显示比例,中间将按新的显示比例显示当前文件。
1.2.2 认识Photoshop CS6的常用工具
在Photoshop CS6中制作或处理图像经常需要使用一些工具,如图1-7所示。下面分别进行介绍。

图1-7 Photoshop CS6的常用工具
▪规则选框工具组:包括矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具;用于在文件中创建各种类型的选区;创建后,操作只对选区内的内容有效,选区外不受任何影响。
▪套索工具组:包括套索工具、多边形套索工具、磁性套索工具;用于建立复杂的几何形状的选区。
▪魔棒工具组:包括快速选择工具和魔棒工具;用于选取图像中颜色相近或有大色块单色区域的图像;通过图像中相邻像素的颜色近似程度来创建选区。
▪橡皮擦工具组:包括橡皮擦工具、背景橡皮擦工具、魔术橡皮擦工具,用于擦除不需要的颜色。
▪移动工具:用于移动选区内容、辅助线或层的内容,也可以将选择内容移至其他文件中。
▪钢笔工具组:包括钢笔工具、自由钢笔工具、转换点工具、添加锚点工具、删除锚点工具,用于绘制与编辑路径。
▪形状工具组:包括椭圆工具、矩形工具、圆角矩形工具、多边形工具、直线工具和自定义形状工具,用于绘制不同的形状或路径。
▪裁剪与切片工具组:包括裁剪工具、透视裁剪工具、切片工具、切片选择工具,用于将图像裁剪成需要的大小或将图像切割成多个部分保存。
▪画笔工具组:包括画笔工具、铅笔工具、颜色替换工具、混合器画笔工具,用于绘制各种图形、图案或为选区上色、描边。
▪图像修复工具组:包括修复画笔工具、污点修复画笔工具、修补工具、红眼工具和内容感知移动工具,用于去除图像中的污点或修补图像。
▪图章工具组:包括仿制图章工具、图案图章工具,用于吸取图像中的一部分或用图像中的图案修补图像的其他部分。
▪减淡与加深工具组:包括加深工具、减淡工具、海绵工具,用于使涂抹过的区域颜色加深变暗或减淡变亮,或降低部分图像的饱和度。
▪涂抹工具组:包括涂抹工具、模糊工具、锐化工具,分别用于涂抹图像中的颜色,模糊部分图像,或提高部分图像的清晰度;常用于首饰珠宝图像的修饰。
▪文本工具组:包括横排文字工具、直排文字工具、横排文字蒙版工具、直排文字蒙版工具,用于输入横排文字、竖排文字、文字选区、段落文本。
▪前景色/背景色色块:前景色是插入、绘制图形的颜色,背景色是需要处理的图片底色,背景色默认为白色。按“Ctrl+Delete”组合键可以用背景色填充当前图形,按“Alt+Delete”组合键可以用前景色填充当前图形。单击对应的色块可以打开颜色设置对话框,在其中可选择颜色。
1.2.3 认识Photoshop CS6的“图层”面板
图层好比是一张透明的醋酸纸,层与层之间是叠加的。若上层无任何图像,则对当前层无影响,若上层有图像,则上层图像会遮住与当前层重叠的图像。单击“图层”,将显示图层信息,如图1-8所示。

图1-8 “图层”面板
“图层”面板的部分选项与常用操作介绍如下。
▪图层混合模式:用于创建图层的各种特殊效果,包括溶解、变暗、正片叠底、颜色加深、线性加深、叠加、柔光、亮光、强光等。
▪图层不透明度、图层填充:图层填充针对的是图层上的填充颜色,对图层上添加的一些描边、投影、斜面和浮雕等特效不起作用;图层不透明度则针对的是整个图层,包括图层特效。
▪图层锁定栏:用于设置选择图层的锁定方式,其中包括“锁定透明像素”按钮、“锁定图像像素”按钮
、“锁定位置”按钮
、“锁定全部”按钮
。不能对锁定的对象进行编辑。
▪“创建新图层”按钮:用于创建一个新的空白图层。
▪“删除图层”按钮:用于删除选择的图层。
▪显示/隐藏图标:单击可切换显示和隐藏图层,若按“Alt”键单击该图标,可切换显示或隐藏其他图层。
▪“链接图层”按钮:用于链接两个或两个以上的图层,方便同时进行缩放或透视等操作。
▪“添加图层样式”按钮:用于选择和设置图层的样式。
▪“添加图层蒙版”按钮:单击该按钮,可为选择的图层添加蒙版。
微课堂——图层常用的操作
认识了Photoshop CS6的“图层”面板后,我们还需要了解有关图层的常用操作,提高Photoshop的实际操作技能。图层的常用操作包括复制、移动、合并和盖印等。

1.2.4 认识与应用图层样式
为了使图像更加立体,可通过设置图层样式创建出各种特殊的图像效果,如光泽、内阴影、斜面、浮雕等。图层样式的设置需要打开“图层样式”对话框,如图1-9所示。打开该对话框的方法主要有3种,分别介绍如下。

图1-9 “图层样式”对话框
▪选择【图层】/【图层样式】菜单命令,在打开的子菜单中选择一种效果命令。
▪在“图层”面板中单击“添加图层样式”按钮,在打开的下拉列表中选择一种效果选项。
▪直接双击需要添加效果的图层右侧的空白部分。
打开“图层样式”对话框后,单击选中“图层样式”对话框左侧的复选框可切换到对应的设置面板。常用图层样式介绍如下。
▪混合选项:可以控制当前图层与其下面的图层混合的模式。图层混合模式包括滤色、溶解、叠加、强光、变亮、颜色加深等,图1-10所示为滤色混合模式效果。



图1-10 滤色混合模式效果
▪斜面和浮雕:可以使图层中的图像产生凸起和凹陷的斜面和浮雕效果,还可以添加不同组合方式的高光和阴影。
▪等高线:可以勾画在浮雕处理中图像被遮住的起伏、凹陷、凸起的线,且设置不同等高线生成的浮雕效果也不同。
▪纹理:可以为应用斜面和浮雕图层样式的图案填充效果。
▪描边:可以沿图像边缘填充颜色图案。
▪内阴影:可以在紧靠图层内容的边缘内添加阴影,使图层图像产生凹陷效果。
▪内发光:可以沿图像的边缘向内产生发光效果。
▪光泽:可以在图像中产生游离的发光效果。
▪颜色叠加:可以在图层上叠加指定的颜色,通过设置颜色的混合模式和不透明度来控制叠加效果。
▪渐变叠加:可以在图层上叠加指定的渐变颜色。
▪图案叠加:可以在图层上叠加指定的图案,并且可以缩放图案,设置图案的不透明度和混合模式。
▪外发光:可以沿图像边缘向外产生发光效果。
▪投影:用于模拟物体受光后产生的投影效果,可以增加图像的层次感。
1.2.5 实战——制作促销标签

制作促销标签
下面以制作促销标签为例,讲解Photoshop的基础操作方法,包括新建、打开、保存图像文件,使用横排文字工具、多边形工具、渐变工具等。在设计标签时,以红色为主色调,加上文字的运用,烘托促销氛围,再将制作的标签放置在主图上,参考效果如图1-11所示。


图1-11 促销标签效果
下面进行促销标签的制作,其具体操作如下。
步骤 01 在“开始”菜单中选择“Adobe Photoshop CS6”菜单命令,启动PhotoshopCS6。选择【文件】/【新建】菜单命令,打开“新建”对话框,设置名称为“标签”,宽度和高度均为“1000像素”,其他属性保持默认设置,单击按钮,如图1-12所示。

图1-12 新建文件
步骤 02 选择“多边形工具”,在工具属性栏中设置边为“12”,单击“设置”按钮
,在打开的面板中单击选中“星形”复选框,并将“缩进边依据”设置为“20%”,在画布上拖动鼠标绘制多边形,效果如图1-13所示。


图1-13 设置并绘制多边形
步骤 03 在多边形工具属性栏中单击“填充”栏后的色块,在打开的面板中单击“渐变”按钮,分别双击色标打开“拾色器(色标)”对话框,分别设置渐变颜色为“#ff0000”“#edda70”,如图1-14所示。


图1-14 设置渐变填充
步骤 04 在“图层”面板中选择刚才绘制的多边形图层,按“Ctrl+J”组合键复制该图层,如图1-15所示。


图1-15 复制图层
步骤 05 选择复制的多边形图层,在工具属性栏中取消填充,设置描边颜色为“白色”,描边宽度为“5点”,先按“Ctrl+T”组合键打开变换框,再按住“Shift+Alt”组合键并拖动变换框四角的控制点缩小多边形,如图1-16所示。


图1-16 设置多边形
步骤 06 选择“多边形1副本”图层,按“Ctrl+J”组合键复制该图层,在工具属性栏设置描边选项为第2项,描边宽度为“3点”,使用相同的方法缩小多边形,如图1-17所示。


图1-17 设置多边形
步骤 07 选择“背景”图层,选择“钢笔工具”,在工具属性栏中单击
按钮,在打开的下拉列表中选择“形状”选项,并设置填充颜色为“#ff0503”,取消描边,绘制丝带形状,如图1-18所示。

图1-18 绘制丝带形状
步骤 08 选择形状1图层,按“Ctrl+J”组合键复制该图层,选择复制的图层,按“Ctrl+T”组合键打开变换框,在图像中单击鼠标右键,在弹出的快捷菜单中选择“水平翻转”命令,并将翻转后的形状移动到多边形右侧,效果如图1-19所示。

图1-19 复制并调整形状
步骤 09 选择“横排文字工具”,在工具属性栏设置文本格式为“黑体、190点、白色”,输入“热销”文本,继续输入“HOT SALE”文本,更改字号为“60点”,调整位置,效果如图1-20所示。

图1-20 输入文本
步骤 10 选择“钢笔工具”,设置填充颜色为白色,在文本上方绘制皇冠形状,如图1-21所示。

图1-21 绘制皇冠形状
步骤 11 选择“热销”文本图层,在“图层”面板底部单击“添加图层样式”按钮,在打开的对话框中单击选中“投影”复选框,设置投影参数如图1-22所示。

图1-22 添加投影
步骤 12 单击按钮返回工作界面查看投影效果,按住“Alt”键拖动“热销”文本图层后侧的“图层样式”图标
到“HOT SALE”文本图层上,复制投影效果,效果如图1-23所示。

图1-23 复制图层样式
步骤 13 单击“背景”图层前面的“显示/隐藏”图标,隐藏该图层,效果如图1-24所示。


图1-24 隐藏图层
步骤 14 选择【文件】/【存储为】菜单命令,打开“存储为”对话框,在“格式”下拉列表中选择“PNG(*.PNG;*.PNS)”选项,单击按钮,如图1-25所示。保存文件完成制作(配套资源:\效果文件\第1章\标签.png)。

图1-25 存储文件
新手试练
为了更加了解网店美工的工作内容,可浏览淘宝网中各式各样的店铺,当发现某些店铺中有精美的图片时,可以将图片保存下来。图1-26所示为一些精美淘宝标签。

图1-26 精美淘宝标签
为了使制作的标签符合要求,需要注意以下两个方面。
▪标签的外观、颜色、字体要符合商品图的风格与主题。
▪标签中的文本应清晰、易识别。