淘宝美工店铺装修 课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2017/11/9 Thursday,#,淘宝美工培训教程,呦呦鹿鸣 寨美一方 鹿寨电商,Photoshop,篇,目 录,CONT,ENTS,1,2,3,Photoshop,概述,Ps,应用领域,Ps,界面介绍,Ps,效果制作,图片调色,宝贝展示图设计,文字效果,Ps,工具的基础使用,常用工具介绍,去污,去,水印,抠图,动,图效果,倒影效果,Ps,文件存储格式,PART,1,Photoshop,概述,Ps,应用领域,Ps,界面介绍,Ps,文件存储格式,Ps,应用领域,美工设计,平面,设计,绘画,Ui,设计,网页制作,影像,后期,应用领域,美工处理是集平面设计与网页设计一体的，对平面、色彩、基调等处理,Photoshop,应用最广泛的领域，海报、书籍封面、广告图,等。,插画师通过铅笔绘制线稿，利用,ps,上色方法进行绘制绘画。,Photoshop,有强大的图像修饰、调色功能，对照片进行美化、修复处理。,photoshop,是必不可少的网页图像制作软件，需要通过,ps,制作网页图像页面。,手机上电脑上的软件图标也是利用,Photoshop,进行制作的。,Ps,界面介绍,Ps,文件,存储格式,Jpeg,格式：照片的通常保存格式，最常使用,Gif,格式：动图保存的格式。,Png,格式：具有透明背景。,psd,格式：,ps,专用格式保存图像的每一个数据细节，方便第二次处理。,PART,2,Ps,工具的基础使用,常用工具介绍,抠图,去污去水印,常用工具介绍,移动工具,选择工具,魔棒及快速选择工具,裁切工具,绘图及修饰工具,文本及路径工具,辅助工具,移动图层（图像），以及调整照片大小、旋转图片,可以快速地选中图片，用于抠图,以现有图形快速选中图片，用于抠图,裁剪图像的大小,修饰图像,拖动放大缩小画布,抠图,蒙版抠图,选框工具,魔棒工具,抠图,套索工具,色彩范围,快速选择工具,所有的抠图都是遵从一个原理：将所要抠的图片载入选区，选中后复制出来或把周围不要的部分删去。,抠图,选框工具,矩形椭圆形选框工具抠图,1,矩形、椭圆、选框,工具,如,图所示，矩形和椭圆选框工具选项。按住鼠标左键，在画布中拖动可以创建一个矩形、椭圆、行或列的选区。,2.,当所要抠取的图片符合选框工具的形状时可使用，或裁剪细节展示,时,选,框工具,抠图,选框工具,使用步骤,1.,选择所需要的选框工具（如图,1,所示）,2.,按下鼠标左键，拉出选框工具，并使选框工具与所扣图像贴合（如图,2,所示）,3.,选好选区后，松开鼠标，,ctrl+j,复制图像，抠图完毕（如图,3,所示）,图,1,图,2,图,3,抠图,套索,工具,套索、多边形、磁性套索工具,1.,普通,套索工具,一般用于随意性抠图，对图像的要求不是很高时使用；,2.,边界,是直线的物体，如产品包装盒、计算机屏幕等在抠图时可以用“,多边形套索工具,”进行方便的处理。,3.,当,轮廓边缘比较明显时可以用,磁性套索工具,进行处理；,套索,工具,抠图,套索,工具,使用,步骤：,1,.,选择,所需要的套索,工具,2,.,A.,普通套索,，按下鼠标左键不松开，圈出自己所需选区,（图,1,）,B.,多边形套索,，根据边缘状况点击鼠标左键，直至点完到,起点（图,2,）,C.,磁性套索,，,点一个点作为起点,，移动鼠标磁性套索自动贴到边缘成为选区,。（图,3,）,3.,选好选区后，松开鼠标，,ctrl+j,复制图像，抠图,完毕,图,1,普通,磁性套索抠图,图,2,多边形,磁性套索抠图,图,3,磁性套索工具,抠图,魔,棒及快速选择工具,魔棒工具用于色彩区分度比较高的图像,使用步骤：,1.,打开抠像图片，选择魔棒工具；,2.,用魔棒点击图像中所需抠取部分，直至觉得满意为止；,3.,选好选区，,ctrl+j,复制选区出来，完成。,抠图,魔,棒及快速选择工具,快速选择工具使用比较普遍，对于图像的抠取要求不是很高时可以快速地选取抠像,使用步骤,：,1.,打开抠像图片，选择快速选择工具；,2.,按住鼠标左键用快速选择工具选取图像中所需抠取部分；,3.,选好选区，,ctrl+j,复制选区出来，完成。,抠图,色彩范围抠图,当我们要抠一张背景不是纯色有渐变又不好用魔棒工具的时候我们可以用色彩,范围,使用,步骤：,1.,菜单栏“选择”“色彩范围”，找到色彩范围；,2.,弹出一个对话框，用吸管,点击要删除的区域；,抠图,色彩范围抠图,3.,对话框中的白色部分就是选区范围,4.,按下确定之后，得到,一个,选区,5.,按下,delete,键，删除不要,部分或,ctrl+shift+i,反选选区，,ctrl+j,将抠取区域复制出来。,去污去水印,内容识别,仿制图章,污点修复工具,仿制图章工具是,photoshop,软件的工具，用来复制取样的图像。,它能够按自己需要仿制的区域复制,全部或者部分,到你所需要盖印的区域中。,自动分析周围图像的特点，将图像进行拼接组合后填充在该区域并进行融合，从而达到快速无缝的拼接效果,污点修复画笔工具是,Photoshop,中处理照片常用的工具之一。利用污点修复画笔工具可以快速移去照片中的污点和其他不理想,部分。,去污去水印,内容,识别,应用内容识别快速去掉图片中的水印,去污去水印,内容,识别,步骤：,1,、选择选框工具，对要去掉的地方进行有限度的框选；,2,、在选区内右键（快捷键：,shift+f5,）选择填充；,3,、在弹出的对话框选择内容识别，按确定。,去污去水印,污点修复画笔工具,步骤：,1,、选择污点修复画笔工具；,2,、用画笔点一下有污点的地方；,3,、污点修复之后效果图。,去污去水印,仿制图章工具,步骤,：,1,、选择仿制图章工具；,2,、按住,alt,键,+,鼠标,左键,对要进行复制的地方,进行,仿制,；,3,、,将仿制的,图像涂抹在,要盖印的,地方（以上的图要去掉周边的图要吸取任务周边的图像）；,（注意：对于较复杂的图像，要,用一个,选区的轮廓进行辅助）,PART,3,Ps,效果制作,图片调色,文字效果,宝贝展示图设计,倒影效果,动图效果,图片调色,为什么调色？,拍,出来的照片在一定程度上会有些不够明艳，或者因为拍摄时候光线不够，这时候调色就可以弥补这些照片拍摄前期的不足，调色也就是美化照片。,调色所涉及到的,ps,工具：,1.,调节亮度、对比度工具,A.,亮度,/,对比度,B,.,色阶工具,C,.,曲线工具,D,.,曝光度,2.,调节照片颜色、鲜艳度,A.,自然饱和度,B.,色相,/,饱和度,C.,色彩,平衡,图片调色,曝光度只能调整图像的亮度，,左调亮度,压低，,右调亮度,调高。,向上提曲线面板上的对角线的中间点使图像变亮，向下拉对角线的中间点图像会变暗。向上提对角线的左下角图像左下角部分变亮，向下则变,暗；向上提对角线,的右上角图像右上角,部分变亮，向下则变,暗,。,色阶是表示图像中从暗到亮像素的分布情况,，可以,调整图片的亮度,。移动左边的黑色小三角黑色信息增加，右边的白色小三角白色信息增加，中间灰色小三角向左移动图像变亮，向右移动变暗。,亮度,/,对比度顾名思义就是调整图像的亮度对比度，上为亮度调整，下为对比度调整。拨动中间的小三角形符号便可调节亮度,/,对比度，左调亮度压低,/,对比度降低，右调亮度调高,/,对比度提高。,亮度,/,对比度,色阶,曲线,曝光度,图片调色,案例,图片曝光不足，亮度不够，可以利用亮度,/,对比度、曝光度、色阶、曲线中的其中一种方法进行亮度调节。,用色阶调节之后的效果图,图片调色,色彩平衡的调节需要一定的色彩基础知识，色彩平衡分为青色、洋红、黄色三部分调节，根据色彩的互补原理调节三类颜色会使原图像色彩发生变化，不懂色彩原理可以慢慢调节摸索调节直至自己满意为止。,“,色相,/,饱和度”,工具与自然饱和度一样是调整,颜色的浓淡,。但它是在色相基础上调整的，首相色相的左右滑动会使图像原来的颜色发生变化，而饱和度和自然饱和度一样,向左调变淡，向右调变浓,。明度是调节图像色彩的明暗程度。,自然饱和度是用来调整颜色的鲜艳程度的，分为自然饱和度和饱和度。自然饱和度是在自然的基础上对色彩浓淡微调，饱和度比自然更浓厚。向左调变淡，向右调变浓。,自然饱和度,色相,/,饱和度,色彩平衡,图片调色,案例,图片色彩不够鲜艳，可以利用自然饱和度、色相饱和度中的其中一种方法进行色彩浓度调节。,用自然饱和度调节之后的效果图,文字,效果,文字,工具,文字,工具,如何,使用文字编辑器，文字字体选择、文字大小调整、文字颜色等等,文字与路径,文字渐变,文字投影,文字图案,文字,渐变,如何,利用渐变工具对文字做渐变效果,文字,投影,文字,投影效果的制作,文字,图案,利用剪贴蒙版为文字做图案效果,文字与路径,如何利用路径工具为文字制作曲线效果,文字,效果,文字工具,Ps,中打开文字工具,可以编辑横版、竖版文字，也可以编写文字蒙版,在图层上编辑文字，在字符面板中可以对文字进行大小、颜色、间距等参数调节,字体类型选择,字体大小调节,字体颜色选取,字体的特殊调节,字体粗细改变,行间距调节,字间距调节,文字,效果,文字渐变,Ps,中打开渐变工具,1.,在图层面板创建新图层（空白图层）,2.,文字工具选择横板蒙版工具,3.,编辑文字，按确定出现文字选区,4.,点击渐变工具，在空白图层中，在页面选区上从左到右拉一条直线，制作渐变效果,5.,渐变效果图,文字,效果,文字投影,1.,选中所需做投影效果的图层,2.,在图层面板中点击添加图层样式指令,3.,选择投影效果,混合模式不动，默认,调节投影透明度,调节投影方向,调节投影与文字的距离,调节投影范围大小,调节投影硬软程度,4.,调整投影效果参数,5,.,调整好投影效果参数后按确定，得到效果图,文字,效果,文字图案,1.,选择一张为文字做背景图案的图片，并移入到文字所在工作区域内,“文件”“置入”，置入文字背景图案的图片,2.,置入图片后，鼠标右键点击图片图层,注意：图片图层必须在文字图层之上,3.,选择创建图层蒙版,4.,文字图案效果完成,文字,效果,文字与路径,Ps,中打开路径工具,1.,用钢笔工具在工作区域中建立钢笔路径,2.,打开文字工具，将鼠标移动到路径上，编辑文字,3.,文字将会在根据路径形状走势建立文字，此为完成效果图,宝贝展示图设计,宝贝展示图设计主要分为以下几种：,1.,直接以产品图作为宝贝第一张展示图，不做任何文字修饰,2,.,以产品图作为宝贝第一张展示图，加以店铺名字,logo,修饰,3.,产品照片,+,店铺名,logo+,商品、促销文字修饰,培训,以第三种设计作为举例效果制作,宝贝展示图设计,一,.,店铺名文字制作,二,.,宝贝描述文字制作,三,.,促销文字,制作,一,.,店铺名文字,制作,1.,用文字工具编辑店铺名字，选择合适的字体类型，最好用已设计好的店铺名,logo,2,.,用,选,框工具，拉出一个合适的矩形框，新建一个图层，在新图层上,ctrl+F5,填充颜色,一,个合适的颜色。,3.,将文字颜色从黑色改成白色。,店铺,名文字制作完成。,宝贝展示图设计,二,.,宝贝描述与促销文字,制作,1.,用文字工具编辑好产品描述文字，选择合适的字体类型，字体大小、颜色，排版文字,2.,在图层面板，,ctrl+,鼠标左键点击图层缩略图，得到图层轮廓选区（寨美鲜橙蚂蚁线）,3.,“选择”“修改”“扩展”，将选区范围扩大，扩大量根据自己文字大小选择，此处我选择为,5,像素。,宝贝展示图设计,4,.,在图层面上新建图层，在新图层上按,shift+F5,填充文字背景颜色，其他文字按,2,、,3,、,4,步骤依次制作。,5.,完成所有文字背景之后得左图，然后将文字颜色更改以区分的颜色，此处改成白色。,6.,用多边形套索工具勾勒轮廓，以便下一步为文字做背景修饰,7.,打开画笔工具，将前景色更改为文字一样的背景颜色,宝贝展示图设计,8.,用画笔工具在选区内进行涂抹,9.ctrl+d,取消选区，得效果图,三,.,宝贝促销文字制作,1.,打开路径图形工具，选择圆角矩形工具，并设置好参数，选择贺寿填充颜色,2.,得到一个带颜色的圆矩形框,宝贝展示图设计,3.,将促销文字编辑好,4.,用移动工具将文字移动圆矩形上，完成,得最终效果图,动图效果,1.,新建一空白图层，将文字一个个打出来,2.,将所有图层全选中，选择移动工具得垂直居中对齐、水平居中分布方式快速使图层排列整齐（如上图）,动图效果,3.,“窗口”“时间轴”，打开时间轴窗口命令,4.,弹出时间轴窗口，点击创建帧动画,5.,多少张动画图层创建多少张帧动画,复制帧动画按钮,6.,除所需出现的图层，其他图层的眼睛给关掉，依次按顺序打开各个图层眼睛,动图效果,7.,设置动图的每一张图层动画播放时间,8.,存储方式选择存储为,web,所用格式,动图效果,9.,选择,gif,，点击存储,10.,得到效果图,倒影效果,镜面倒影,阴影,倒影,倒影效果,镜面倒影,1.,利用快速选择工具将橙子快速抠取，,ctrl+j,两次复制两个新图像。,2.”,编辑“”变换“”垂直翻转“，对图层,1,进行垂直翻转。,倒影效果,镜面倒影,3.,翻转后，利用移动工具将图层,1,移动到如上图所示。,4.,打开,橡皮擦工具，设置参数，画笔选择软画笔，不透明度、流量值调低，对图层,1,进行擦拭。,5.,镜像倒影效果完成。,倒影效果,阴影,倒影,1.,和镜面倒影一样，利用快速选择工具将橙子快速抠取，,ctrl+j,复制一个新图像。,2.,在抠像图层下新建两个空白图层,3.shift+f5,为图层,1,填充白色,4,.,利用圆形选框工具拉出一个椭圆选框，如图所示,倒影效果,阴影,倒影,4,.,在空白图层,2,上，,shift+f5,为椭圆选框填充黑色。,5.,选择高斯模糊改变黑色椭圆的硬软程度,倒影效果,阴影,倒影,6.,设置高斯模糊的参数，值越小越实，值越大越虚,倒影效果,阴影,倒影,7.,第一,层阴影倒影已完成,8.,同样,的制作椭圆阴影的方法制作第,2,层小阴影增加图像阴影的,真实感，效果图完成。,谢谢聆听,THANKS FOR YOUR ATTENTION,