PS—第11课（切片工具和切片选择工具）

老张哥

01

• 按Shift+C可以进行裁剪工具、透视裁剪工具、切片工具、切片选择工具之间的切换。
  
• 用切片工具在原图上绘制一个长方形，会出现灰色图标
  

和蓝色图标


。其中：蓝色波浪图标称为“用户切片”，灰色图标称为“自动切片”。数字代表切片编号。（菜单栏视图—清除切片，即可清除所有切片）

• 当导入原图，选择切片工具时，在图片的左顶角处会出现自动切片图标。
  
• 样式中的正常模式：可以自行选择切片大小；固定长宽比、固定大小：可根据自己设定的大小绘制切片。
  
• 菜单栏窗口—标尺（快捷键：Ctrl+R）：操作界面会出现标尺。                     先使用切片选择工具
  

，点击工具栏中出现的


，此时图片左上角的自动切片图标消失。                                                                         再选择切片工具（可以发现此时的


呈灰色）—移动工具—拉参考线，将图片分为多个小方格。




可以发现，当拉出了参考线之后，发现


的按钮可使用了——按下基于参考线的切片——出现多个切片，如下图，切片按顺序从1排到16，自动切片消失。




这些更是根据参考线生成的切片。通过这些操作，我们可以理解基于参考线的切片的功能。（视图—清除参考线、清除切片）

• 使用切片工具，绘制几个切片（如正常模式绘制三个切片） ——按住Ctrl+Shift，用鼠标点击绘制的切片，就能同时选中多个切片——使用切片选择工具，对切片进行排列（
  

）注：单独按住Ctrl，不能同时选中多个切片。


：切片有前后之分。举个栗子：三明治或者汉堡，一层面包，一层肉加蔬菜，一层面包。切片与切片之间也是上下层的关系，通过置为顶层、前移一层、后移一层、置为底层四个按钮来改变切片之间上下层的关系。

• 提升功能示例：切片选择工具—点击图片左上角自动切片（
  

）—点击提升—左上角自动切片被提升为用户切片（


）。提升就是将自动切片或者图层切片提升为用户切片。
注：在此操作8之前的准备工作（视图—清除切片—切片选择工具—点击显示自动切片—使图片左上角恢复自动切片图标）

• 基于图层切片，示例如下（准备工作：菜单栏文件—恢复；或者Ctrl+Alt+Z)
  

操作：复制一个图层（如复制背景图层）—得到背景副本—菜单栏中的图层—新建基于图层的切片—背景副本图层左上角自动切片（


）变为图层切片（


）—Ctrl+T—拖动缩小背景副本图层，切片也会变小—按Enter确认。





注：用户切片（蓝色波兰线）；图层切片（是蓝色的图层翻页的标志）

• 划分功能示例：
  

菜单栏文件—恢复—隐藏自动切片—工具栏处于切片选择工具模式Ctrl+J，复制背景图层—得到图层1—菜单栏图层—新建基于图层的切片—点击图层切片（点击图层1左上角蓝色翻页图标）—发现不能使用划分 （


）—提升—图层切片被提升为用户切片—划分（切片被提升之后划分按钮可用）—确定。



菜单栏文件—存储为Web所用格式—设置为JPEG格式，品质不要太高，60左右即可—存储—格式：仅限图像—保存。

第二种方法：切片工具—用鼠标将整个图片圈定，在松开鼠标的同时，自动切片会变为用户切片—切片选择工具—划分—确定—文件—存储为Web所用格式—设置为JPEG格式，品质不要太高，60左右即可—存储—格式：仅限图像—保存。

总结：划分就是将整个图片平均划分为几个像素、几个格、或者几快。
划分只有在图片为用户切片的情况下才能使用。

• 如何在图片使用超链接（准备工作：文件—恢复）
  切片工具—在图上绘制一个切片（可绘制多个，据放置链接个数决定）—切片选择工具—选择第一个切片（若绘制多个，选择你想放置链接的那个切片）—为当前切片设置选项（
  

）—出现切片选项对话框。




如何设置及其含义解释如下：
1. 切片类型：图像
2. 名称：也就是给这张切片取名，可以结合此切片的主题确定。

3. URL：即通常指的超链接。如网址，视频地址等等。设置链接之后，点击了该切片，就会跳到链接页面。
4. 目标：一张切片也就相当于一张图，可以由一个帧或者多个帧组成，而目标值决定在哪个帧上形成链接。

帧：类似于时间。例如：这个动画1秒20帧，也就是说这个动画每一秒由20张图片组成，可以是1张图占一帧，也可以是同一张图片重复多帧。如果一张图片占用的帧数越多，那这张图片在你眼里停留的时间越长，这样就行形成了动画的连贯和某些动作的快慢。

5. 信息文本：可自己定义，会显示在网页的上方。相当于取名。
6. Alt：可以随便定义。
7. 尺寸一般不用管
8. 切片背景类型也可以不用管：无。

设置好各项参数后——确定——文件——存储为Web所用格式——预览——点击缩小（


），双联（上联原图，下联修改之后的图）——设置右边的各项参数——三种格式都可以选（若选JPEG格式，品质在80左右较好）——存储——格式：HTML和图像；设置：默认设置；切片：所有切片——保存
02
视频学习
切片工具和切片选择工具_腾讯视频更多资料请关注：骚动的Knowledge

阿冂

课程是很详细，选项在哪还得自己一个一个找

一吻上天堂

线的是什么

曹锡军

为啥电脑可以打开做的超链接，手机打不开