PS cs5切片工具的使用
转自: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切片工具的使用相关推荐
- 如何用PS的切片工具切出想用的图片
1.首先应当打开ps 2.选择第五栏中的切片工具 3.用切片工具选出想要使用大小 4.选择文件-->导出-->存储为web所用格式 5.在下方红色处可选择格式,蓝色处的存储按钮可选择存储位 ...
- ps切片工具里没有html,PS切片工具怎么用?PS切片工具的使用方法
PS切片工具怎么用?有时候我们制作的图片很大,想上传到网页是没办法的,我们只能把它切成一个个小块再上传,这就需要使用到PS的切片工具了.相信还有很多伙伴不会切片吧?下面小编就来给大家说说PS切片工具的 ...
- 前端笔记(6)css布局机制,浮动,清除浮动,图片格式,ps切片工具及插件
css样式表/层叠样式表(4) css布局的三种机制 浮动 浮动(float)的扩展 清除浮动 额外标签法(隔墙法) 父级添加overflow属性方法 使用after伪元素清除浮动 使用双伪元素清除浮 ...
- php切图工具,ps切片工具怎么切图
ps切片工具怎么切图? 将准备好的详情页置入PS画布中(或随意一张图片置入画布中) 选择工具栏中的"切片工具",然后鼠标移动到画布中的时候,就会显示一个刀片的形状,而且会有数字显示 ...
- PS 切片工具的使用
PS切片,快速将图象切成N个小图象,节省时间. 第一步:使用"标尺",拉"参考线",能够方便于"切片".在"视图"的&q ...
- ps切片成html形式怎么用,PS教程:Photoshop切片工具把效果图转成网页格式 PS入门综合 - PS学习网...
PhotoShop中:切片工具是该软件自带的一个平面图片制作工具.切片工具:将一个完整的网页切割许多小片,以便上传.是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进 ...
- PS切片工具(切图bug有阴影) - 解决篇
PS切片工具(切图bug有阴影) - 解决篇 先看一组对比: 有阴影 (切片工具) 使用 "切片工具"(如下图),切图有问题(问题描述 · 如下图2): 原因分析: (产生阴影的原 ...
- 讲解ps中使用切片工具,进行图标的批量切割
在做设计开发中我们经常会用到图片,但是很多图片的大小和属性以及效果是需要我们去做些改变的,这就少不了使用ps,今天主要介绍下ps中的切片工具. 1) 在网页中,需要切片的内容: (1) ...
- ps如何切图成html页面,PhotoShop切片工具切割图片转成网页格式教程
PhotoShop中:切片工具是该软件自带的一个平面图片制作工具.切片工具:将一个完整的网页切割许多小片,以便上传.是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进 ...
最新文章
- “战狼”无人直升机完成高原靶试
- python【蓝桥杯vip练习题库】BASIC-28Huffuman树(贪心 Huffuman)
- 学计算机怎么收费呢,学计算机怎么收费服务为先_贵阳经济技术学校
- C语言循环队列的实现方法,C语言循环队列(数组实现)
- 【转】linx 设备名字来由 sd sr sg st
- Shell 判断文件或文件夹是否存在(不存在则创建)
- winrar 去广告_解压缩工具之WinRAR下载安装教程
- Luogu1515 青蛙的约会
- Ubuntu查看解释器的两条命令
- A*B Problem II
- 8.1 模型压缩的方法
- 精细化管理设备资产,降低企业运营成本
- 天线方向图仿真(面阵、圆阵、圆环阵)matlab
- 如何得到信号的幅度谱和相位谱
- MySQL5.5安装步骤
- c语言求m n最小公倍数,最大公因数和最小公倍数的求法 求mn的最大公约数C语言...
- matlab求两向量夹角_MATLAB图形的标注与修饰
- 服务器无法取消指令方块显示,我的世界服务器如何关掉命令方块的提示(如图)?...
- 带鱼屏这种极致体验的电脑显示器也“飞入寻常百姓家”
- 信用卡到底有什么好处?教你四个技巧拥有大额信用卡
热门文章
- 如何在Docker中使用安卓模拟器+Appium
- java8新特性-lambda表达式入门学习
- cad详图怎么画_菜鸟入门必备:结构图如何根据建筑图绘制?【CAD】
- An Casual Overview of Reinforcement Learning
- java 面试 jvm 调优的意义 _java 培训
- 城市轨道交通之线路设计(一)
- 【Redis】缓存更新策略
- 苹果升级后怎么恢复以前的版本_iPhone升级iOS14,卡在更新进程无法启动怎么办?...
- eclipse项目的删除
- 主机防火墙配置模板linux,主机防火墙的设置与优化