淘宝美工店铺装修课件.pptx

1、淘宝美工培训教程呦 呦 鹿 鸣 寨 美 一 方 鹿 寨 电 商Photoshop篇目 录CONTENTS123Photoshop概述Ps应用领域Ps界面介绍Ps效果制作图片调色宝贝展示图设计文字效果Ps工具的基础使用常用工具介绍去污去水印抠图动图效果倒影效果Ps文件存储格式PART1Photoshop概述Ps应用领域Ps界面介绍Ps文件存储格式Ps应用领域美工设计平面设计绘画Ui设计网页制作影像后期应用领域 美工处理是集平面设计与网页设计一体的，对平面、色彩、基调等处理 Photoshop应用最广泛的领域，海报、书籍封面、广告图等。插画师通过铅笔绘制线稿，利用ps上色方法进行绘制绘画。Phot

2、oshop有强大的图像修饰、调色功能，对照片进行美化、修复处理。photoshop是必不可少的网页图像制作软件，需要通过ps制作网页图像页面。手机上电脑上的软件图标也是利用Photoshop进行制作的。Ps界面介绍Ps文件存储格式Jpeg格式：照片的通常保存格式，最常使用Gif格式：动图保存的格式。Png格式：具有透明背景。psd格式：ps专用格式保存图像的每一个数据细节，方便第二次处理。PART2Ps工具的基础使用常用工具介绍抠图去污去水印常用工具介绍移动工具选择工具魔棒及快速选择工具裁切工具绘图及修饰工具文本及路径工具辅助工具移动图层（图像），以及调整照片大小、旋转图片可以快速地选中图片，

3、用于抠图以现有图形快速选中图片，用于抠图裁剪图像的大小修饰图像拖动放大缩小画布抠图蒙版抠图选框工具魔棒工具抠图套索工具色彩范围快速选择工具所有的抠图都是遵从一个原理：将所要抠的图片载入选区，选中后复制出来或把周围不要的部分删去。抠图选框工具 矩形椭圆形选框工具抠图1矩形、椭圆、选框工具如图所示，矩形和椭圆选框工具选项。按住鼠标左键，在画布中拖动可以创建一个矩形、椭圆、行或列的选区。2.当所要抠取的图片符合选框工具的形状时可使用，或裁剪细节展示时选选框工具框工具抠图选框工具 使用步骤1.选择所需要的选框工具（如图1所示）2.按下鼠标左键，拉出选框工具，并使选框工具与所扣图像贴合（如图2所示）3.

4、选好选区后，松开鼠标，ctrl+j复制图像，抠图完毕（如图3所示）图1图2图3抠图套索工具 套索、多边形、磁性套索工具1.普通套索工具一般用于随意性抠图，对图像的要求不是很高时使用；2.边界是直线的物体，如产品包装盒、计算机屏幕等在抠图时可以用“多边形套索工具”进行方便的处理。3.当轮廓边缘比较明显时可以用磁性套索工具进行处理；套索套索工具工具 抠图套索工具 使用步骤：1.选择所需要的套索工具2.A.普通套索，按下鼠标左键不松开，圈出自己所需选区（图1）B.多边形套索，根据边缘状况点击鼠标左键，直至点完到起点（图2）C.磁性套索，点一个点作为起点，移动鼠标磁性套索自动贴到边缘成为选区。（图3）

5、3.选好选区后，松开鼠标，ctrl+j复制图像，抠图完毕图1 普通磁性套索抠图图2 多边形磁性套索抠图图3 磁性套索工具抠图魔棒及快速选择工具 魔棒工具用于色彩区分度比较高的图像使用步骤：1.打开抠像图片，选择魔棒工具；2.用魔棒点击图像中所需抠取部分，直至觉得满意为止；3.选好选区，ctrl+j复制选区出来，完成。抠图魔棒及快速选择工具 快速选择工具使用比较普遍，对于图像的抠取要求不是很高时可以快速地选取抠像使用步骤：1.打开抠像图片，选择快速选择工具；2.按住鼠标左键用快速选择工具选取图像中所需抠取部分；3.选好选区，ctrl+j复制选区出来，完成。抠图色彩范围抠图 当我们要抠一张背景不是

6、纯色有渐变又不好用魔棒工具的时候我们可以用色彩范围使用步骤：1.菜单栏“选择”“色彩范围”，找到色彩范围；2.弹出一个对话框，用吸管点击要删除的区域；抠图色彩范围抠图3.对话框中的白色部分就是选区范围4.按下确定之后，得到一个选区5.按下delete键，删除不要部分或ctrl+shift+i反选选区，ctrl+j将抠取区域复制出来。去污去水印内容识别仿制图章污点修复工具仿制图章工具是photoshop软件的工具，用来复制取样的图像。它能够按自己需要仿制的区域复制全部或者部分到你所需要盖印的区域中。自动分析周围图像的特点，将图像进行拼接组合后填充在该区域并进行融合，从而达到快速无缝的拼接效果污点

