1、以Cordova平台开发所需安卓的启动图为例,这里一共需要12个不同的尺寸,有横向和纵向之分。
2、这是设计的原图,按1280×1920做的。
3、根据资源要求,【画板】工具,绘制一个200×320的画板
4、原始设计版本的背景及其他图形元素一起编组,等比例缩放后移动到新建的画板上。
5、对齐面板中,对齐方式选择“面板”,水平居中对齐,垂直居中对齐。
6、选中背景层,单独调整尺寸,完全铺满画布。
7、相同方法,创建一个320×480的新的画板,等比例缩放,这里缩放的原则是留白,然后通过调整背景图的尺寸,这样可以最大程度的让不同尺寸的图像保持一致。
8、现在看一下画板的命名,因为导出时前缀是可以任意修改的文件名,所以画板命名时以不同尺寸的后缀名为准。
9、需要注意的一点是如果图中涉及到渐变,尤其是径向渐变,缩放时因为宽高比不同导致渐变效果变化,需要在渐变面板把长高比改成100%
10、【文件】-【导出为】,文件名命名为通用的前缀,勾选“使用画板”
11、这样可以一次性导出所有需要的尺寸的图片
12、或者使用【文件】-【导出】-【导出为多种屏幕所用格式】,把后缀清除,缩放仅保留1X,这里画板的命名为实际图片的命名。