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切图