恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AE动效|UI上分案例分享~
165.7°
2022-11-20 原创文章 教程 举报 40903 341 246 6

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

更新:2022-11-20

收藏

341人已收藏

  • 4

    作品

  • 27

    粉丝

  • 0

    关注

  • UI进阶|详解AE中的缓动曲线
  • Blender近期作品合集
  • 设计师必看!|AE动效落地完全指南

    猜你喜欢

      2022-11-20 原创文章 教程 举报 40903 341 246 6

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

      165.7°

      你确定要举报AE动效|UI上分案例分享~

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年11月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      246
      341
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录