7、修复画笔工具是Photoshop中处理照片常用的工具之一。利用污点修复画笔工具可以快速移去照片中的污点和其他不理想部分。去污去水印内容识别应用内容识别快速去掉图片中的水印去污去水印内容识别步骤：1、选择选框工具，对要去掉的地方进行有限度的框选；2、在选区内右键（快捷键：shift+f5）选择填充；3、在弹出的对话框选择内容识别，按确定。去污去水印污点修复画笔工具步骤：1、选择污点修复画笔工具；2、用画笔点一下有污点的地方；3、污点修复之后效果图。去污去水印仿制图章工具步骤：1、选择仿制图章工具；2、按住alt键+鼠标左键对要进行复制的地方进行仿制；3、将仿制的图像涂抹在要盖印的地方（以上的图要

8、去掉周边的图要吸取任务周边的图像）；（注意：对于较复杂的图像，要用一个选区的轮廓进行辅助）PART3Ps效果制作图片调色文字效果宝贝展示图设计倒影效果动图效果图片调色为什么调色？拍出来的照片在一定程度上会有些不够明艳，或者因为拍摄时候光线不够，这时候调色就可以弥补这些照片拍摄前期的不足，调色也就是美化照片。调色所涉及到的ps工具：1.调节亮度、对比度工具A.亮度/对比度B.色阶工具C.曲线工具D.曝光度2.调节照片颜色、鲜艳度A.自然饱和度B.色相/饱和度C.色彩平衡图片调色曝光度只能调整图像的亮度，左调亮度压低，右调亮度调高。向上提曲线面板上的对角线的中间点使图像变亮，向下拉对角线的中间点图

9、像会变暗。向上提对角线的左下角图像左下角部分变亮，向下则变暗；向上提对角线的右上角图像右上角部分变亮，向下则变暗。色阶是表示图像中从暗到亮像素的分布情况，可以调整图片的亮度。移动左边的黑色小三角黑色信息增加，右边的白色小三角白色信息增加，中间灰色小三角向左移动图像变亮，向右移动变暗。亮度/对比度顾名思义就是调整图像的亮度对比度，上为亮度调整，下为对比度调整。拨动中间的小三角形符号便可调节亮度/对比度，左调亮度压低/对比度降低，右调亮度调高/对比度提高。亮度/对比度色阶曲线曝光度图片调色案例图片曝光不足，亮度不够，可以利用亮度/对比度、曝光度、色阶、曲线中的其中一种方法进行亮度调节。用色阶调节之

10、后的效果图图片调色色彩平衡的调节需要一定的色彩基础知识，色彩平衡分为青色、洋红、黄色三部分调节，根据色彩的互补原理调节三类颜色会使原图像色彩发生变化，不懂色彩原理可以慢慢调节摸索调节直至自己满意为止。“色相/饱和度”工具与自然饱和度一样是调整颜色的浓淡。但它是在色相基础上调整的，首相色相的左右滑动会使图像原来的颜色发生变化，而饱和度和自然饱和度一样向左调变淡，向右调变浓。明度是调节图像色彩的明暗程度。自然饱和度是用来调整颜色的鲜艳程度的，分为自然饱和度和饱和度。自然饱和度是在自然的基础上对色彩浓淡微调，饱和度比自然更浓厚。向左调变淡，向右调变浓。自然饱和度色相/饱和度色彩平衡图片调色案例图片色

11、彩不够鲜艳，可以利用自然饱和度、色相饱和度中的其中一种方法进行色彩浓度调节。用自然饱和度调节之后的效果图文字效果文字工具文字工具 如何使用文字编辑器，文字字体选择、文字大小调整、文字颜色等等文字与路径文字渐变文字投影文字图案文字渐变 如何利用渐变工具对文字做渐变效果文字投影 文字投影效果的制作文字图案 利用剪贴蒙版为文字做图案效果文字与路径 如何利用路径工具为文字制作曲线效果文字效果文字工具Ps中打开文字工具可以编辑横版、竖版文字，也可以编写文字蒙版在图层上编辑文字，在字符面板中可以对文字进行大小、颜色、间距等参数调节字体类型选择字体大小调节字体颜色选取 字体的特殊调节字体粗细改变行间距调节字

