十分钟第二季-动效系列(4) 制作Q弹柔性按钮

Recommanded by editor
上海/UI设计师/10年前/10576浏览
十分钟第二季-动效系列(4) 制作Q弹柔性按钮Recommanded by editor

冷门实用知识——如何用AE制作一个弧形的按钮动画呢?

        这期里我们要用AE制作一个柔性的按钮动画,主要思路其实是探讨如何将按钮的形变控制为弧形,涉及的内容还会包括一些基础的动画曲线编辑技巧。

(完成效果)


        在AE里面控制变形方法有很多,其中最简单粗暴的是直接使用Distort(扭曲)组中的效果来制作,能制作弧形的也不少,比如Warp(变形),但是它在控制弧形的角度以及动画控制都不太自由效果也比较差,所以需要变形控制度很高的Displacement Map(置换贴图)来制作。

        置换贴图的原理是通过一张图的亮度信息控制画面中像素的位移,只有水平和垂直俩个方向来完成偏移,通常都使用黑白的亮度信息(虽然也有用其他颜色通道的,但是用的极少)。


        如果用渐变来控制的话,你会发现这个变形是一个线性过渡,所以需要借助曲线来控制渐变的亮度才能制作弧形的变形效果,而其中亮度的0-100分别代表偏移方向的负数以及正数,而50的灰度时,像素将不发生偏移,效果如下~~


还没有看到作业规则的同学,微信回复[作业规则]即可查看)

教程内用到的资源微信回复DX获取素材和超高清教程视频!




151
Report
|
95
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in