大家好,导入PSD功能已经上线~在此介绍导入PSD功能的使用方法:
使用说明
入口
导入psd按钮的入口,可以在我们添加任意图片类型的组件素材时(如图片组件、二维码组件、幻灯组件等),在弹出的素材库弹窗面板的顶部栏中看到。
上传PSD文件格式说明
画板要求:
PSD文件内只有一个画板,且画板尺寸建议为844*1496px,72DPI,RGB模式。
我们不会裁剪您的画板,如果您的图层元素有超出画板显示区域的,建议先裁剪画板与图层到正确尺寸。否则画板外的元素也会被导入。
如您的设计稿为长页面、layer页面等特殊画布尺寸,素材导入到编辑器的位置基准点会是页面的左上角。
文件大小:
为保证上传速度与稳定性,PSD文件大小建议在800M以下,图层数量建议在50个之内。
图层要求:
为保证图片质量,请简化图层关系、合并组、将复杂图层栅格化或转为智能对象。
将包含众多图层的“图层组”合并为单个图层,否则平台将不识别“组”的ps图层,不进行导入。
将有“剪切蒙版”关系的相关图层合并为单个图层,否则会导入为没有“剪切”关系的两个图层。
将有“蒙版”的图层,右键点击“应用蒙版”,否则会导入为不带“蒙版”的单个图层。
将有“图层样式”的图层,右键点击“栅格化图层样式”,否则会导入不带“图层样式”的图层。
将有“混合模式”的相关图层合并为单个图层或调为“正常”模式,否则将按照“正常”模式进行导入;
将带有滤镜、曲线等的图层合并为单个图层,否则将不会生效。
隐藏的图层不会被导入。
含有透明度的图层可以被导入,导入后的对应图层显示效果与PS中相同,但Epub360中的该图层不透明度为100%。
含有文字的图层,由于无法识别字体等原因,会导入成一张图片。
导入后的素材文件夹位置:
我们可以在素材库弹窗中,在左侧的文件夹列表中选定一个文件夹,之后点击顶部的“导入PSD”按钮进行导入,此时,导入后的PSD分层图片素材,将会以一个子文件夹的形式存在于刚才选定的文件夹中。
导入后的位置:
上传完成后,该PSD文件内的素材将自动置入画布中,无需再次置入,请关闭弹窗查看。
导入素材大小
注:使用此功能导入的图片,不会自动压缩素材,所以可能会出现 H5 过大导致卡顿的情况发生,建议PNG格式背景过大情况下单独替换压缩成小图。
后续我们会针对这一块做出优化,在psd 文件导入到编辑器前先做一步压缩处理。
参考PSD文件
链接: https://pan.baidu.com/s/1nmPtCNKacmcxvKFAWrwECw 提取码: tut2