2024年4月16日发(作者:酷狗音乐2022新版永久免费版)
PS网页设计中切片使用教程
1使用切片
【切片工具】通常是在设计Web页中用来分割页面的工具,就像在Dreamweaver
中绘制表格一样,在ps中我们同样可以使用【切片工具】直接在图像上绘制切片线条,或
使用图层来设计图形并创建基于图层的切片。
ps中的网页设计工具可以帮助我们设计和优化单个网页图形或整个页面布局。通过使
用切片工具可将图形或页面划分为若干相互紧密衔接的部分,并对每个部分应用不同的压
缩和交互设置。【存储为Web和设备所用格式】对话框可让我们在存储为一些网页兼容的
格式之前,预览不同的优化设置并调整颜色调板、透明度和品质设置。当然对图像切割的
最大好处就是提高图像的下载速度,减轻网络的负担。另外,分多块下载的图像,在视觉
上,也会给观众以“进行中..”的感觉,在心理上给人以下载速度快的错觉。
虽然在网络上很多图片都进行了切割,但在正常显示状态下,我们完全不能直接看出
哪些图片被切割过,而哪些是完整的。因此,切片无疑是一种巧妙的、“鱼与熊掌兼得”的
解决方案。要确定哪些图片被切割过,可以在网页中的文本区域往图片区域拖曳,如果图
片分小块变暗变蓝,则该图片是被切割过的,如图1所示。
图1
切片使用HTML表格或CSS层将图像划分为若干较小的图像,这些图像可在网页上重
新组合成完整的图像。通过划分图像,我们可以指定不同的URL链接以创建页面导航,或
使用其自身的优化设置对图像的每个部分进行压缩。而在ps中,提供了“切片工具”和“切
片选择工具”两种实现切割图像的工具,如图2所示。
发布者:admin,转转请注明出处:http://www.yc00.com/xitong/1713280288a2217891.html
评论列表(0条)