12、间距调节文字效果文字渐变Ps中打开渐变工具1.在图层面板创建新图层（空白图层）2.文字工具选择横板蒙版工具3.编辑文字，按确定出现文字选区4.点击渐变工具，在空白图层中，在页面选区上从左到右拉一条直线，制作渐变效果5.渐变效果图文字效果文字投影1.选中所需做投影效果的图层2.在图层面板中点击添加图层样式指令3.选择投影效果混合模式不动，默认调节投影透明度调节投影方向调节投影与文字的距离调节投影范围大小调节投影硬软程度4.调整投影效果参数5.调整好投影效果参数后按确定，得到效果图文字效果文字图案1.选择一张为文字做背景图案的图片，并移入到文字所在工作区域内“文件”“置入”，置入文字背景图案的图片

13、2.置入图片后，鼠标右键点击图片图层注意：图片图层必须在文字图层之上3.选择创建图层蒙版4.文字图案效果完成文字效果文字与路径Ps中打开路径工具1.用钢笔工具在工作区域中建立钢笔路径2.打开文字工具，将鼠标移动到路径上，编辑文字3.文字将会在根据路径形状走势建立文字，此为完成效果图宝贝展示图设计宝贝展示图设计主要分为以下几种：1.直接以产品图作为宝贝第一张展示图，不做任何文字修饰2.以产品图作为宝贝第一张展示图，加以店铺名字logo修饰3.产品照片+店铺名logo+商品、促销文字修饰培训以第三种设计作为举例效果制作宝贝展示图设计一.店铺名文字制作二.宝贝描述文字制作三.促销文字制作一.店铺名文

14、字制作1.用文字工具编辑店铺名字，选择合适的字体类型，最好用已设计好的店铺名logo2.用选框工具，拉出一个合适的矩形框，新建一个图层，在新图层上ctrl+F5填充颜色一个合适的颜色。3.将文字颜色从黑色改成白色。店铺名文字制作完成。宝贝展示图设计二.宝贝描述与促销文字制作1.用文字工具编辑好产品描述文字，选择合适的字体类型，字体大小、颜色，排版文字2.在图层面板，ctrl+鼠标左键点击图层缩略图，得到图层轮廓选区（寨美鲜橙蚂蚁线）3.“选择”“修改”“扩展”，将选区范围扩大，扩大量根据自己文字大小选择，此处我选择为5像素。宝贝展示图设计4.在图层面上新建图层，在新图层上按shift+F5填充

15、文字背景颜色，其他文字按2、3、4步骤依次制作。5.完成所有文字背景之后得左图，然后将文字颜色更改以区分的颜色，此处改成白色。6.用多边形套索工具勾勒轮廓，以便下一步为文字做背景修饰7.打开画笔工具，将前景色更改为文字一样的背景颜色宝贝展示图设计8.用画笔工具在选区内进行涂抹9.ctrl+d取消选区，得效果图三.宝贝促销文字制作1.打开路径图形工具，选择圆角矩形工具，并设置好参数，选择贺寿填充颜色2.得到一个带颜色的圆矩形框宝贝展示图设计3.将促销文字编辑好4.用移动工具将文字移动圆矩形上，完成得最终效果图动图效果1.新建一空白图层，将文字一个个打出来2.将所有图层全选中，选择移动工具得垂直居

16、中对齐、水平居中分布方式快速使图层排列整齐（如上图）动图效果3.“窗口”“时间轴”，打开时间轴窗口命令4.弹出时间轴窗口，点击创建帧动画5.多少张动画图层创建多少张帧动画复制帧动画按钮6.除所需出现的图层，其他图层的眼睛给关掉，依次按顺序打开各个图层眼睛动图效果7.设置动图的每一张图层动画播放时间8.存储方式选择存储为web所用格式动图效果9.选择gif，点击存储10.得到效果图倒影效果 镜面倒影阴影倒影倒影效果镜面倒影1.利用快速选择工具将橙子快速抠取，ctrl+j两次复制两个新图像。2.”编辑“”变换“”垂直翻转“，对图层1进行垂直翻转。倒影效果镜面倒影3.翻转后，利用移动工具将图层1移动

17、到如上图所示。4.打开橡皮擦工具，设置参数，画笔选择软画笔，不透明度、流量值调低，对图层1进行擦拭。5.镜像倒影效果完成。倒影效果阴影倒影1.和镜面倒影一样，利用快速选择工具将橙子快速抠取，ctrl+j复制一个新图像。2.在抠像图层下新建两个空白图层3.shift+f5为图层1填充白色4.利用圆形选框工具拉出一个椭圆选框，如图所示倒影效果阴影倒影4.在空白图层2上，shift+f5为椭圆选框填充黑色。5.选择高斯模糊改变黑色椭圆的硬软程度倒影效果阴影倒影6.设置高斯模糊的参数，值越小越实，值越大越虚倒影效果阴影倒影7.第一层阴影倒影已完成8.同样的制作椭圆阴影的方法制作第2层小阴影增加图像阴影的真实感，效果图完成。谢 谢 聆 听T H A N K S F O R Y O U R A T T E N T I O N