百木园-与人分享,
就是让自己快乐。

AE教程!动态循环迷宫图案!(含项目文件下载)

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=200975271&as_wide=1

教程作者:Dope Motions(授权翻译)

优设字幕组:尼莫

交作业:#优设每日作业#

关于教程

本次教程教大家制作复杂图形动画背景,只需要用到一个原始图案的形状图层, 效果有趣且观感丰富,赶紧学起来吧~

教程效果图

AE教程!动态循环迷宫图案!(含项目文件下载)

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 新建项目及渐变背景

新建项目

AE教程!动态循环迷宫图案!(含项目文件下载)

新建纯色图层,添加效果-梯度渐变,调整渐变各参数

AE教程!动态循环迷宫图案!(含项目文件下载)

Step 02 制作纹样

在未选中图层的情况下新建一个多边形并调整参数

AE教程!动态循环迷宫图案!(含项目文件下载)

复制一层路径并修改

AE教程!动态循环迷宫图案!(含项目文件下载)

AE教程!动态循环迷宫图案!(含项目文件下载)

用钢笔工具画出一条对角线

AE教程!动态循环迷宫图案!(含项目文件下载)

复制路径并修改属性

AE教程!动态循环迷宫图案!(含项目文件下载)

AE教程!动态循环迷宫图案!(含项目文件下载)

Step 03 添加动画

给形状图层添加修剪路径及关键帧,并添加表达式

AE教程!动态循环迷宫图案!(含项目文件下载)

AE教程!动态循环迷宫图案!(含项目文件下载)

隐藏修剪路径后添加中继器,修改相关属性

AE教程!动态循环迷宫图案!(含项目文件下载)

AE教程!动态循环迷宫图案!(含项目文件下载)

选中形状工具,向左上角移动

AE教程!动态循环迷宫图案!(含项目文件下载)

隐藏中继器和修剪路径,将形状拖至画布中间,继续添加一个小圆形并调整属性

给小圆的缩放添加关键帧及表达式

AE教程!动态循环迷宫图案!(含项目文件下载)

AE教程!动态循环迷宫图案!(含项目文件下载)

显示中继器及修剪路径,并把形状拖至左上角

AE教程!动态循环迷宫图案!(含项目文件下载)

Step 04 美化效果

将图层创建预合成并进行复制,对复制后的预合成进行水平翻转

AE教程!动态循环迷宫图案!(含项目文件下载)

添加动态模糊

AE教程!动态循环迷宫图案!(含项目文件下载)

最终效果图

AE教程!动态循环迷宫图案!(含项目文件下载)


来源:https://uiiiuiii.com/aftereffects/1212262882.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AE教程!动态循环迷宫图案!(含项目文件下载)

相关推荐

  • 暂无文章