十分鐘第二季-動效系列(4) 制作Q彈柔性按鈕
上海/UI設(shè)計師/11年前/10596瀏覽
版權(quán)
十分鐘第二季-動效系列(4) 制作Q彈柔性按鈕
冷門實用知識——如何用AE制作一個弧形的按鈕動畫呢?
這期里我們要用AE制作一個柔性的按鈕動畫,主要思路其實是探討如何將按鈕的形變控制為弧形,涉及的內(nèi)容還會包括一些基礎(chǔ)的動畫曲線編輯技巧。


(完成效果)
在AE里面控制變形方法有很多,其中最簡單粗暴的是直接使用Distort(扭曲)組中的效果來制作,能制作弧形的也不少,比如Warp(變形),但是它在控制弧形的角度以及動畫控制都不太自由效果也比較差,所以需要變形控制度很高的Displacement Map(置換貼圖)來制作。
置換貼圖的原理是通過一張圖的亮度信息控制畫面中像素的位移,只有水平和垂直倆個方向來完成偏移,通常都使用黑白的亮度信息(雖然也有用其他顏色通道的,但是用的極少)。

如果用漸變來控制的話,你會發(fā)現(xiàn)這個變形是一個線性過渡,所以需要借助曲線來控制漸變的亮度才能制作弧形的變形效果,而其中亮度的0-100分別代表偏移方向的負數(shù)以及正數(shù),而50的灰度時,像素將不發(fā)生偏移,效果如下~~

還沒有看到作業(yè)規(guī)則的同學(xué),微信回復(fù)[作業(yè)規(guī)則]即可查看)
教程內(nèi)用到的資源微信回復(fù)DX獲取素材和超高清教程視頻!


151
舉報
聲明
95
分享
評論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來夸夸TA吧!
你可能喜歡
登錄注冊
99+登錄即可同步推薦記錄哦
95登錄即可加入我的收藏
評論登錄即可評論想法
分享分享






































