分享

PS cs5切片工具的使用

 一路走来5b9o7a 2018-04-24
   

简单介绍:

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模式的图片在网页上是看不到的。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多