0 Comments

动效Demo合集

发布于:2016-11-08  |   作者:广州网站建设  |   已聚集:人围观
相信掌握了这一个小的案例,举一反三可以做出十几种不同的动效效果。
可以做引导页的切换,也可以做页面元素的单独切换。发挥想象。各种创新~
赶紧上车试试吧骚年~

视频教程请看 http://www.zcool.com.cn/arti

视频教程链接http://www.zcool.com.cn/work/ZMTg5MDM5MTY=.html

 

b8bc58204ed5a84a0e282b35a9e1.jpg

 

b5985820533ca84a0e282be74a4d.jpg

0b1e582048c7a84a0e282b2a815d.jpg

 这个交互用pr这款软件实现起来不如hype3 。没有y轴的概念。无法做出3d透视效果

 

这个交互用hype3同样简单。卡片折纸的的效果。pr做需要控制animate的数值 

关于animate的重点过段时间整理教程再跟大家分享。

 

典型的pr动效。界面元素类似keynote的神奇移动。通过控制老司机就可以简单实现。

 

这个动效可以借助gif图或者视频。比如从ae里做好mov的笑demo插入到pr中。单纯用pr做是没法出现融合的效果。但是可以做出来形状的扭曲变形。同样也是通过animate.

 

这个利用今天的知识完全可以实现~方法一样具体怎么做要同学们开动脑筋~~

哈哈 是不是似曾相似,没错今天的教程是依据这个动效给大家做的演示~

 

卡片移动 列表缓慢进程,都需要控制animate轴。

后面的动效基本跟前面的类似。方法不一。一款好的动效实现起来有多种方式。

material design风格的界面 他的动效也是为了表意。贴合自然界的运动规律。这个动效中要注意缓动处理。

同样神奇移动~

修建路径~使用软件ae

在pr中有个auto的画板跳转方式。就是自动的意思。通过控制animate轴让两个或两个以上的页面进行不停的自动切换。他们之间图形的变化会产生自动的补间。类似于flash中的传统补间。

水波纹的缓动在ae里相对更容易实现。注意编辑速度图表,控制速度不要太强硬。

同样路径动画在pr中实现是比较麻烦的。ae中相对简单。


飞机