AE动效|UI上分案例分享~

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名
45865 6 248 2022-11-20

AE场景动画案例分享,希望大家学有所获~有更优的意见,也欢迎指教~

首先看一下实现效果吧:


案例一:飘落的纸张

步骤一:在sketch中绘制好页面


步骤二:AE新建合成,通过AEUX插件导入AE中(插件介绍和使用可以移步上一篇文章)


步骤三:新建摄像机,打开3D图层开关,图层进行X轴向旋转,调整成俯视图的状态

此时,我们会发现背景有点小,四周出现了黑角,选中背景图层,缩放到合适大小即可


步骤四:添加效果:斜面Alpha(给纸张添加立体感);添加位置动画


步骤五:添加效果:CC Page Turn,通过Fold Position属性控制卷边运动


步骤六:添加投影效果,控制距离和柔和度营造三维空间的投影效果


步骤七:给地面添加网格纹理,新建网格合成,配置完成后,将网格合成拖入主合成,统一旋转角度


步骤八:摄像机运动

最后加了一个窗户的投影,让整体更有空间感;其中每张卡片都可以打成预合成,预合成里的动画可自行添加,就不再详细讲解了。这里面的用到的效果参数,可以根据大家的需要进行适当调整。


案例二:发光logo

步骤一:添加效果CC Radial Fast Blur - CC径向快速模糊,通过调整模糊中心点的位置,控制logo发光方向


步骤二:添加发光效果,通过调节发光阈值、发光半径,增强发光强度


步骤三:添加勾画效果,此处需要将勾画效果拖到第一个位置,参数按下图调节,长度按0->1打关键帧

最终呈现


Powered by Froala Editor

全部评论:6

  • JIAYANGYE

    2023-03-31 11:53

    请问窗户投影怎么添加哇

  • 2023-02-22 15:08

    大佬哇,像文章开头的立体玻璃的图标是怎么做的呐

  • 台风天堵车

    2023-01-09 11:29

    @台风天堵车: 刚刚找到了(拼合选中图像)

  • 台风天堵车

    2023-01-09 11:04

    sketch转图片只能一个个导出嘛,图形复杂,想都转为jpg图片保持在原位,直接转近AE会有效变形和效果奇怪

  • aaat

    2023-01-09 10:38

    有视频吗

  • 左兔先生

    2023-01-06 10:40

    有视频嘛

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票