UI动效案例研究分享-弹力变形教程

本次案例非常简单，但是想做好也不是那么容易滴。 借用一位伟人的话“所见即所得” 如果想完整的实现案例效果，就需要对案例进行深层次的分析解读（不看二十遍你好意思做？） 1，位移动画 2，旋转动画 3，颜色变换 4，形状变化 5，速度变化 6，缩放动画 7，表达式应用 还有很多小技巧什么的，是不是好害怕呀，嘿嘿 没事的，不要he怕，从小做起，慢慢积累，总有一天你会成为万人敬仰的老司机！！！ 岁月是把杀猪刀，紫了葡萄，软了香蕉，但是岁月积累下来的知识会陪伴你一生，共勉！！！ 插播一条技巧：先在AE里导出一个循环的视频，打开PS，新建视频分辨率大小图层，窗口中选中时间轴，把视频拖到图层上（是的，你没听错，ps也能识别视频），创建视频时间轴，哇哦，是不是和AE好像，果然是一个妈生出来的，然后导出web所用格式，选择GIF，循环方式选永远，再选择预览，另存一下就OK啦，把妹的终极技巧都告诉你了，还不点赞？

0139d6579a11780000018c1b243a13.gif

01355559c8bc8ba8012053f8ad1f0f.gif

动效

018db3607e751111013e87f40cf9c3.gif

ui动效

0160c65c7558f3a801213f26404d90.gif

动效练习

0155dd5d778ffaa801211d53406cfb.gif

AE小动效

01d2095e707c5ca80120a8951fba71.gif

AE小动画

01319f5da8134ea8012163bae6c83a.gif

AE小动画练习

011418572725cc32f875a399f95d27.jpg

百智汽车  智慧出行（一）

01c3db5b73cc54a80120d8c0e8d500.gif

跳跃的三角形

011b2457c7cce60000018c1bae2885.gif

loading gif－弹跳的三角

01df2a5ae1cca2a801214a61c916b7.gif

三角循环动效

站酷2022年度创作者

01afu81hln5atf3y6yqgpv3637.gif

设计分享/ HELADO

0196c4572ee4a86ac7255f9c228679.png

展示

017a115b73cc46a801218d325802fe.gif

01ab4960f0181211013f472066e7ac.png

AE-小动画

017027572725cc32f875a3995a945e.jpg

坤爵品牌全案开发设计，红酒包装设计----深圳古一设计

0109405a41f9c9a801206ed300dd91.gif

019c90568e79426ac725bb5cd1792c.gif

some gifffffffff

01e66c5b0e5f35a8012043d8b4d149.gif

GIF 练习

01ff215a013496a801202b0c2f89da.gif

简单动效

01cc435a153b8ca801213490f227f4.gif

全屋定制企业标志-soman梭曼

014e8c5ed07311a801215aa0f1541b.gif

04/21天计划：有趣的交错动效

011b355d54bbcda8012187f4f276df.jpg

leng标志

013d245a54854ea80120121fd50c99.gif

AE作品

01d85d5aab478ca80121246de46464.png

三角交错循环效果

01b20f5a2a0720a80120ba3823c13f.gif

AE基础动效

019759619af71011013e67fab9751d.gif

日常动效设计练习

01e9fe5c6b5878a801213f2675f5c2.gif

loading小动画

012d275a6a9cdea801213466bf6697.gif

动效小练习