淘宝天猫网店美工全能一本通:配色 抠图 装修 无线店铺(视频指导版)
上QQ阅读APP看书,第一时间看更新

1.2 熟悉Photoshop图像处理软件

随着电子商务的发展,网店已经成为人们生活中必不可少的部分。作为网店美工,如何在竞争日益激烈的电子商务市场中脱颖而出成为了成功的关键,通过Photoshop制作出具有吸引力、宣传力的图片,提高店铺的视觉营销效果,是当前网店美工必须解决的问题。当然,作为一个网店美工新手,了解并掌握Photoshop的基本使用方法是进行其他操作的前提,下面将对Photoshop CS6的基础知识进行介绍,主要包括工作界面、常用工具、“图层”面板、图层操作、图层样式和常用快捷键。

1.2.1 认识Photoshop CS6的工作界面

选择【开始】/【所有程序】/【Adobe Photoshop CS6】菜单命令,启动Photoshop CS6,将打开如图1-6所示的工作界面,该界面主要由标题栏、菜单栏、工具箱、工具属性栏、面板组、图像窗口、状态栏组成。下面对Photoshop CS6工作界面的各组成部分进行详细讲解。

0

图1-6 Photoshop CS6工作界面

  • 菜单栏:菜单栏用于将Photoshop所有的操作进行分类,包括文件、编辑、图像、图层、文字、选择、滤镜、3D、视图、窗口、帮助共11个菜单,每个菜单项下内置了多个相关的菜单命令。
  • 标题栏:标题栏用于显示当前打开文件的名称,当打开多个图像文件时,将以选项卡的方式排列显示,以便切换查看和使用。
  • 工具箱:工具箱中集合了绘制图像、修饰图像、创建选区、调整图像显示比例等工具按钮。若工具按钮右下角有黑色小三角形,表示该工具位于一个工具组中,单击黑色小三角形,或在该工具按钮上按住鼠标左键不放或单击鼠标右键,将显示隐藏的工具。
  • 工具属性栏:当用户选择工具箱中的某个工具时,工具属性栏将变成对应的工具属性栏进行设置。
  • 面板组:Photoshop CS6中的面板组默认显示在工作界面的右侧,是工作界面中非常重要的一个组成部分,用于选择颜色、编辑图层、新建通道、编辑路径、撤销编辑等操作。选择“窗口”菜单命令,在打开的子菜单中选择相应的菜单命令,可显示或隐藏对应的面板。
  • 图像窗口:图像窗口是对图像进行浏览和编辑操作的主要场所,所有的图像处理操作都是在图像窗口中进行的。
  • 状态栏:状态栏位于图像窗口的底部,最左端显示当前图像窗口的显示比例,在其中输入数值并按“Enter”键可改变图像的显示比例,中间将显示当前图像文件的大小。

1.2.2 认识Photoshop CS6的常用工具

在Photoshop CS6中制作或处理图像过程中经常需要使用到一些工具,如图1-7所示。下面分别进行介绍。

0

图1-7 Photoshop CS6的常用工具

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

1.2.3 认识Photoshop CS6的“图层”面板

图层好比是一张透明的醋酸纸,层与层之间是叠加的。若上层无任何图像,则对当前层无影响,若上层有图像,则与当前层重叠的部分会遮住当前层的图像。单击“图层”面板,将显示图层信息,如图1-8所示。

0

图1-8 “图层”面板

“图层”面板的部分选项与常用操作介绍如下。

  • 图层混合模式:用于创建图层的各种特殊效果,包括溶解、变暗、正片叠底、颜色加深、线性加深、叠加、柔光、亮光、强光。
  • 图层不透明度、图层填充:图层填充针对的是图层上的填充颜色,对图层上添加的一些描边、投影、斜面浮雕等特效不起作用;图层不透明度则针对的是整个图层,包括图层特效。
  • 图层锁定栏:用于设置选择图层的锁定方式,其中包括“锁定透明像素”按钮0、“锁定图像像素”按钮0、“锁定位置”按钮0、“锁定全部”按钮0。锁定的对象不能进行编辑。
  • “创建新图层”按钮0:用于创建一个新的空白图层。
  • “删除图层”按钮0:用于删除选择的图层。
  • 显示/隐藏图标0:单击可切换显示和隐藏图层,若按“Alt”键单击该图标,可切换显示或隐藏其他图层。
  • “链接图层”按钮0:用于链接两个或两个以上的图层,方便同时进行缩放或透视等操作。
  • “添加图层样式”按钮0:用于选择和设置图层的样式。
  • “添加图层蒙版”按钮0:单击该按钮,可为图层添加蒙版。

