美文网首页
AE特效 动态拼贴实现及分析

AE特效 动态拼贴实现及分析

作者: bobforever | 来源:发表于2019-08-22 17:24 被阅读0次

    下图为AE中效果参数

    动态拼贴

    参数说明 

    AE中默认原始纹理宽高均为100,保持原始比例

    拼贴中心:原始纹理中心

    拼贴宽度:原始纹理宽度缩放比例 

    拼贴高度:原始纹理高度缩放比例

    输出宽度:基于拼贴宽度决定原始纹理在纵轴方向平铺次数

    输出高度:基于拼贴高度决定原始纹理在横轴方向平铺次数

    镜像边缘:是否开启相领纹理镜像效果

    相位:默认为纵轴隔行纹理进行Y轴平移 平移距离为 相位角度/360*拼贴高度

                当开启水平位移,相位进行横轴隔行纹理平移

    水平位移:决定相位移动方向

    总结来说 拼贴宽高及输出宽高决定了画布中纹理填充方法 

                    拼贴中心决定原始纹理填充位置

                    相位决定了水平/垂直方向平移距离

    如下图为3倍原始纹理拼贴+镜像+180度相位视觉效果

    效果原理:

    1.根据上述参数生成一张原始图片的9宫格图片

    2.根据中心点所在格子进行镜像翻转

    3.根据中心点所在列进行隔列整体位移

    4.对生成画布图像进行整体缩放

    镜像算法实现:

    如图假定纹理高度为h,计算A字母头部y所对应原始纹理y’

    Y = y - (0.5 - h/2);

    当Y>h 时 y’= Y-h 翻转后 y’ =h- (Y-h)

    当Y<=h 时 y’= Y

    通用公式为 

    y’ = abs(fract(Y/h)-step(h,mod(Y,2h)))

    实现完成效果

    相关文章

      网友评论

          本文标题:AE特效 动态拼贴实现及分析

          本文链接:https://www.haomeiwen.com/subject/xkzgjttx.html