AE内插件打造太极动画效果

动感逼真,栩栩如生,具有东方神韵的太极动画表达了中国人民对奥运成功举办的信心,Beijing,I am coming(北京,我来了!)表达全世界优秀青年对奥运盛会的期待和渴望。让我们先看看动画效果图。

动画效果图

在该动画效果中,我们利用After Effect的内置插件Vector Paint特效实现太极动画效果,Vector Paint插件是一种功能强大的矢量绘图工具,利用它可以在图层上任意的绘制各种颜色或形状的线条,并实时记录下这些线条的绘画过程,然后回放出来。

一、创建素材

1、运行Photoshop,打开预先准备的素材太极环图片,如图1所示:


图1 预先准备的素材

2、对素材进行处理,运用套索工具把太极环分割为5个单独的图片,注意在分割时候一定不能改变图片的位置,同时图片格式必须保存为PNG格式,如图2所示。


图2 把太极环分割为5个单独的图片

二、创建太极动画

1、运行After Effect6.5视频编辑软件,建立合成文件COMP1,设置如下:Preset(预设):NTSC  648×486(宽×高);Pixel Aspect Ratio(像素的百分比): Square Pixels; Resolution(分辨率):FULL;Duration(持续时间):35S;背景颜色为白色。

2、导入素材图片

双击Project的空白区,导入上面准备好的5张素材图片,由于这5张图片是透明图层,而且图片位置没有发生任何变动,合成的效果如图3所示。


图3 在AE中导入素材

时间: 2024-12-21 19:55:51

AE内插件打造太极动画效果的相关文章

Flash CS3打造光圈动画效果

  在flash中通常有几种方法创建相同的动画和效果.不管是在时间轴上做的动画还是用actionScript动态生成的,它都允许用户在舒适的环境中工作.一个简单的光圈变换是能用几种不同的方法来制作.我个人不知道这种动画代码从哪儿开始,但是给我一个时间轴和一些关键帧,我将进入我的工作环境. 1.第一步用椭园工具创建一个圆形.任一填充色,绘制时按住shift键使它成正圆.不要将这个形状转换为元件,相反地将这一层转换为遮罩层. 图1 2.在第1帧将圆缩到最小.用ctrl+alt+s打开缩放与旋转面板,

巧用PowerPoint2003打造动画效果

在使用PowerPoint时,有时为了强调某个对象,需要让其在屏幕上闪烁几下.记得以前,我们常常需要将该对象复制多个后重叠在一起,然后再分别设置动画效果才可以实现.在PowerPoint2003中,已经提供了两种让对象闪烁的方法: 方法1:选定对象,单击"自定义动画"窗格中"添加效果"/"进入"/"闪烁一次",即可为对象添加闪烁效果一次.但这种动画效果的缺点是动画效果演示完毕后,对象将会从屏幕上消失. 方法2:选定对象,单击&

基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享_javascript技巧

前言:前段时间一直都好忙也就好久没有写些东西了,最近手上的事刚好告些段落了,把以前空写的写插件都拿出来分享下吧,希望对大家有些帮助,也希望有高手能帮忙指点下我的写不足和错误,一直以来自己写的东西都是在用,性能方面个人只能尽量靠近问题还很多--真心求指点:插件简介:执行渐隐等动画效果,可以这个插件为一个附加插件 可以配合前面我发的一个弹出层 等等之类的东西用增加js展示的趣味性,使用方法:在下面的js代码里面前面写了,大家可以看看直接复制粘贴就可以用了有问题可以联系我</pJS代码如下 展示方式可

基于jquery fly插件实现加入购物车抛物线动画效果_jquery

先给大家展示下效果图: 在购物网站中,加入购物车的功能是必须的功能,有的网站在用户点击加入购物车按钮时,就会出现该商品从点击出以抛物线的动画相似加入购物车,这个功能看起来非常炫,对用户体验也有一定的提高.下面介绍基于jquery fly插件实现加入购物车抛物线动画效果. 使用jquery.fly插件很方便时实现抛物线动画加入购物车的功能 一.插件下载 插件官方:https://github.com/amibug/fly 二.载入jQuery库文件和jquery.fly.min.js插件 <scr

Jquery实现弹出层分享微博插件具备动画效果_jquery

此Jquery插件是一款非常实用的特效,是很多网站不可缺少的推广神兵利器,传统的一般都用百度.加网的分享插件,但样式外观都不怎么好看,用户体验效果差一点,此作品不但有分享功能,还具备了动画效果,提高了用户体验.由于用了CSS3,为了可以看到插件的最佳效果,建议大家使用谷歌.火狐等浏览器... 作品包括以下功能: 1.弹出层 2.遮罩层 3.动画效果 4.CSS3 效果如下: 源码下载 代码片段(1) 复制代码 代码如下: $(document).ready(function(e) { var s

AE贝塞尔曲线制作弹性动画

  在使用贝塞尔曲线制作弹性动画前我们先来了解贝塞尔曲线实现原理,来理解什么是符合物理运动规律的动画效果 Android L开始在动效实现方法上有了飞跃提升,散乱的动画效果主要是没有统一的理论支撑,终于在android L之后贝塞尔曲线和SVG动画的普遍使用,使得android原生系统的动效设计成为宣传的一大亮点. 这里重点说一下贝塞尔曲线.很多人一听起来觉得是一个特别专业的词语,其实不然,学过设计或有绘图软件基础的同学接下来都能理解贝塞尔曲线的原理. 在百度百科里面的解释是:"贝赛尔"

再JavaScript的jQuery库中编写动画效果的指南_基础知识

jquery中常用的动画的方法就是hide()与show(). $(element).hide()这段代码可以与这相等element.css("display","none")  在hide(time)与show(time)中填入事件,可以慢慢消失跟显现.可以修改元素的多个样式,高度,宽度,不透明度. 另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是,当使用hide或者show的时候会改变网页的高度,而fadeIn与fadeOut则不会

10款重量级CSS3的全新特效 实现超酷前端动画效果

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式.CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的.本周极客社区推荐10款使用CSS3实现的超酷前端动画效果.希望对大家有

聊聊那些令人愉悦的动画效果

由于静态图片传达信息的有限性,很多动态效果需要设计师通过添加设计说明并配合口述才能表达.这样做的优点是节约时间,有助于实现快速迭代,成本较低:但这样做的缺点是不够直观,很多细节存在于设计师自己的心中,仅通过静态图片和叙述没有办法完整地传达,冗长的设计说明让人丧失耐心,设计师心中的画面,往往到了开发时被理解成了另外的样子. 设计师内心的动画 因此,在时间较为充裕的前提下,很多设计师开始尝试输出动态设计稿,以求将自己的设计理念用更加直观且更吸引人的方式展现出来. (网页动态设计稿案例) (移动应用动