《Photoshop淘宝美工教程》学习笔记_ps淘宝美工教程心得
《Photoshop淘宝美工教程》学习笔记由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“ps淘宝美工教程心得”。
《Photoshop淘宝美工教程》
学习笔记
巧夺天工工作室
博客 http://blog.sina.com.cn/qdtggzs QQ 3329117833 E-Mail 3329117833@qq.com 1.Photoshop CS6工作界面
“窗口”-“工作区” 定制面板
工作区是根据面板而定的。
无需序列号安装Photoshop CS6教程http://jingyan.baidu.com/ 断网安装
目前我们使用的是盗版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中文字的设置,要比直接进行图层的设计和修改简单得多。
文字的安装 控制面板、小图标、字体
安装字体 卸载字体
字体下载:
http://font.chinaz.com/
针对头发的抠图
抽出,边缘高光器工具
高光颜色 填充颜色
利用抽出滤镜进行抠图可以实现对细节的完好保留,比如对于人物的头发部分能够得到很好的保留。
填充的颜色完全保留,高光外的部分彻底删除,高光部分根据抽出滤镜算法得以保存与填充部分相关的部分,从而实现很好的抠图效果。
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-文字特效
创建视频时间轴
一开始我们使用的是Photoshop CS6 64位,当打开时间轴时,只有默认的“创建帧动画”,没有“创建视频时间轴”。在网上找了一些资料,不得其解,后来看到说是使用32位的Photoshop CS6可以有“创建视频时间轴”,于是打开C:Program Files(x86)AdobeAdobe Photoshop CS6中的可执行文件,由于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模板和通道