讲解切图概念及具体操作方法
1、 切图是指在电子屏幕显示设备的软件界面中,用于实现用户操作功能的UI设计元素。
2、 例如通过电脑访问淘宝网站。
3、 淘宝界面由众多可点击的图标与图片拼接而成,形成完整布局。
4、 所示
5、 按下F12键,或通过菜单选择工具中的开发者工具选项。
6、 图片图标无法直接通过代码生成,需将切图以植入方式整合进代码中。
7、 所示
8、 用PS软件进行切图操作
9、 网上找到的游戏素材图,大图标上叠加着小图标。
10、 所示
11、 利用切片工具,可将大图标分割成多个小图标。
12、 点击文件菜单中的存储为Web所用格式,在弹出窗口中选择相应设置并保存。
13、 支持多图标批量保存,格式为PNG。
14、 可点击存储或存储为...来保存单个图标。
15、 所示
16、 在视图中启用标尺,用鼠标从标尺拖出参考线,精准定位切图位置。
17、 所示
18、 用裁剪工具去除图片多余部分。
19、 所示

