SD贴纸翻折效果复现

实现贴纸或者叶片一类的效果

  • 先看视频链接:

图片示意

sdTOP12_1
st_02
st_03
st_04

实现方式:

2023423-195718

  • 参考哔哩哔哩大佬的方案:程序化螺丝钉
  • 主要是通过旋转角度配合位移矩阵,再配合value processsor对offset的数值进行同步处理,然后将遮罩的部分反转,将offset变换后再挪回去
    20230423200345
    20230423200412
  • 翻折的部分实际上是x到-x的变换,过渡是一个白到黑的gradient mask做出视觉上的凸起。
  • 总体的过程只是一个视觉上的trick,还是挺奇妙的。
  • 参数也很简单,就是翻折角度(起始点);以及剥落的距离(offset)
    20230423201208
    20230423201225

之后对于此类效果的改进计划:

  • 之后会完成对于position的改进,由滑杆的处理方式变为position定位点。
  • 其次准备实现卷曲效果,像是树叶枯萎后卷起来的样子的程序化处理