恭喜你成为UI中国推荐设计师 (详情)

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
动态闪屏项目中用到的7个AE实用技巧
67.3°
原创文章 / 经验/观点 / / 举报
14629 355 172 4

2020-04-22

一篇看完就可以马上用到的干货。


之前做了一个App的视频闪屏项目,时间只有一周,所以流程是用unity游戏引擎绑定人物骨骼实时渲染出3D人物动画(节约了大量在3D软件中绑定骨骼刷权重的时间),然后输出视频资源,用AE做人物抠像,视频合成,最终输出视频。过程中,遇到了不少坑,这里先分享几个我觉得还蛮有用的实操技巧。


最终视频的效果




1、视频压缩问题

视频体积是一个很关键的问题,尤其是对于像移动端上用的闪屏,开机视频之类的,对视频体积有非常高的要求。通常,我们会通过降低视频清晰度,视频尺寸,帧率等等来减少文件体积。但经过这些处理后,有时可能还是满足不了要求。


这里介绍一种方法可以更加高效压缩视频体积的方法,通过改变视频码率来减少文件体积。这个方法的核心思想在于,一段视频中,画面的码率可以不同,通过压缩掉不需要的无意义码率来使得视频文件体积变小。其主要有四种码率控制方法,分别是CBR,VBR,ABR和CVBR,这里就不展开了(也担心理论太晦涩把各位绕晕,咱们只说具体操作,感兴趣的可以看看https://blog.csdn.net/cxy19931018/article/details/81535023这篇资料)。


通常的做法是通过AME(Adobe Media Encoder)来设置动态码率,能大幅缩小视频体积,关键是还能保留视频的质量。



具体操作步骤:

1)AE渲染输出的时候选择添加到Adobe Media Encoder队列

2)选择预设设置

3)调整视频比特率设置,比特率编码选择VBR,2次,调整目标比特率为2-4之间,最大比例率10-12


这样就可以大大降低视频文件体积了,且输出的视频尺寸和清晰度不会有明显损失。如案例所示,18MB的视频压缩到只有4M大小。


另外,也推荐使用Adobe Media Encoder这种外置渲染器进行视频渲染,这样你还可以继续修改视频哦,渲染制作两不耽误。


2、合成窗口太多,抽离高频窗口作为浮层

在AE面板中,合成窗口太多,需要反复查看效果时找起来非常麻烦,这时候可以将高频合成单独拖出来作为浮层,每次调整后,能非常方便查看效果。




3、图层的排列顺序可以直接复制

有时候,你想从一个合成中复制一堆图层到新的合成中,但是又不想改变图层顺序或是想要指定的图层顺序,便于操作。此时,你可以根据你的需要,按顺序选择图层,复制后,选择操作也会被复制过去。




4、合成中的素材要确保一致性

我之前做过一个视频项目,其中需要拼接几段视频素材,由于每一段视频素材都有缩放,位置等动画,又要完美拼合,制造出一种在一个镜头下拍摄的假象。在制作的过程中,踩了不少坑,其中问题最大的就是素材的一致性,这导致我后面非常难对准位置。



这里面,我总结了几个点需要在素材导入前就需要做好一致性处理:

1)素材以及导入后的预合成的尺寸或比例要一样;

2)素材的中心锚定要一致,尤其是在独立预合成中做了关键帧的话;

3)素材的帧率要一致,这个通过素材解释来统一。


5、清理缓存解决红斑,画面闪烁等问题

有时候,在AE中预览没啥问题,但是在视频输出后,会在视频中看到奇怪的红斑或者闪烁,这有可能是缓存问题造成的。需要清理缓存,步骤是:编辑——清理——所有内存与磁盘缓存,建议在最后渲染输出的时候再清理。





6、一些让我效率翻倍的快捷操作

1)素材锚点的快速居中对齐在给素材做旋转和位移时,需要经常调整居中锚点,而靠眼睛去很难正确对齐。比较好的办法是按住command再来拖拽中心点,这样能自动吸附素材的中心点或者水平或垂直中线上,精确对齐。



2)素材快速匹配尺寸

有时候放进合成窗口中的素材需要与合成窗口匹配大小,直接缩放的话,会比较麻烦而且不准确,这时候可以用快捷键实现快速匹配。


command+option+F (匹配全屏)


command+option+shift+H(匹配宽度)


command+option+shift+G(匹配高度)


7、键盘快捷键——快捷键大全

AE里的快捷键操作非常之多,经常需要百度去查链接,其实AE内置了快捷键大全了。在编辑——键盘快捷键(我用的AE版本是CC 2019),中可以直接查看所有快捷操作,并且还能复制导出,非常实用哦。




好了,这次的分享就到这里,我们下期见!

Powered by Froala Editor

微信公众号:彩云译设计

设计经验分享用户体验ui

创建于:2020-04-22
收藏

355人已收藏

彩云Sky

腾讯ISUX高级视觉设计师

  • 156

    作品

  • 1.2w

    粉丝

  • 13

    关注

  • 国外大佬总结的这20条B端图表设计原则,简直太实用了!
  • 总监问我为什么要用卡片设计?好在哪,怎么做?
  • UI设计细节系列——让设计细节更高级的24个实用小技巧
  • 被刷屏的微软全新3D表情,微软官方分享背后的设计思路

猜你喜欢

    彩云Sky

    彩云Sky

    腾讯ISUX高级视觉设计师

    首页霸主2016年度最佳作品集TOP50得主身经百战人气明星助人为乐
    • 1.2w

      粉丝

    • 2937.8

      人气

    • 8.2w

      颜值

    作品

      最新推荐

      10 个底部标签栏设计技巧

      275 0 2

      相关佳作
      换一换

        彩云Sky

        点赞:172

        收藏:355

        评论:4

        动态闪屏项目中用到的7个AE实用技巧

        你确定要举报动态闪屏项目中用到的7个AE实用技巧

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

        0/200

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

        点击上传附件

        对谁可见:

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

        您确认要推荐?

        该作品发布时间:2020年04月22日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

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

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

        登录

        账号或密码错误

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

        登录

        可云端编辑的专业级UI设计工具

        立即体验