.

导入PSD功能

老赵发表于:2022年04月24日 17:15:49更新于:2022年08月26日 15:23:17

大家好,导入PSD功能已经上线~在此介绍导入PSD功能的使用方法:

使用说明

入口

导入psd按钮的入口,可以在我们添加任意图片类型的组件素材时(如图片组件、二维码组件、幻灯组件等),在弹出的素材库弹窗面板的顶部栏中看到。

image.png

上传PSD文件格式说明

画板要求:

PSD文件内只有一个画板,且画板尺寸建议为844*1496px,72DPI,RGB模式。

我们不会裁剪您的画板,如果您的图层元素有超出画板显示区域的,建议先裁剪画板与图层到正确尺寸。否则画板外的元素也会被导入。

如您的设计稿为长页面、layer页面等特殊画布尺寸,素材导入到编辑器的位置基准点会是页面的左上角。

文件大小:

为保证上传速度与稳定性,PSD文件大小建议在800M以下,图层数量建议在50个之内。

图层要求:

为保证图片质量,请简化图层关系、合并组、将复杂图层栅格化或转为智能对象。

  1. 将包含众多图层的“图层组”合并为单个图层,否则平台将不识别“组”的ps图层,不进行导入。

  2. 将有“剪切蒙版”关系的相关图层合并为单个图层,否则会导入为没有“剪切”关系的两个图层。

  3. 将有“蒙版”的图层,右键点击“应用蒙版”,否则会导入为不带“蒙版”的单个图层。

  4.  将有“图层样式”的图层,右键点击“栅格化图层样式”,否则会导入不带“图层样式”的图层。

  5. 将有“混合模式”的相关图层合并为单个图层或调为“正常”模式,否则将按照“正常”模式进行导入;

  6. 将带有滤镜、曲线等的图层合并为单个图层,否则将不会生效。

  7. 隐藏的图层不会被导入。

  8. 含有透明度的图层可以被导入,导入后的对应图层显示效果与PS中相同,但Epub360中的该图层不透明度为100%。

  9. 含有文字的图层,由于无法识别字体等原因,会导入成一张图片。


导入后的素材文件夹位置:

我们可以在素材库弹窗中,在左侧的文件夹列表中选定一个文件夹,之后点击顶部的“导入PSD”按钮进行导入,此时,导入后的PSD分层图片素材,将会以一个子文件夹的形式存在于刚才选定的文件夹中。

导入后的位置:

上传完成后,该PSD文件内的素材将自动置入画布中,无需再次置入,请关闭弹窗查看。

导入素材大小

注:使用此功能导入的图片,不会自动压缩素材,所以可能会出现 H5 过大导致卡顿的情况发生,建议PNG格式背景过大情况下单独替换压缩成小图。

后续我们会针对这一块做出优化,在psd 文件导入到编辑器前先做一步压缩处理。


参考PSD文件

链接: https://pan.baidu.com/s/1nmPtCNKacmcxvKFAWrwECw 提取码: tut2 






--------- 不了解设计的程序员不是好客服 ---------------