PS切图

切片:将图片切成几部分,一片一片往上传,这样上传的速度比较快。每个切片作为一个独立的文件传输,文件中包含切片自己的设置、颜色调板、链接、翻转效果及动画效果。

切片工具:主要是用来将大图片分解为几张小图片,这个功能用在网页中较多,因为现在的网页中图文并茂,也正因如此所须的时间就比较长,为了不让浏览网页的人等待时间太长,所以他们将图片切成几个小的来组成。

      切片是网页制作过程中非常重要的一个步骤,往往切片的正确与否会影响着网页的后期制作。一般是用Ps或者Fw对网页的效果图或者大幅度的图片进行切割。重要的正确的切片会给网站带来一非常正面的影响。比如:减少网页加载时间、制作动态效果、优化图像、链接等。

一、网页切片的制作

1、  减少网页加载时间

     有时候网页上可能需要大的banner图片,那么浏览器下载这个图片就要花费很长的时间,这是很不利于用户体验的。而网页切片的出现就很好的解决了这个问题。切片的使用使整个大的图片分为不同的很多的小图片,浏览器也会对这些小图片进行下载,这样浏览器下载图片的时间就大大的缩短了,节约了很多时间。

2、  优化图像

    一般说一个完整的图像只能是一种格式,jpg、gif、png、psd、dpf或者其他,一种格式那么我们就只能采取一种优化方式。而网页切片可以把这张分割成很多小图片,并且可以保存成其他格式,可以分别对其优化。这样就能保证图片质量高等的情况下还能减少图片的内存,也提高网页的加载速度。

 对图像切割的最大好处就是提高图像的下载速度,减轻网络的负担。另外,分多块下载的图像,在视觉上,也会给观众以“进行中..”的感觉,在心理上给人以下载速度快的错觉。

步骤:

(1)打开要切片的图片 选择移动工具 从上方、左侧标尺拉出辅助线(辅助线:视图->新建参考线)

    快捷删除参考线的方法:若是水平参考线,怎将它拖到垂直的标尺处,就会删除该参考线;若是垂直参考线,拖到水平标尺处。

    快捷隐藏参考线的方法:Ctrl+;(分号)

         标尺

(2)点击切片工具,选择区域

  对于我们设计的网页版面,用户可以考虑手动进行切割,以区别出文本或图像区域。而对于普通用来展示的图像,完全可以进行均匀的简单切割,这样会更加快速和高效。

 选择切片工具后,右键选择‘划分切片’

切片快捷键:

1、按住ctrl点切片可以选中切片。

2、按住ctrl然后按住鼠标可以拖拽切片。

3、按住ctrl和alt键之后可以复制当前选中的切片,可以快速做出多个大小相同的切片,可用在导航条等需要相同大小图片的地方。

4、图片颜色比较单一的情况下建议保存为png或者gif格式(图片长宽无所谓),可以保证图片质量的情况下保存一个比较小的图片。

5、记得适时的用下辅助工具,放大镜和标尺都是很好的工具。标尺工具很好用的,你在标尺附近画切片的时候你画的切片会自动吸附的。

6、自由的缩放图片:按住alt+滚轮

原文地址:https://www.cnblogs.com/xiaoan0705/p/9013160.html