转自:http://yiliyumili.blog.163.com/blog/static/972595220132141817163/


简单介绍:

PS中的“切片工具”是用来切割图像的,将源图像分解为几张小图片。在存储图像时,每个切片都会作为独立文件存储。

这个功能用在网页中比较多,因为现在的网页中图文并茂,大图像所占的字节较大,因此打开一个网页所须的时间相对较长,为了不让浏览网页的人等待太长时间,所以用PS的切片工具将大图像切为几个小的图片来组成图像,方便网页里面的排版。

切片分两种,一种是用户切片,就是用户用“切片工具”在图像上按需要拉出来的切片,另一种就是衍生切片,是由用户切片衍生出来的。

使用方法:

1.选择PS CS5“切片工具”的快捷键:c

2.选取其属性栏中的样式设置:

正常:在您拖移时确定切片比例。

固定长宽比:设置高宽比。 输入整数或小数作为长宽比。 例如,若要创建一个宽度是高度两倍的切片,请输入宽度 2 和高度 1。

固定大小:指定切片的高度和宽度。 输入整数像素值。

3.在要创建切片的区域上拖移。 按住 Shift 键并拖移可将切片限制为正方形。 按住 Alt 键拖移以从中心绘制。使用“视图→对齐到”使新切片与参考线或图像中的另一切片对齐。

4.在使用“切片工具”过程中,如果想使用“切片选择工具”调整切片区域,可以按住Ctrl键,点击要调整的边线,即可选中,进行调整,而不用麻烦地切换这两个工具。

5.切割图像也可以直接在图像上按鼠标右键,选择“划分切片”,在弹出的窗口中,水平或垂直划分为下填入数字,可以等距离切片分割图像。

编辑切片:

使用“切片选择工具”处理切片,鼠标放在切片中,可以移动切片;放在切片周边,可以调整切片大小;选中多个切片,可以编辑切片对齐。

在切片名称上双击或者在切片上右击选择“编辑切片选项”,会弹出“切片选项”对话框,具体如下:

切片类型:图像,指这个切片输出时会生成图像,反之输出时是空的;

名称:为切片定义一个名称;

URL:为切片指定一个链接地址(如果只是切割图片,可以不用填写);

目标(target):在哪个窗口中打开(如果只是切割图片,可以不用填写);

x,y指切片的左上角的坐标,

w,h指切片的长度和宽度,你可在自己定义节的长和宽。

保存:

所有的切片编辑完成后,保存时,选择菜单“文件”→“存储为web和设备所用格式”,在保存文件的位置,PS会自动生成一个images文件夹,切好的图片就全部保存在里面了。下面是切片后独立保存的五张图片:

 

 

注意一点的是,cmyk模式的图片在网页上是看不到的。

PS cs5切片工具的使用相关推荐

  1. 如何用PS的切片工具切出想用的图片

    1.首先应当打开ps 2.选择第五栏中的切片工具 3.用切片工具选出想要使用大小 4.选择文件-->导出-->存储为web所用格式 5.在下方红色处可选择格式,蓝色处的存储按钮可选择存储位 ...

  2. ps切片工具里没有html,PS切片工具怎么用?PS切片工具的使用方法

    PS切片工具怎么用?有时候我们制作的图片很大,想上传到网页是没办法的,我们只能把它切成一个个小块再上传,这就需要使用到PS的切片工具了.相信还有很多伙伴不会切片吧?下面小编就来给大家说说PS切片工具的 ...

  3. 前端笔记(6)css布局机制,浮动,清除浮动,图片格式,ps切片工具及插件

    css样式表/层叠样式表(4) css布局的三种机制 浮动 浮动(float)的扩展 清除浮动 额外标签法(隔墙法) 父级添加overflow属性方法 使用after伪元素清除浮动 使用双伪元素清除浮 ...

  4. php切图工具,ps切片工具怎么切图

    ps切片工具怎么切图? 将准备好的详情页置入PS画布中(或随意一张图片置入画布中) 选择工具栏中的"切片工具",然后鼠标移动到画布中的时候,就会显示一个刀片的形状,而且会有数字显示 ...

  5. PS 切片工具的使用

    PS切片,快速将图象切成N个小图象,节省时间. 第一步:使用"标尺",拉"参考线",能够方便于"切片".在"视图"的&q ...

  6. ps切片成html形式怎么用,PS教程:Photoshop切片工具把效果图转成网页格式 PS入门综合 - PS学习网...

    PhotoShop中:切片工具是该软件自带的一个平面图片制作工具.切片工具:将一个完整的网页切割许多小片,以便上传.是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进 ...

  7. PS切片工具(切图bug有阴影) - 解决篇

    PS切片工具(切图bug有阴影) - 解决篇 先看一组对比: 有阴影 (切片工具) 使用 "切片工具"(如下图),切图有问题(问题描述 · 如下图2): 原因分析: (产生阴影的原 ...

  8. 讲解ps中使用切片工具,进行图标的批量切割

    在做设计开发中我们经常会用到图片,但是很多图片的大小和属性以及效果是需要我们去做些改变的,这就少不了使用ps,今天主要介绍下ps中的切片工具. 1)        在网页中,需要切片的内容: (1) ...

  9. ps如何切图成html页面,PhotoShop切片工具切割图片转成网页格式教程

    PhotoShop中:切片工具是该软件自带的一个平面图片制作工具.切片工具:将一个完整的网页切割许多小片,以便上传.是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进 ...

最新文章

  1. “战狼”无人直升机完成高原靶试
  2. python【蓝桥杯vip练习题库】BASIC-28Huffuman树(贪心 Huffuman)
  3. 学计算机怎么收费呢,学计算机怎么收费服务为先_贵阳经济技术学校
  4. C语言循环队列的实现方法,C语言循环队列(数组实现)
  5. 【转】linx 设备名字来由 sd sr sg st
  6. Shell 判断文件或文件夹是否存在(不存在则创建)
  7. winrar 去广告_解压缩工具之WinRAR下载安装教程
  8. Luogu1515 青蛙的约会
  9. Ubuntu查看解释器的两条命令
  10. A*B Problem II
  11. 8.1 模型压缩的方法
  12. 精细化管理设备资产,降低企业运营成本
  13. 天线方向图仿真(面阵、圆阵、圆环阵)matlab
  14. 如何得到信号的幅度谱和相位谱
  15. MySQL5.5安装步骤
  16. c语言求m n最小公倍数,最大公因数和最小公倍数的求法 求mn的最大公约数C语言...
  17. matlab求两向量夹角_MATLAB图形的标注与修饰
  18. 服务器无法取消指令方块显示,我的世界服务器如何关掉命令方块的提示(如图)?...
  19. 带鱼屏这种极致体验的电脑显示器也“飞入寻常百姓家”
  20. 信用卡到底有什么好处?教你四个技巧拥有大额信用卡

热门文章

  1. 如何在Docker中使用安卓模拟器+Appium
  2. java8新特性-lambda表达式入门学习
  3. cad详图怎么画_菜鸟入门必备:结构图如何根据建筑图绘制?【CAD】
  4. An Casual Overview of Reinforcement Learning
  5. java 面试 jvm 调优的意义 _java 培训
  6. 城市轨道交通之线路设计(一)
  7. 【Redis】缓存更新策略
  8. 苹果升级后怎么恢复以前的版本_iPhone升级iOS14,卡在更新进程无法启动怎么办?...
  9. eclipse项目的删除
  10. 主机防火墙配置模板linux,主机防火墙的设置与优化