Web前端——PS切片笔记分解.docx

PS切片笔记 照片导入 具体步骤：打开编辑→首选项→单位与标尺。 打开面板 保存工作区 窗口→工作区→新建工作区 1选择移动工具→如下属性 撤销快捷键→ctrl+z连续撤销ctrl+alt+z 魔法棒工具 视图→显示格外内容√→对齐√→标尺√ 参考线快捷键→ctrl+； 第二节测量 取色 步骤：选择矩形工具→测量信息 边框→选择矩形工具→测量信息 行高的测量 选择矩形工具→测量信息 添加到选区（增加重叠部分为空） 按住shift 从选区减去 按住alt （重叠部分减去）不重叠部分为空 Shift+alt 交叉选区 经验 左边画一个矩形 右边在画一个矩形，左右两边是等比的是一样大的）这样就能测量出左边到右边的整个距离。 文本颜色的取色 步骤 选取文字工具T→选择颜色选框（不推荐 不是实色） 常用 获取边框 和文字的颜色可以直接吸取颜色使用。 步骤 先选择移动工具选择图层 再选择魔棒工具点击这个图层。 切图及切图的各种操作：隐藏文字（独立图层和非独立图层的不同操作方法）、png8和png24格式的切图方式、可平铺背景的切图方式及活动页的切图方式 红色的是切图 黑色不用切图只占位 具体步骤 选择移动工具 找到图层 步骤 先选取矩形工具（在没有文字的地方画个矩形）然后按ctrl+t进行拉伸覆盖文字。 步骤 先选取矩形工具（在没有文字的地方画个矩形）然后ctrl+alt+shift进行复制操作。（鼠标多点几下） 步骤1 选择图层→在图层上边右击选择复制图层→新建→名称→裁剪 步骤2 选择第一个图层→在图层上边右击选择合并图层→在图层上边右击选择复制图层。 注意步骤 图层→合并可见图层 步骤 选择矩形工具→复制（ctrl+c）新建（ctrl+n） 背景为透明色 步骤 第一步 拉线 直接拉 第二步 选择切片工具 第三步 选择切片选择工具（改名称） 第四步 保存 了解 CSS background-repeat 属性 保存 注意品质不能设置100 一般60-80px 注意 选择png8格式 杂边为无 无仿色 Png24的文件比png8的文件要大一些 保存单独图层 Ctrl+x剪切 Ctrl+v粘贴 1矩形工具→裁剪 2或者直接选择裁剪 使用背景图 注意 最好都用CSS3切图