1.2.4 图层常用的操作

图层的常用操作包括复制、移动、合并和盖印等,分别介绍如下。

  • 复制图层:按“Ctrl+J”组合键可复制当前选择的图层,拖动图层至“新建图层”按钮0上也可复制该图层。
  • 移动图层的顺序:选择【图层】/【排列】菜单命令,从打开的子菜单中选择需要的命令即可移动图层的顺序,也可在“图层”面板直接拖动图层到其他位置实现图层顺序的更改。
  • 合并图层:选择两个或两个以上要合并的图层,选择【图层】/【合并图层】菜单命令或按“Ctrl+E”组合键可将多个图层合并为一个图层。选择【图层】/【合并可见图层】菜单命令,或按“Shift+Ctrl+E”组合键将合并可见的图层,其中隐藏的图层不进行合并。
  • 盖印图层:若要将多个图层的内容合并到一个新的图层中,同时保留原来的图层不变,可执行盖印图层操作。选择一个图层,按“Ctrl+Alt+E”组合键,可将该图层盖印到下面的图层中,原图层保持不变;选择多个图层,按“Ctrl+Alt+E”组合键,可将选择的图层盖印到一个新的图层中,原图层中的内容保持不变;按“Shift+Ctrl+Alt+E”组合键,可将所有可见图层中的图像盖印到一个新的图层中,原图层保持不变。

1.2.5 认识与应用图层样式

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

0

图1-9 “图层样式”对话框

  • 选择【图层】/【图层样式】菜单命令,在打开的子菜单中选择一种效果命令。
  • 在“图层”面板中单击“添加图层样式”按钮0,在打开的下拉列表中选择一种效果选项。
  • 直接双击需要添加效果的图层右侧的空白部分。

打开“图层样式”对话框后,单击选中“图层样式”窗口左侧的复选框可切换到对应的设置面板。常用图层样式的效果介绍如下。

  • 混合选项:混合选项图层样式可以控制图层与其下面的图层混合的方式。图层混合样式包括溶解、变暗、叠加、强光、变亮、颜色加深等。图1-10所示为强光混合模式效果。
0

图1-10 强光混合模式效果

  • 斜面和浮雕:“斜面和浮雕”图层样式可以使图层中的图像产生凸出和凹陷的斜面和浮雕效果,还可以添加不同组合方式的高光和阴影。
  • 等高线:使用“等高线”图层样式可以勾画在浮雕处理中被遮住的起伏、凹陷、凸起的线,且设置不同等高线生成的浮雕效果也不同。
  • 纹理:使用“纹理”图层样式可以为斜面和浮雕应用图案填充效果。
  • 描边:描边图层样式可以沿图像边缘填充一种颜色,如图1-11所示。
  • 内阴影:内阴影图层样式可以在紧靠图层内容的边缘内添加阴影,使图层图像产生凹陷效果,如图1-12所示。
0

图1-11 黑色描边效果

0

图1-12 内阴影效果

  • 内发光:内发光图层样式可以沿图像的边缘向内创建发光效果。
  • 光泽:通过为图层添加光泽样式,可以在图像中产生游离的发光效果。
  • 颜色叠加:颜色叠加图层样式可以在图层上叠加指定的颜色,通过设置颜色的混合模式和不透明度来控制叠加效果。
  • 渐变叠加:渐变叠加图层样式可以在图层上叠加指定的渐变颜色。
  • 图案叠加:图案叠加图层样式可以在图层上叠加指定的图案,并且可以缩放图案,设置图案的不透明度和混合模式,如图1-13所示。
  • 外发光:外发光图层样式是沿图像边缘向外产生发光效果。
  • 投影:投影图层样式用于模拟物体受光后产生的投影效果,可以增加层次感,图1-14所示为添加投影前后的效果。
0

图1-13 图案叠加效果

0

图1-14 投影效果

1.2.6 Photoshop中的常用快捷组合键

在使用Photoshop处理商品图片或设计商品广告过程中,使用相应的快捷键无疑会比选择菜单命令节省时间。表1-1中总结了淘宝美工常用的快捷组合键。

