路野TK

今日AE教程,6步搞定,火遍全网的拟态化风格UI动效设计,主要是学习如何给添加自转效果,如何在AE中创建拟态化质感。希望能对大家有所帮助,也欢迎关注,会不定期更新各类动效教程。

视频:

https://www.bilibili.com/video/BV17k4y1B7vK?zw

 

【使用软件】After Effects

【学习要点】如何给添加自转效果,如何在AE中创建拟态化质感

【难易程度】★★☆☆☆

【文件下载】关注wx“设计师深海”回复“拟态化钟表”下载源文件

【效果预览】

 

STEP.1

新建800*600的合成,调整帧速率、持续时间与背景色

 

STEP.2

新建400*400圆形,添加投影效果

 

STEP.3

新建第二个400*400圆形,添加图层样式

 

STEP.4

新建第三个400*400圆形,调整渐变和高斯模糊

 

STEP.5

使用矩形绘制表针

 

STEP.6

给表针添加自转效果

 

STEP.7

补完关键帧,调整动画曲线,完成动画

END

 

原文地址:设计师深海(公众号)

作者:设计师深海

 

转载请注明:学UI网 » 【AE教程】6步搞定!火遍全网的拟态化风格UI动效设计

登录收藏
 
你可能喜欢的:
为什么我做的动效总是不够Q弹!为什么我做的动效总是不够Q弹!
【AE教程】如何制作毛玻璃风格图标动效(四)【AE教程】如何制作毛玻璃风格图标动效(四)
【AE教程】如何制作毛玻璃风格图标动效(三)【AE教程】如何制作毛玻璃风格图标动效(三)
插画、字体、动效插画、字体、动效
【AE教程】如何制作毛玻璃风格图标动效(二)【AE教程】如何制作毛玻璃风格图标动效(二)
【AE教程】仅需两步!制作流动的液体渐变效果【AE教程】仅需两步!制作流动的液体渐变效果
AE动画插件Lottie的前世今生,附详细案例教你避坑AE动画插件Lottie的前世今生,附详细案例教你避坑
18种常用AE表达式解析18种常用AE表达式解析
【案例】界面动效的制作与输出【案例】界面动效的制作与输出
UI/UX界面动效及开发合集(五)UI/UX界面动效及开发合集(五)