切片工具
时间:2023-07-22 09:09:01 | 来源:网站运营
时间:2023-07-22 09:09:01 来源:网站运营
切片工具:今天作者在这里简单介绍一下切片工具的使用。
工具介绍
切片工具:将一个完整的网页切割许多小片,以便上传。是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进行单独的优化,以便于网络上的下载。可以做成网格的,然后可以用dreamweaver来进行细致的处理。利用切片工具可以快速的进行网页的制作。
案例分析
首先我在淘宝上截图一张,在ps中打开。
创建参考线
参考线直接从这里拉出来就可以,放在自己想要切片的地方,使用快捷键Ctrl+R可以快速打开标尺,下图中我标红的地方就被称为标示。
切片
打开切片工具,按照标尺在我们需要的地方进行框选切片,切片后我们会发现有下图所示的小标志,表示我们切片成功了。
保存
切片完成后的保存动作也至关重要,点击文件--导出--存储为WEB所用格式,然后会跳出一个提示框,继续点击存储。
这里的格式可以根据自己的需要进行保存,就可以了。
END
设计:Miya(侵删)