PS 切片工具 选择切片 切片存储

上文 PS 透视裁剪工具 中 我们简单讲述了透视裁剪工具
今天 我们来讲他后面的切片工具
PS 切片工具 选择切片 切片存储_第1张图片
首先 他的用途还是很多的 例如 你有一个很大的图片 其中包括 轮播 导航 主题内容 但他们都在一个图片上
你就可以用切片工具 将完整的图片切成多个部分

这里 我们选择了切片工具 光标也会马上变成一个剪刀的样子 算是描述了一下他的功能
PS 切片工具 选择切片 切片存储_第2张图片
用法就还是 我们可以用鼠标 拖出一个要切出来的区域
PS 切片工具 选择切片 切片存储_第3张图片
鼠标放开时 区域会被选择
PS 切片工具 选择切片 切片存储_第4张图片
选择了一个之后 我们还可以用鼠标去拖第二块区域出来
我们这个工具是支持同时选择多个区域的
PS 切片工具 选择切片 切片存储_第5张图片
好 这是一个非常基础的用法 一般来讲 我们不会这样手动去画区域
我们先在顶部菜单中选择 视图 下面 操作 清除切片
PS 切片工具 选择切片 切片存储_第6张图片
这样 我们之前的区域划分都会被取消掉
PS 切片工具 选择切片 切片存储_第7张图片
好 然后 我们一般做切片 都是通过标尺来操作的
我们选择切片工具后 在视图里面 找到标尺
PS 切片工具 选择切片 切片存储_第8张图片
这里 很明显 他有一个快捷键 Ctrl + R

大家可以看到 选择了标尺之后 我们工具上方 和左侧 都出现了一个像测量尺一样的东西了
PS 切片工具 选择切片 切片存储_第9张图片
我们可以在这个标尺线上按住一个区域 往下来 拉出一个区域
PS 切片工具 选择切片 切片存储_第10张图片
然后 我们还可以继续去再拉一个 这样 我们标尺线 就拉出了两个图片切片区域
PS 切片工具 选择切片 切片存储_第11张图片
然后 这里我们点击这个 基于参考线切片
PS 切片工具 选择切片 切片存储_第12张图片
然后 这里就切出来了
PS 切片工具 选择切片 切片存储_第13张图片
然后 我们选择 顶部菜单中的文件 中的 导出 中的 存储为 Web 所用格式
PS 切片工具 选择切片 切片存储_第14张图片
然后会弹出一个保存配置的窗口 格式的话 我们选择 jpg吧 比较普通
然后 质量的话 来个非常高吧 弄好点 存储
PS 切片工具 选择切片 切片存储_第15张图片
然后 他们会让我们选择保存的位置 这里 我们直接选择一个桌面的文件夹 方便找
然后 格式这里大家需要注意 可以选择html的格式 但这 我们只是想要一个图片而已 所以就选择仅限图像
PS 切片工具 选择切片 切片存储_第16张图片
然后这里又会弹出一个提示框 让我们确定这个操作 那我们点击确
PS 切片工具 选择切片 切片存储_第17张图片
然后我们看到保存图片的位置 哦 这里他直接给我们整理成了一个文件夹
PS 切片工具 选择切片 切片存储_第18张图片
然后 我们点进去 会发现 我们切出来的图片三个区域都被保存成了图片
PS 切片工具 选择切片 切片存储_第19张图片
然后 网页的我们也保存一个看看
还是同样的保存操作 这次我们选择 html格式
PS 切片工具 选择切片 切片存储_第20张图片
打开文件夹 这里就会多出一html格式的文件 我们打开他
PS 切片工具 选择切片 切片存储_第21张图片
这里 就会将他又还原会原来图片的样子 然后在html网页中展示出来
PS 切片工具 选择切片 切片存储_第22张图片
然后 切片之间 也可以做合并的
我们可以按住键盘的 Ctrl 键
会发现 鼠标的形态明显发生了一些变化
PS 切片工具 选择切片 切片存储_第23张图片
然后 这里我们尝试合并第二个和第三个区域
我们按住Ctrl 点一下第二个区
然后 Ctrl不要松开 再按住 键盘的 shift 键
点击第三个区域

然后 这两个区域会有一个被选中的描边效果 不是特别明显
PS 切片工具 选择切片 切片存储_第24张图片
然后 我们鼠标右键 选择组合切片 大家应该也可以看到 最上面的删除切片 也是在这里选择后操作的
PS 切片工具 选择切片 切片存储_第25张图片
然后 会弹出一个提示 我们直接点击确定即可
然后这里明显就变成两个切片了 不过标尺的标记还会留在这个位置
PS 切片工具 选择切片 切片存储_第26张图片
然后 我们 选择一块区域 右键选择 编辑切片选项
PS 切片工具 选择切片 切片存储_第27张图片
它就会弹出这样的一个属性栏
PS 切片工具 选择切片 切片存储_第28张图片
然后这里 我们复制一下百度首页的链接
PS 切片工具 选择切片 切片存储_第29张图片
将链接复制到我们 URL属性上面
PS 切片工具 选择切片 切片存储_第30张图片
然后 我们将刚才导出的html文件删掉 重新导出一份
然后 我们打开网页 点击我们编辑区域
PS 切片工具 选择切片 切片存储_第31张图片
就会直接跳转到我们设置的链接上了
PS 切片工具 选择切片 切片存储_第32张图片
最后的切片选择工具 我们之前也已经用过了 和我们直接 按 Ctrl 选择一个切片区域效果就是一样的
PS 切片工具 选择切片 切片存储_第33张图片
但是还有一个点 他可以做一下切片排版
我们先选择这个切片选择工具
PS 切片工具 选择切片 切片存储_第34张图片
我们按住 键盘 Shift 用鼠标点击 就可以选择多个切片区
PS 切片工具 选择切片 切片存储_第35张图片
选择之后的话 我们可以通过这里操作对他进行对齐 但这个基本用的很少
PS 切片工具 选择切片 切片存储_第36张图片然后假设我们选择又不想用了 之前也演示过 直接 清除切片
PS 切片工具 选择切片 切片存储_第37张图片
至于参考线 我们可以找到左上方 移动工具
PS 切片工具 选择切片 切片存储_第38张图片
然后 用鼠标将这个先 拖回到最上面去
PS 切片工具 选择切片 切片存储_第39张图片
如果你是都不想要了 最上面 视图 下面 有一个 清除画布参考线
PS 切片工具 选择切片 切片存储_第40张图片
这样 所有的参考线就都没了
PS 切片工具 选择切片 切片存储_第41张图片
但是 如果说我们还想要 只是不希望它在这妨碍我们观察
PS 切片工具 选择切片 切片存储_第42张图片
我们这里按住 Ctrl+H
参考线就会暂时被隐藏起来
PS 切片工具 选择切片 切片存储_第43张图片
然后 我们需要用就再按一次 Ctrl + H
他就回来了 或者 这叫又显示出来了
PS 切片工具 选择切片 切片存储_第44张图片
这里 我们先清除所有的 参考线
PS 切片工具 选择切片 切片存储_第45张图片
然后 有时候 我们做网站 他会要求 我的导航 他就必须是 120像素的
那么 我们可以在视图下找到 新建参考线
PS 切片工具 选择切片 切片存储_第46张图片
然后 弹出的提示了 我们设置 方向是水平的 就是一条横着的 然后 尺寸 120 像素就好
PS 切片工具 选择切片 切片存储_第47张图片
配置好 我们点确定 参考线就出来了
PS 切片工具 选择切片 切片存储_第48张图片
好 那么我们今天的内容就这么多了

你可能感兴趣的:(PS)