表1-1 常用快捷组合键

0

1.2.7 促销标签制作实战

下面以制作促销标签为例,讲解Photoshop的基础操作方法,包括新建、打开、保存图像文件,文字工具、多边形工具、渐变填充工具,图层的管理与图层样式的应用。在设计标签时,将以“促销”为主题,选择大红色与较粗的促销字体,放置在主图上,在外形上将考虑从具有爆炸感觉的星形着手,烘托促销氛围,再将制作的标签放置在主图上,参考效果如图1-15所示。

0

图1-15 促销标签效果

0

熟悉Photoshop软件

下面进行促销标签的制作,其具体操作如下。

步骤01 在“开始”菜单中选择Adobe Photoshop CS6菜单命令,启动Photoshop CS6。选择【文件】/【新建】菜单命令,打开“新建”对话框,设置名称为“标签”,宽度和高度均为“1000像素”,其他属性保持默认设置,单击0按钮,如图1-16所示。

0

图1-16 新建文件

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

0

图1-17 设置并绘制多边形

步骤03 在多边形工具属性栏中单击“填充”栏后的色块,在打开的面板中单击“渐变填充”按钮0,设置填充方式为“径向填充”,分别双击色标打开“拾色器(色标)”对话框,分别设置渐变颜色为“#ff6516、#ea0801”,如图1-18所示。

0

图1-18 设置形状填充

步骤04 从中心向图形边缘拖动鼠标指针创建渐变填充效果,在工具属性栏设置描边颜色为“#ad0000”,描边粗细为“10点”,描边样式为“实线”,填充与描边效果如图1-19所示。

0

图1-19 查看填充与描边效果

步骤05 在“图层”面板中选择刚才绘制的多边形图层,按“Ctrl+J”组合键复制该图层,如图1-20所示。

0

图1-20 复制图层

步骤06 选择“横排文字工具”0,在工具属性栏设置字体为“汉仪粗黑简、181、#80201c”,输入文字“最低价”,调整字号;继续输入“99.99”文本,字体格式为“方正兰亭特黑扁_GBK、白色”,调整字号与位置,效果如图1-21所示。

0

图1-21 输入文本

步骤07 选择“最低价”文本图层,在“图层”面板底部单击“添加图层样式”按钮0,在打开的对话框中单击选中“投影”复选框,投影参数如图1-22所示。

0

图1-22 添加投影

步骤08 单击0按钮返回工作界面查看投影效果,如图1-23所示。

0

图1-23 查看投影效果

步骤09 选择“直线工具”0,在工具属性栏中设置填充颜色为“#bfbfbf”,粗细为“8像素”,取消描边,按住“Shift”键向右拖动鼠标绘制直线,如图1-24所示。

0

图1-24 添加描边样式

步骤10 选择多边形副本图层,选择“钢笔工具”0,按住“Ctrl”键单击图形边缘,激活该路径,释放“Ctrl”键,单击删除不需要的节点,单击曲线添加节点,按住“Ctrl”键拖动节点与控制柄调整曲线,如图1-25所示。

0

图1-25 编辑曲线

步骤11 选择“多边形工具”0,在其属性设置填充为白色,无描边,在“图层”面板将该图层的不透明度设置为“35%”,效果如图1-26所示。

0

图1-26 设置图层的不透明度

步骤12 单击“背景”图层前面的眼睛图标0,取消眼睛图标的显示,隐藏该图层,效果如图1-27所示。

0

图1-27 隐藏图层

步骤13 选择【文件】/【储存为】菜单命令,打开“储存为”对话框,选择格式为“PNG(*.PNG:*.PNS)”选项,单击0按钮,如图1-28所示。完成本例的制作(配套资源:\效果文件\第1章\标签.png)。

0

图1-28 储存文件

经验之谈

保存标签的格式为PNG格式可以制作成无背景的效果,方便添加到商品图片上。

新手试练

为了更加了解网店美工的工作内容,可浏览淘宝网中各式各样的店铺,发现某些店铺中有精美的图片,可以收集并保存下来,图1-29所示为一些标签示例。

0

图1-29 精美淘宝标签

然后进行制作,为了使制作的标签符合需要,需要注意以下两个方面。

  • 标签的外观、颜色、字体要符合商品图的风格与主题。
  • 标签中的文本应清晰、易识别。