Photoshop淘宝美工教程学习笔记.docx
《Photoshop淘宝美工教程学习笔记.docx》由会员分享,可在线阅读,更多相关《Photoshop淘宝美工教程学习笔记.docx(64页珍藏版)》请在冰豆网上搜索。
![Photoshop淘宝美工教程学习笔记.docx](https://file1.bdocx.com/fileroot1/2023-6/20/261439c5-7928-4efd-8afb-5b90b889ce81/261439c5-7928-4efd-8afb-5b90b889ce811.gif)
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