2017-07-18 17:38

 版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处、作者信息和本声明,否则将追究法律责任。https://blog.kokojia.com/lovehwl/b-207.html

    那么这节我们就来说一下切片吧,其实在PS中存在两种切片,分别是“用户切片”和“基于图层的切片”,用户接片是使用切片工具创建的切片,而基于图层的切片是通过图层创建的切片用户切片和基于图层的切片,有时限定于自动切片,则由曲线定义,创建新的切片的时候,会生成附加的自动切片,来占据图像的区域,自动切片,可以填充图像中用户切片或基于图层的切片未定义的空间每一次添加或编辑切片时都会重新生成自动切片。而这次小编就为大家带来:认识切片的选项,这是对于创建切片很有作用的,所以希望大家能够喜欢。


    知识点①:其实我们为了使网页浏览的流畅,在网页制作中往往不会直接使用整张大尺寸的图像,通常情况都会将整张图像分割为多个部分,这就需要使用到切片技术了,切片技术就是将一整张图切割成若干小块,并以表格的形式加以定位和保存,这就是切片的作用。URL:链接地址,把这张图片变成一个按钮转跳到其他页面。目标:鼠标移上去后在图片边上显示注释。信息文本:鼠标移上去后状态栏里显示的注释。(很不起眼所以很少有人用这个)ALT标记:当图片无法正常显示时的替代文字。如果是想用外链显示图片,要在生成的网页里改img src=""这个的地址。如下图所示:

1500370684301184.png

    知识点②:那么我们了解了切片的作用之后,我们应该如何设置切片的选项呢?其实切片选项主要包括“切片名称”,“尺寸”,“URL”,“目标”等属性的设置,在使用切片工具状态下,双击某一切片片过选择某一切片,并在选项栏中单击“为当前界面设置”选项按钮可以打开切片选项对话框。如下图所示:

1500370665485830.png

    知识点③:切片类型,设置切片输出类型就就可以了,与html文件一起导出时,切片数据在web显示方式,选择“图像选项”时切片包含图像数据选择无图像选项时,可以在切片中输入文本,但无法导出,图像也无法在Web中浏览,选择表选项切片导出时将作为解套表写入到HTML文件中。
  ①名称:用来设置切片的名称。
  ②URL,设置切片链接的Web地址,在浏览器中单击切片图像时即可以链接到这里,设置了网址和目标框架目标,设置目标框架的名称。
  ③信息文本,设置哪些信息出现在浏览器中。
  ④标记:设置选定切片的标记,文本在图像下载过程中取代图像,并在某些浏览器中作为工具提示出现。
  ⑤尺寸:X、Y选项用于设置切片片的位置,W、H选项用于设置切片的大小。
  ⑥接片背景类型:选择一种背景色来填充透明区域或整个区域,如下图所示:

1500370641378883.png

    小编结语:其实切片在很多时候都会用到,例如网页流量时候,因为一整个图像会占用很大的内存,所以我们为了使网页浏览的流畅,在网页制作中往往离不开切片工具,所以我们就可以用切片工具吧,怎么将图像分割为多个部分,既然用到了切片工具,那么设置切片选项也是非常重要的,所以我们这节教程,教了大家如何设置切片选项,如果大家还有什么不明白的地方,欢迎咨询小编,感谢大家的支持。


 版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处、作者信息和本声明,否则将追究法律责任。https://blog.kokojia.com/lovehwl/b-207.html

评论