ps切图必备分析和总结.docxVIP

Ps 切图必备技能 Ps 切图必备技能 第一章：课程介绍 获取必须资源：透明的 PNG，JPEG。对基本操作有一个简单了解。 第二章界面设置简单处理和调整：调颜色，改字体。提高美感 第二章界面设置 界面设置： 1. 1.新建设置 Cc2014 版本 网页设计固定宽度，高度不确定 Web 默认单位为像素，设置为 1920 1080，这种用的比较多。预设的为厘米，文件一般打印出来，不打印的一般用像素 存储为预设，以后备用。 2.移动工具设置快捷键V 2.移动工具设置 自动选择不要勾上，选择图层。 3. 3.视图设置 标尺和智能参考线勾上 窗口中：库，颜色等关闭，保留图层和历史记录 打开字符和信息两个窗口，关闭段落窗口。 总结： 保留信息、字符、图层、历史记录四大面板。另外设置一下面板选项： 需要在信息面板上右键！ PS 主要用于平面设计，作为切图， 颜色 RGB，单位像素。 另外把文档尺寸勾上 图像---首选项---单位与标尺 将左上角改为像素，其余涉及到打印，不用动 最后保存工作区： 保存当前设置。 这种设置对写 CSS 也很有帮助。选项卡分组也是比较容易的： 拖动选显卡到另一个选项卡，使之重合，则两个选显卡自动合并为一组。拖动选项卡至最顶层的黑框，则选项卡自动独立出来。 第三章 第三章 ps 基本操作 1.PS 1.PS 简单工具操作 下为工具栏，上面为对应工具的属性栏 移动：级别为像素移动，选中两个图层后会有对齐操作。 上图为图形对齐操作按钮。 选取：进行颜色填充，右键颜色填充。 工具操作都是针对选取内部的。圆形画法：alt 键，从原型开始画 按住 alt 键不放：自动减去选取选区。按住 shift 键，自动增加选区。 Ctrl+ - 放大缩小键。 左右花括号 画笔工具进行改变画笔的大小。选区的操作： 填充之内容识别： 进行填充操作的时候选择内容识别，该区域自动变为纯黑。 裁剪工具：裁剪选中的图块，新建为一个图层。 先进行选区操作，在应用裁剪工具，将会识别出最小裁剪区域的矩形。 图层操作： 按住 alt 按键，点一下眼睛，则只显示点选的图层。 吸管工具：每当点击的时候，前景色都会改变。 2.ps 2.ps 简单工具操作 2 污点修复画笔工具 点击那里那里消失，以周围的颜色进行自动填充。大片纯色范围的时候有小块的不协调部分可用。 修复画笔工具 类似于复印指定坐标的图像。 修补工具 拖到那里，融合那里 画笔工具 软硬：是否柔和边缘 仿制图章工具 按住 alt 键选择参考坐标，与修复画笔工具的区别就是是否有羽化。 图案图章工具 用的是 ps 库的图片橡皮擦和背景橡皮擦 橡皮擦：将图片擦为背景色 背景橡皮擦：将图片擦为透明，或者擦出背景图层 渐变略 颜色减淡和加深 3.ps 3.ps 工具操作 3 钢笔工具 钢笔工具建立路径，可以转换为选区。需要打开通道面板、路径面板。 文字工具 横排，竖排，蒙版工具 移动工具 快捷键：空格键放大缩小 H 键快捷键 4. 4.图层原理及其操作 Ctrl+T：自由变换 按住 alt 键，拖动，自动复制图层。Alt 键+delete 键：填充前景色 图层的画布都是透明的，没有背景色。 移动工具中：选中的是哪个图层，移动的就是哪个图层。裁剪工具裁成适合的大小。 5. 5.参考线及其辅助 Ctrl+r 标尺参考线： 从哪里来的，到哪里去，依靠拖动的方法。新建参考线 视图中-新建参考线 快捷键：alt 键 v 键 e 键顺次按快速按下！ 选中图层： 移动参考线，则参考线自动定位到像素边缘 网格 相当于默认的参考线，切图中效果不大。 参考线的打开和关闭 Ctrl+； 第四章传统切图 第四章传统切图 切图与切片 切片的基本操作导出 切片（主动切片，一个一个来）： 这里的切为方框。 蓝色的为主动切出来的参考线切片法 基于参考线的切片!然后删除切片，将不该切的合并体力活啊！！ 分开切图法 将图片裁剪出来在进行切片。总之都是体力活。 Alt + shift+ctrl+s 存储为切片图片 一般存储为 PNG24，存储的切图效果如下： 有多少的切片，就有多少个图片！ 第五章精准切图 第五章精准切图 从 CC 版本开始： 操作如下： 注意弹出来的窗口选项： 其本质就是：操作图层进行裁剪！ 第六章切图扩展 第六章切图扩展 1.自动切图快捷键 ctrl+k 1.自动切图 在图层选项卡中进行图层后缀名的重命名 xx.png 或者 xx.jpg 然后再相应文件夹会自动生成独立的图片。后缀名后的数字代表图片的品质： 如果设计师在设计的时候，就重命名，就省去了切图的功夫。 2. 2.导出 svg 抽出资源。 可以改为矢量图。 3. 3.复制 css 可以直接抽出为 CSS 代码。 4. 4.图层分组 筛选图层。 第七章课程总