仿站用到切片与切片工具的用法

清除所有切片的方法： 视图--清除切片

一、用360浏览器打开发仿的网站，文件——保存——保存为图片，用PS打开图片
二、使用切片工具框选所有要切片部分
三、使用切片选择工具，修改那些框选的部分大小，位置等，双击可输入选框的长和宽，X与Y轴坐标，还可用上下左右方向键改变选框的位置
四、切片保存
1. 点文件——存储为web所用格式(快捷键是C+S+A+S)，
2. 这时会弹出一个优化窗口，在这个窗口为每个切片的区域设置该区域切片保存的格式(gif,png是无损压缩，一般小图用png或gif，大图用jpg)
3. 再点存储，弹出存储为窗口，这里切片选择“所有用户切片”来(这样只把框选过的地方都会保存为单独的图片)
 //注：这里格式可选择html和图像，这样即可以保存图片，又自动生成一个html，可以少了一些布局的工作。
要求：图片尽量小，减小带宽，尽量对齐，特殊字体文字要切片

关闭PS自动切片：有时用PS打开图像时图像中就会自动显示切片的线
视图——显示——切片，去掉前面的勾即可

快捷键：
C键： 切换为切片工具，按caps lock键，把改变切片的刀变为十字
按住ctrl，切片工具临时变成“切片选择工具”做切变位置的调整
按住C+空格不松，临时变成放大工具，再点鼠标可放大图像 ，也可以框选要放大的位置，只放大框选的部分
按住C+A+空格不松， 临时变成缩小工具，再点鼠标可缩小图像
按住空格不松，临时变抓手工具，可拖动图像
C加+/-，放大和缩小图片
C+0，适合屏幕显示，
C+A+0，百分之百比例显示图像 
C+R，可调出标尺，从标尺上可拖出多条辅助线，用移动工具可以拖动辅助线的位置，容易对齐
C+; 可隐藏从标尺拖出的辅助线
C+H 隐藏所有切片的边线
tab键：可隐藏工具栏
F8，调出信息面板，再用吸管移到那个区域看其颜色值有没有变化，可知道吸管的位置有没有应用渐变，有渐变的要切图
I，调出吸管，点一下前景色，移动吸管，可在前景色窗口看到吸管处的颜色值
Z，按z键切换为放大镜工具
I, 标尺工具，在吸管工具箱里，拖动标尺工具可测量图中一个点到另一个点的距离，显示在菜单栏下和信息面板上
 注：默认显示厘米，编辑——首选项——单位与标尺，将标尺单位设为像素

切图技巧：用QQ的切图工具，直接能看到是多少可以看到拖动上下左右
切图技巧2：用QQ的切图工具测量图片及各个区域的高和宽是多少像素(先把图片按100%比例显示)，因为它的边界有放大的功能
切图技巧3：用辅助线切片，拖好辅助线，工具选择切片工具，再点快速工具栏的基于参考线，存Web格式，选择要保存的，仅图像
清除按钮上的文字：从矩形工具选择一个矩形，按住V再按住Alt，用左右方向键移动该矩形，矩形移动过的地方都将被矩形颜色删除

//后盾网原创实战网站建设教程1-46【PS切片+html+div+css+织梦后台开发】