Photoshop淘宝美工教程学习笔记.docx
《Photoshop淘宝美工教程学习笔记.docx》由会员分享，可在线阅读，更多相关《Photoshop淘宝美工教程学习笔记.docx（64页珍藏版）》请在冰点文库上搜索。
Photoshop淘宝美工教程学习笔记
《Photoshop淘宝美工教程》
学习笔记
巧夺天工工作室
博客
QQ
3329117833
E-Mail
1.PhotoshopCS6工作界面
“窗口”-“工作区”
定制面板
工作区是根据面板而定的。
无需序列号安装PhotoshopCS6教程：
断网安装
目前我们使用的是盗版ps。
Photoshop界面的熟练程度是ps操作的基本要求，需要不断的熟练和操作。
2.打开新建存储文件以及像素的概念
psb格式文件：
Photoshop工程文件格式，存储整个文件的信息。
ps中图片最大的放大倍数是32倍。
前景色、背景色。
新建文件的时候，“预设”应选择“自定”。
颜色模式：
RGB：
网上
CMYK：
打印
灰度
3.图层和图层面板
透明图层
图层右边有个眼睛状的图标按钮
删除图层
新建图层
复制图层
图层之间是相互独立的，互不影响。
图层之间的链接！
对两个图层进行相同操作。
图层组：
内存放若干个图层，方便管理。
Ctrl+J：
复制图层
4.图片的输出保存以及常用图片的特性与优化
几种图片文件格式
PSD格式
Photoshop源文件格式
保存了图片中图层、文字、路径等信息。
是ps的工程文件。
JPEG格式
简称jpg
身材娇小，容貌姣好
但不支持透明和动画效果。
照片类文件采用改格式。
GIF格式
支持动画，比如网店中闪动的图片
也支持背景透明
最多只能存储256中颜色
颜色丰富的图片，存储gif的时候颜色会失真；
而颜色简单的图片可以存储为gif格式的图片，可以做到既清晰，容量又小。
PNG格式
支持透明
不支持动画
png透明效果较好，设计一些透明水印，可以存储为png格式文件。
“存储为Web所用格式...”
jpg品质>80
图片颜色少的时候，应采用GIF格式；
图片颜色多的时候，应采用JPG格式。
如何制作GIF动画？
5.移动工具与图层的对齐分布
1.选择移动工具，移动图层
2.在其他工具模式下，按住Ctrl键进行移动。
3.鼠标右键
4.“自动选择”，后面：
“组”或“图层”
“显示变换控件”，回车键或勾选按钮
对齐与分布
对齐：
顶对齐、垂直居中对齐、底对齐、左对齐、水平居中对齐、右对齐
分布：
按顶分布、按右分布
对齐：
等距离分布，但是距离都是0。
分布：
等距离分布，距离是总距离的平均。
ps中画参考线：
鼠标指向标尺处，点击鼠标左键，拉动鼠标即可划线。
清楚参考线：
“视图”-“清除参考线”
6.选择工具
1.选框工具
使用该工具，只能在所选择框内进行操作
Ctrl+D取消框选择。
选框工具的叠加、相交
快捷键Alt+delete：
填充前景色
羽化：
羽化值单位为像素，表示边缘的模糊情况。
Photoshop快捷键
选框工具针对的是规则型选框。
2.针对非规则型选框，采用套索工具
磁性套索工具：
吸附边缘
套索工具：
没有吸附功能
取消选区：
Ctrl+D
7.图片的裁剪与尺寸修改
淘宝小于500KB图片才行
修改图片尺寸和大小
双击放大镜工具
双击抓手工具
抓手工具
裁切工具
宝贝大小：
800像素*800像素
文件输出：
存储为web使用格式：
保证图片大小合适
彩色图片一般采用jgp格式
裁切——拉直
裁切：
不受约束、拉直
拉直有两种方法，但都是采用裁切工具。
1.划线拉直
2.手动旋转拉直
8.透视裁剪矫正图片
透视裁剪工具
对于有一定角度的图片，进行透视裁剪，来进行矫正。
“显示网格”
效果：
将斜着的图片矫正过来。
同理：
可以将正的图片矫正斜。
历史记录
使用透视裁剪工具有两种方式：
1.单击鼠标左键，不放，移动鼠标
2.单击鼠标左键，放开，移动鼠标，打击左键，直到形成一个四边形。
透视裁剪工具，可以将立体的倾斜图片矫正为平面平整的图片。
9.图片的水印去除01
水印
修补工具
仿制图章工具
看水印的背景
取消选取：
Ctrl+D
修补工具是选中水印范围，用其他部分替换
仿制图章工具是先用Alt键+鼠标左键选择防止区域，然后进行仿制替换。
10.图片的水印去除02
水印的去除难以主要看水印的背景复杂程度
快捷键Ctrl+J：
复制背景图层
Ctrl+“+”：
放大图层
Ctrl+delete：
填充选区
Ctrl+D：
取消选区
按空格键，临时切换为抓手工具
修补工具：
内容识别
去除水印主要是依靠修补工具和仿制图章工具，需要注意细节的修改，放大图片，按像素进行修改。
去水印示例：
11.油漆桶和渐变工具
油漆桶填充：
颜色填充
图形填充
渐变：
直线渐变
径向渐变
角度渐变
对称渐变
菱形渐变
渐变编辑器
色标、不透明度色标
12.魔棒和魔术橡皮擦工具抠图
抠图
魔棒工具抠图
容差
如何保证扣完图后的背景为透明？
如果默认背景为透明，则直接delete就可以了
如果打开图片的杯具不是透明的，则先打开图片，Ctrl+A、Ctrl+C、Ctrl+N选择背景为透明，然后Ctrl+V，利用魔棒工具选择扣去的部分，delete即可。
消除锯齿
连续
魔术橡皮擦工具抠图
容差
背景单一颜色，主体边缘轮廓不是太复杂，主体颜色和边缘颜色不一致，可以使用魔棒工具和魔术橡皮擦工具进行抠图。
示例：
13.文字工具和字体的安装方法
ps中文字各种属性的设置，比word中灵活得多。
掌握好ps中文字的设置，要比直接进行图层的设计和修改简单得多。
文字的安装
控制面板、小图标、字体
安装字体
卸载字体
字体下载：
14.图层样式
图层样式-投影
混合模式
不透明度
角度
距离
扩展
大小
等高线
杂色
图层样式-外发光
混合模式
结构
图素
品质
投影
外发光
图案叠加
渐变叠加
颜色叠加
光泽
内发光
内阴影
描边
斜面和浮雕
等高线
纹理
混合选项：
默认
图层样式，海报的制作。
15.图层蒙版和通道
用于抠图
蒙版定义图层的透明区域含义：
黑色：
完全透明；意思是黑色对图层起到的效果是完全透明。
白色：
不透明
灰色：
半透明
蒙版与处理图层正好相反。
蒙版是依附于处理图层的，不能独立存在。
蒙版是针对要处理的处理的图层建立的一个罩子，以保护被处理图层意外的其他图层。
放大缩小画笔用快捷键：
[、]，注意：
使用该快捷键时，输入法需要处于英文输入状态下。
停用、启用图层蒙版
通道：
当我们把通道作为选区载入的时候，通道中原来白色的部分就会变成选区，黑色的部分就是非选区部分，而灰色部分就是一个半透明的选区。
Ctrl+J：
将选区新建成一个新的透明图层。
抠图
通道抠图
通道：
白色：
选区
黑色：
非选区
灰色：
半透明选区
16.钢笔工具讲解
路径
控制杆
Ctrl+Z：
返回
Ctrl+Alt+Z：
撤销
钢笔工具
自由钢笔工具
添加锚点工具
删除锚点工具
转换点工具
路径选择工具
直接选择工具
按住Alt键拖鼠标复制
17.钢笔工具抠图
抠图方法有各种各样
每一个图都有适合其特点的抠图方法。
Ctrl+J：
复制图层并新建图层快捷键
对选中区域新建图层
Ctrl+D：
取消选区
Ctrl+“+”：
放大图层
Ctrl+Enter：
将路径生成选区
将工作路径转换成选区
结合蒙版工具
蒙版：
蒙版本身黑色，使得作用图层本身透明；蒙版本身白色，使得作用图层本身不透明；蒙版本身灰色，使得作用图层本身半透明。
蒙版的起作用必须依附于作用图层，其作用的呈现是通过作用图层体现的。
空格+拖动鼠标：
拖动图层
18.形状工具
矩形工具
形状、路径、像素
填充、描边
圆角矩形工具
椭圆工具
按住shift键画规则图形。
多边形工具
星形
直线工具
自定形状工具
画图工具：
形状
路径
像素
Ctrl+T：
选择图层对象边框
19.抽出滤镜抠图-复杂抠图
钢笔工具
抽出滤镜工具
用于抠图
安装滤镜：
安装抽出滤镜
抽出滤镜下载和安装教程：
针对头发的抠图
抽出，边缘高光器工具
高光颜色
填充颜色
利用抽出滤镜进行抠图可以实现对细节的完好保留，比如对于人物的头发部分能够得到很好的保留。
填充的颜色完全保留，高光外的部分彻底删除，高光部分根据抽出滤镜算法得以保存与填充部分相关的部分，从而实现很好的抠图效果。
20.宝贝主图美化-平面倒影的制作
对图层解锁
对于背景简单的图片进行抠图，可以直接使用魔术橡皮擦工具进行一步抠图。
这里主要是做平面倒影。
设计的主要内容有：
抠图
渐变填充
图层半透明
图片倒置处理
蒙版效果，出现透明半透明渐变效果
21.宝贝主图的美化-立体倒影制作
立体倒影
Ctrl+T：
变换选区
按空格键，临时切换为抓手工具，移动图层。
制作立体倒影的步骤：
1.针对立体物体，进行抠图，其余部分为透明。
2.复制抠图图层，并对新图层进行倒置处理，并对其。
3.对倒影图层进行拉伸处理。
首先利用多边形套锁工具进行选面，然后Ctrl+T进入变换分区模式，将中心点移动到不动点，按住Alt、Ctrl、shift键移动选区一边，使得倒影边与原物边紧贴。
4.对另一面进行同样处理。
需要注意的是，这时处理的是倒影图层，注意不要选错图层。
5.两个面对其后，处理的两个倒影面进行校对处理。
6.之后作倒影效果，也就是做逐变的半透明处理。
首先添加蒙版，作用是对倒影做半透明处理，然后添加一个矩形选框填充渐变颜色，使得半透明效果渐变。
7.对背景图层做渐变颜色处理。
8.在背景图层之上添加一个透明图层，增加一个矩形框，填充白色，设置其不透明度为50%。
以上是立体倒影制作的步骤。
关键在于对于倒影面的拉伸处理，以及利用蒙版的半透明效果，和渐变工具的使用。
22.批量处理图片
对多个图片进行同样的处理，可以录制一个动作，批量处理这些图片。
窗口-动作
Ctrl+W：
关闭当前图片。
使用动作命令，可以在处理第一个图片是新建一个动作。
在处理图片的过程中，这个动作会记录所有的操作步骤，包括导出关闭当前图片等命令。
这样在处理后续图片是，不需要重复上述步骤，只需要将之前录制好的动作重新播放一遍即可。
23.GIF动画-轮播动画制作
GIF动画制作
轮播动画
时间轴
创建视频时间轴
创建帧动画
第一帧、第二帧、……
时间
存储为GIF格式
256色
永久
24.GIF-文字特效
创建视频时间轴
一开始我们使用的是PhotoshopCS664位，当打开时间轴时，只有默认的“创建帧动画”，没有“创建视频时间轴”。
在网上找了一些资料，不得其解，后来看到说是使用32位的PhotoshopCS6可以有“创建视频时间轴”，于是打开C:
\ProgramFiles（x86）\Adobe\AdobePhotoshopCS6中的可执行文件，由于32位的Photoshop还没有激活，所以利用破解DLL文件使得32为Photoshop正常使用。
至此，32位和64为Photoshop都有了“创建视频时间轴”。
移动工具是移动图层的
抓手工具是移动画布的
播放头
播放按钮
添加音频
时间的长短
时间轴的长短
变换
不透明度
样式
文字变形
添加关键帧
启用关键帧
删除关键帧
Photoshop字体下载和安装
设计想法
技术
存储为GIF格式
选择“永远”
25.三原色的色彩理论
调色
三棱镜
Ctrl+I：
反向，颜色相反
RGB
红
绿
蓝
吸管工具
拾色器
RGB颜色
颜色表达方式：
RGB
CMYK
LAB模式
HSB
0-255
RGB通道
通道面板
通道：
白色表有
灰色：
半透明
黑色：
无
滤色
#FF0000
RGB
用于网页设计
颜色的互补
红
绿
蓝
红+蓝=洋红与绿互补
红+绿=黄与蓝互补
绿+蓝=青与红互补
红+绿+蓝=白
26.色阶调整图片
图像-调整-色阶Ctrl+L
直方图
横坐标：
明暗程度，从左到右：
由暗到明，值是0-255
竖坐标：
像素个数
横坐标有三个滑块
三个滑块向左都是变亮，向右都是变暗
按住Alt，“取消”变为“复位”
通道：
RGB
红色通道
绿色通道
蓝色通道
左增右降
降噪滤镜
滤镜-七度汉化-噪点洁具
噪点洁具滤镜下载与安装
27.曲线调整图片颜色01
图像-调整-曲线
Ctrl+M
曲线里的直方图与色阶里的直方图一样
输入：
左暗右明
输出
中间的是调整线，45度：
表示输出值等于输入值
输出值=输入值时，图片没有改变
输出值>输入值：
图片变明
输出值<输入值：
图片变暗
鼠标移动到图片上，点击鼠标左键，可以观察一个小圆点在调整线上
按住Ctrl，点击鼠标左键，在直方图上建立一个点
通道：
RGB
红
绿
蓝
通道对应单一颜色
曲线上调，即是输出值>输入值，则对应的通道值变亮。
针对一个图片，有部分很暗，有部分很亮。
那么我们不能整体变亮或变暗，需要做的是暗的部分变亮，亮的部分变暗。
图像-调整-曲线
针对图层还有：
在图层面板下方有曲线选项，选择曲线，新建一个调整层。
修改调整层，不会影响原图层。
针对暗的部分变亮，亮的部分变暗，所采用的就是利用图层的曲线命令，新建一个调整层，然后针对该调整层，针对暗的部分曲线上调，使得变亮；针对亮的部分曲线下调，使得变暗。
曲线工具中，可以拖拽多个点。
28.曲线调整图片颜色02
综合示例
处理图片前，首先要会观察图片
观察图片：
色调明暗
色调偏向哪种颜色
图片对比度怎么样
颜色清晰度怎么样
如果一个图片偏向黄色，则需要调整蓝色通道，因为图片缺少蓝色，则就会变黄。
可以借助拾色器工具，观察R、G、B三个值的情况。
如果拍摄的照片很黄，则说明蓝色通道缺少蓝色。
图层-曲线，新建图层调整层。
保存PSD文件。
曲线直方图中，右边是对应通道的高光值部分。
黄色-蓝色
洋红色-绿色
青色-红色
RGB、R、G、B四个通道分别调整。
RGB通道是敏感的调节。
曲线两端点的调节，中间点的调节。
29.用曲线把宝贝图片调成白底图
使用曲线工具
黑场
灰场
白场
淘宝宝贝800px*800px
制作白色背景也可以抠图，但是抠图容易把物体的阴影部分扣去，但是使用曲线工具可以保留阴影部分。
30.色相平衡调整图片
色彩平衡
图像-调整-色彩平衡
Ctrl+B
色彩平衡也是对三个通道进行调节
阴影
中间调
高光
Alt：
复位
保持明度
勾选，四个通道都变化
不勾选，当前通道和RGB通道发生变化
色彩平衡对颜色进行微调
Ctrl+shift+alt+E：
将所有图层合并，得到盖印图层。
针对图层添加色彩平衡。
保持明度
31.色相饱和度调整图片
图像-调整-色相/饱和度
Ctrl+U
色相：
颜色的相貌，红橙黄绿青蓝紫
饱和度：
颜色的鲜艳程度，鲜红色、暗红色
明度：
颜色的明暗程度
全图
红色：
只对红色起作用
黄色
绿色
青色
蓝色
洋红
滑块
着色：
针对黑白照片进行上色。
32.调整边缘抠图法
选择工具
调整边缘工具
磁性套索工具，得到选取
快速选择工具，增选、减选
调整边缘
选择-调整边缘
Alt+Ctrl+R
视图
边缘检测
智能半径
半径
调整半径工具
净化颜色
调整边缘
平滑
羽化
对比度
移动边缘
调整边缘抠图法的基本操作流程如下：
首先使用磁性套索工具将抠图对象圈起来。
然后利用快速选择工具，微修。
之后选择调整边缘工具，勾选智能半径，修改半径大小，使用调整半径大小工具进一步调整半径。
设置半径属性和输出属性，得到结果。
33.调整逆光照片
逆光照片
主体部分：
暗
背景部分：
亮
颜色调整
主体部分变亮
背景部分变暗
阴影高光
改变对比度
保持照片的整体平衡
图像-调整-阴影高光
阴影
高光
主体部分、阴影部分
历史记录
34.通道抠出半透明的物体
魔棒、套索无法抠出半透明的物体
使用通道抠图
背景图层
Ctrl+J：
复制图层
图像-调整-去色
图像-调整-曲线
白场
黑场
两者直接相互处理
回到通道
新建通道
Ctrl+A：
全选
Ctrl+C：
复制
Ctrl+V：
粘贴
Ctrl+J：
取消选区
Ctrl+I：
反相：
白色变黑色，黑色变白色
通道转换成选区：
按钮、按住Ctrl键点击通道
Ctrl+J：
将选区内容复制成新图层
使用通道进行抠图，抠出半透明的物体。
35.通道抠出凌乱的头发
魔棒、钢笔无法扣去
使用钢笔工具选定一个区域后，俺Ctrl+Enter键转换成选区
图像-调整-色阶
通道中白色部分是保留的地方。
在原有通道上进行操作，会改变原有图片。
一般情况下，我们需要新建通道副本，在副本上进行操作。
Photoshop模板和通道
36.图层的混合模式正片叠底抠图法
图层混合模式
正常
正片叠底
正片叠底每个通道中颜色计算方法：
（基色*混合色）/255=结果色
（1*255）/255=1
黑色白色
0255
基色，混合色为黑色，则结果色为黑色
混合色为白色，则结果色为基色
图像-调整-曲线-白场
基色基层
混合色混合层
利用图层混合模式，加之利用曲线白场，利用正片叠底，套用蒙版得到抠图效果。
对于有头发的抠图
37.抠图的综合实例讲解
线条清晰的地方可以使用钢笔工具扣取
线条不清晰的地方使用调整边缘来扣取。
Ctrl+E：
合并图层
Ctrl+Shift+Alt+E：
生成盖印图层
钢笔工具扣取步骤是：
用钢笔工具做好选区（Ctrl+Enter）后，在该图层上添加蒙版，即可得到扣取的效果。
调整边缘是用用钢笔工具做好选区后，进行智能半径修改，从而得到线条不清晰的抠图效果。
38.给模特瘦脸瘦身
滤镜液化工具
Ctrl+J：
复制背景图层
滤镜-液化
shift+Ctrl+X
向前变形工具
既可以变瘦可以变胖
39.移花接木-给模特换一张明星脸
换脸
首先使用钢笔工具将明星脸扣取
利用正片叠底调整明星脸，使用液化滤镜进行瘦脸
使用图层蒙版，将不需要显示的部分用黑色（透明）涂抹，得到调整后的图片。
图层蒙版的概念
通道的概念？
蒙版和通道的关系和区别
工具的使用
40.降噪滤镜的安装和使用
降噪滤镜：
32位、64位
noiseware
噪点洁具
预设
降噪程度
降噪
亮度
颜色
细节
细节保护
细节增强
历史记录
去噪点
去噪点可以使得图片的麻点降低，但是这会影响图片的清晰度，导致清晰度降低。
为了提高清晰度，我们可以使用锐化滤镜（USM锐化）做进一步处理。
去噪
锐化
41.磨皮美肤
安装滤镜
滤镜的学习
污点修复画笔工具
修复画笔工具
修补工具
仿制图章工具
利用曲线工具调整颜色
新建曲线调整层
生成盖印图层：
Alt+Ctrl+shift+E
磨皮滤镜
蒙版、画笔调节
USM锐化
祛痘祛斑处理。
42.消失点滤镜的应用-清除杂物
消失点滤镜
Alt+Ctrl+V
创建平面工具
建立矩形
确定选区
拖动选区
图章工具
Alt键取样，涂抹
43.消失点滤镜的应用-添加文字与台阶
移动工具
创建平面工具
添加透视素材
XX“如何学习Photoshop”
Photoshop的学习重道而非术。
Photoshop内容很多，工具很多，学习Photoshop不要凭记忆死记硬背，这样会越学越累。
在学习Photoshop的过程中，重要的在于理解Photoshop处理原理，学会观察图片，然后找到处理办法这是学习Photoshop的精髓。
平面设计、美工等等需要学习的内容很多。
处理Photoshop以外还有很多，比如AI、3D等等。
在学习的过程中心态最重要，切忌焦躁，慢慢学习，慢即是快。
44.消失点滤镜-给床单添加花纹
首先复制一个透明的花纹图层，打开消失点滤镜，制作一个矩形框，将花纹图层粘贴上去。
调整花纹大小，在调整大小的时候，需要按住shift键保证是等比例调节大小。
将花纹移动到床单上，旋转花纹方位。
对花纹明暗程度进行调节，打开图像-调整-曲线，调整花纹图层的敏感程度。
45.海报的设计制作-羽绒服海报
海报的制作
海报文案
图片素材
950*450
利用XX图片查找一些jpg素材
直接查找PSD素材
合并可见图层
图层：
转换智能对象，转换为智能对象后，图片是无损的，不管放大或缩小都不会改变图片质量。
蒙版：
应用图层蒙版
图层样式
投影
拷贝图层样式
粘贴图层样式
海报文案
图层链接
字体的安装
46.宝贝分类列表图片设计应用
旺铺专业版
宝贝分类
文字分类->图片分类
店铺装修
图片宽度：
160像素以内
150*35像素
保存为GIF格式文件
仅限图像
店铺装修-宝贝分类列表
47.宝贝详情描述-宝贝尺寸标注
尺寸描述
栅格化图层
智能对象无法编辑，需要做栅格化处理。
智能套索工具
填充前景色：
Alt+delete
选区
直线工具：
形状
填充
描边
图层样式-描边
图层组
具体的处理步骤是：
首先建立一个空白的图层背景，将图片拖入，这是图片是一个智能图层，不能编辑，需要先将智能图层栅格化，进而进行编辑。
使用磁性套索工具清理一下背景，然后用直线工具进行尺寸标注。
在标注过程中需要注意图层的运用，每一个处理对象都是一个图层，这样方便处理。
对图层进行分组，方便管理。
文本的使用，添加描边图层样式。
48.宝贝详情描述-设计亮点
淘宝里：
有侧边栏：
750像素宽度
无侧边栏：
950像素宽度
750像素*1500像素
设计
文案
形状
路径
像素
转换智能对象，再调节大小
将图层转换为选区：
先选中图层，按住Ctrl键，点击图层，得到特定选区。
然后将该选区套用到其他图层，为其他图层添加图层蒙版得到选区大小的图层。
移动选区时，需选择选框工具，而非移动工具。
直接添加图层蒙版
确定选区后，添加图层蒙版
49.宝贝详情描述-宝贝资料表
750*1200
文案
素材
做成表格
移动工具自动选择：
组/图层
衬底
矩形工具-像素
标题、表格
绘制表格：
直线工具-形状
Ctrl+J：
复制图层
移动工具+shift：
移动光标键是十个像素
像素
形状
路径
Ctrl+J：
复制图层、复制图层组
画一个框：
矩形选框工具做一个选区，编辑-描边
做成滑块表示：
圆角矩形工具-形状填充描边
灰色衬底：
矩形工具-像素
拉参考线绘图
将路径转换为选区：
Ctrl+Ent
升级会员 