注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一粒玉米粒

玉米粒=琪琪=清清 ~.~ = ^.^

 
 
 

日志

 
 

PS cs5切片工具的使用  

2013-03-01 16:22:10|  分类: PS及教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

简单介绍:

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

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

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

使用方法:

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

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

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

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

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

PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒

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

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

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

编辑切片:

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

PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒

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

PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒

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

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

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

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

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

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

保存:

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

PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒

PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒 PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒

PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒 PS cs5切片工具的使用 - yiliyumili - 一粒玉米粒

注意一点的是,cmyk模式的图片在网页上是看不到的。
  评论这张
 
阅读(4842)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017