-
Creator 版本:2.1.1
-
目标平台:web
-
出现概率:100%
-
额外线索:不管是用tp打包还是creator自动图集,都会出现黑边问题,尝试了预乘处理和设置混合样式,这样确实解决了黑边问题,但是不能进去fadeto的动画效果,
当我把opacity设为100时就成这个样子了
不设置预乘黑边明显
求引擎组帮助===
demo:
lottie.zip (2.1 MB)
@jare @wangzhe @panda
Creator 版本:2.1.1
目标平台:web
出现概率:100%
额外线索:不管是用tp打包还是creator自动图集,都会出现黑边问题,尝试了预乘处理和设置混合样式,这样确实解决了黑边问题,但是不能进去fadeto的动画效果,
当我把opacity设为100时就成这个样子了
不设置预乘黑边明显
求引擎组帮助===
demo:
lottie.zip (2.1 MB)
@jare @wangzhe @panda
我来顶一下 确实有这问题
问题已反馈~
tp打图选择32位的格式,如果显示有黑边,你把原图放大了看应该就能看到黑边了
什么意思?
不用fadeto,直接设置opacity也会有问题
Demo里面原始图片里面的非背景部分是半透明的,需要在导出的时候就做好Alpha的预乘才能达到想要的效果,否则渲染的时候只会取RGB(255,243,230),就是纯白色不带透明的效果。AI,PS这些美术制作工具都有这样设置跟处理。比如在PS里面导出的时候图层类型选择Multiply, 然后透明度选择50%来预先混合上透明通道再导出。
效果如下,左边是在PS里面做了图层预乘混合的,右边是Demo里面的图。
这是在ps设置好透明度再导出么。。。如果在程序里动态改变透明度怎么办
ps设置好透明度只是对要使用预乘的半透明图片,如果想要动态改透明度就不能使用预乘+Blend ONE这种模式了,只能使用非预乘跟SRC_ALPHA,才能动态改变透明度。黑边的问题有部分是因为编辑器中图片的扩边参数导致的,可以在编辑器里面调整一下图片的参数,将Trim Threshold 改为0看看。
还是不行啊
你这是在编辑器里面放大看的吧,运行时也会很明显吗?本质原因还是边缘半透明部分混合了透明部分(0,0,0,0)的黑色RGB通道,像你发的这张图片边缘是倾斜的,不是平整的2的倍数,肯定会有部分像素混合一部分(0,0,0,0)像素,所以你放大看到的黑边并不是连续的。要解决有两种方式,TP这种图集打包的工具都会有扩边的设置,就是在将边缘半透明部分的颜色复制到边缘的透明部分,避免半透明边缘采样到(0,0,0,0)的黑色RGB通道。另外就是在美术出图的时候透明部分保留原色,而不是(0,0,0,0)这样的黑色透明。
Trim Threshold 为0 黑边依旧明显
你给的这两种解决方式第一种不适用也一样,第二种对于美术来说太麻烦了。 你们就不能改回以前吗?以前没有出现过这种问题啊
你给的这两种解决方式第一种不适用也一样,第二种对于美术来说太麻烦了。 你们就不能改回以前吗?以前没有出现过这种问题啊
持续关注中,被美术吐槽过这个问题很久了
关键是所有的官方人员都觉得这个不是他们的问题,觉得应该让美术来解决
我们会跟进这个问题,如果真的是无法设置 opacity
上面有demo可以试一下,而且有很多人都有这个问题。翻遍论坛没有找到合适的解决办法只能求助你们了
如果你们很急的话,可以使用自动图集,哪怕自动图集里只有一张图。我们在自动图集里默认帮用户做了需要美术去做的操作,可以确保没有黑边。