Adobe After Effects 是制作动态影像设计不可或缺的辅助工具,是视频后期合成处理的专业非线性编辑软件。 After Effects应用范围广泛,涵盖影片、电影、广告、多媒体以及网页等,时下最流行的一些电脑游戏,很多都使用它进行合成制作。
和Adobe Premiere等基于时间轴的程序不同的是,After Effect提供了一条基于帧的视频设计途径。它还是第一个实现高质量子象素定位的程序,通过它能够实现高度平滑的运动。After Effect为多媒体制作者提供了许多有价值的功能,包括出色的蓝屏融合功能,特殊效果的创造功能和Cinpak压缩等。
After Effect支持无限多个图层,能够直接导入ILLUSTRATOR和PHOTOSHOP文件。After Effect也有多种插件,其中包括MetaTool Final Effect,它能提供虚拟移动图象以及多种类型的粒子系统,用它还能创造出独特的迷幻效果。
现在影视媒体已经成为当前最大众化,最具有影响力的媒体表现形式 。从好莱坞创造的幻想世界,到电视新闻所关注的现实生活,再到铺天盖地的广告,无一不影响到我们的生活。
过去,影视节目的制作是专业人员的工作,对大众来说似乎还蒙著一层神秘的面纱;十几年来,数字合成技术全面进入全面进入影视制作过程,计算机逐步取代了原有的影视设备,幷在影视制作的各个环节中发挥了巨大的作用。但是,在不久前影视制作所使用的一直是价格极为昂贵的专业硬件和软件,非专业人员很难见到这些设备,更不用说用它来制作自己的作品了
但现在,随著PC性能的显著提高, 价格不断降低,应是制作从以前的专业硬件设备逐渐向PC平台上转移,原来身份极高的专业软件也逐步移植到PC平台上来,价格日益大众化,同时影视制作的应用也扩大到电脑游戏,多媒体,网络等更为广阔的领域,许多这些行业的人员或业馀爱好者都可以利用手中的电脑制作自己喜欢的东西了。
合成技术指将多种素材混合成单一复合画面的。早期的影视合成技术主要在胶片,磁带的拍摄过程及胶片洗印过程中实现的,工艺虽然落後,但效果是不错的。诸如 ,“扣像”“叠画”等合成的方法和手段,都在早期的影视制作中得到了较为广泛的应用。与传统合成技术相比,数字合成技术,利用先进的计算机图像学的原理和方法,将多种源素材采集到计算机裏面,并用计算机混合成单一符合图像,然後输入到磁带或胶片上的这一系统完整的处理过程。
理论上,我们我们把影视制作分为前期和後期。前期主要工作包括诸如策划,拍摄,及三维动画创作等工序;当前期工作结束後我们得到的是大量的素材和半成品,将它们有机的通过艺术手段结合起来就是後期合成工作。
至此,可以引出本文主角——After Effects(简称AE)了,後期合成软件的佼佼者!
After Effects ,用于高端视频特效系统的专业特效合成软件,隶属美国Adobe公司。它借鉴了许多优秀软件的的成功之处,将视频特效合成上升到了新的高度:
Photoshop中层的引入 ,使AE可以对多层的合成图像进行控制,制作出天衣无缝的合成效果; 关键帧,路径的引入,使我们对控制高级的二维动画游刃有余;高效的视频处理系统,确保了高质量视频的输出;令人眼花缭乱的特技系统使AE能实现使用者的一切创意;
AE同样保留有Adobe优秀的软件相互兼容性。它可以非常方便地调入Photoshop,Illustrator的层文件;Premire的项目文件也可以近乎完美的再现于AE中;甚至还可以调入Premire的EDL文件。新版本还能将二维和三维在一个合成中灵活的混合起来。用户可以在二维或者三维中工作或者混合起来幷在层的基础上进行匹配。使用三维的曾切换可以随时把一个层转化为三维的;二维和三维的层都可以水平或垂直移动;三维层可以在三维空间里进行动画操作,同时保持与灯光,阴影和相机的交互影响!~~并且AE支持大部分的音频,视频,图文格式,甚至还能将记录三维通道的文件调入进行更改
最新版本 After Effect CS4 PS PS指Photoshop,photoshop是Adobe公司旗下最为出名的图像处理软件之一。多数人对于PHOTOSHOP的 Photoshop CS3操作界面 了解仅限于“一个很好的图像编辑软件”,并不知道它的诸多应用方面,实际上,PHOTOSHOP的应用领域很广泛,在图像、图形、文字、视频、出版各方面都有涉及。
【实现原理】弹出层的基本原理在仿Lightbox效果中已经说的差不多了。
关键的地方就是定位,一般相对文档的定位用absolute就行了。
要随屏移动,即相对窗口定位,就用fixed定位。
这些实现起来都很简单,除了不支持fixed的ie6。
【兼容ie6的fixed】
由于ie6本身不支持fixed定位,只能模拟或取巧来间接实现。
最原始的方法是在window的scroll事件中不断修正弹出层的位置。
后来有人发现还可以通过reflow“离奇”地实现。
但以上方法都有一个缺陷,滚动时弹出层会“发抖”,很不舒服(可以用缓动等来改善)。
想要不发抖,可以通过html和css的巧妙应用来实现,具体参考14px的介绍。
原理是用一个容器代替body,然后对不会动的body绝对定位。
看来很完美,但有一个致命的问题,这个方法需要修改html结构,会影响到相关的一些东西,例如window的scroll事件等。
程序中用了另一个方法,通过body的背景和expression来实现,下面是一个兼容的fixed效果:
相比前面的方法,这个是比较完美的了,但也有一些问题,例如body的背景只能用fixed,使用expression资源消耗相对较大。
更大的问题是不能实现用百分比值或right/bottom来定位。
为了解决这个问题,程序使用了一个定位层,这个层用上面的方法实现fixed定位,尺寸跟窗口大小一样,并且位置重合,那么只要用一般的定位方法相对这个层定位,就能达到相对窗口定位的效果了。
兼容程序主要在RepairFixed对象中,首先设置body背景
再创建定位层
定位层还要设置"overflow:hidden",好处是不会因弹出层在document原来的范围外而自动扩大document。
ie6测试以下代码,document会随着下滚而不断扩大
加上"overflow:hidden"就可以防止这种情况。
然后弹出层通过append方法修改为"absolute"定位,并插入到这个定位层,这样就能实现fixed效果了。
由于这个定位层比较耗资源,所以在有元素插入时才会插到body中。
在不需要fixed的时候,要用remove方法从定位层中移除,当定位层内没有需要定位元素就会自动从body移除。
ps:隐藏的话expression还会继续执行,要移出文档才行。
【居中效果】
加入居中扩展程序,并且设置center为true,就会自动相对窗口居中。
居中的原理跟仿Lightbox效果是一样的,通过设置负的元素尺寸一半的margin和"50%"的top/left来居中。
要注意的是不是使用fixed定位时,计算需要加上scrollTop/scrollLeft。
【覆盖层】
在仿Lightbox效果中,ie6的覆盖层是通过创建一个覆盖整个页面的层来做的。
使用新的兼容fixed方法后,就不用另外做兼容,按照fixed的效果做就行了。
覆盖层是由AlertBox扩展而来,它其实就是一个大小跟窗口一样,并且跟窗口重合的弹出层。
由于覆盖层一般只需要定义一个就行了,这里把它做成一个OverLay对象,使用时直接调用它的show和close方法。
【遮盖select】
在仿Lightbox效果中介绍过两种遮盖select的方法:隐藏和iframe。
程序是通过iframe来遮盖的,放在ie6的兼容扩展程序中。
在iframe定位时要注意,要定位到弹出层的负的clientTop/clientLeft,这样才能保证边框不会被遮住。
使用技巧
【定位】
除了居中,程序会按照弹出层本身的定位样式来显示。
不是fixed定位时要注意,在ie6是相对当前窗口来定位的,其他都是相对第一屏窗口来定位的。
还要注意,必须声明DOCTYPE,才能正确定位。
程序为了尽量通用,降低了效率(用了4个expression),所以最好还是根据实际情况自己来调整。
ps:需要像定位提示效果那样预设定位的话,可以自行扩展。
【锁定键盘】
使用覆盖层时,为了防止用户通过键盘操作页面,可以在document的keydown中执行preventDefault来禁用。
如果弹出层需要正常操作,只要在弹出层的keydown中执行stopPropagation就行了。
【拖动弹窗】
这里只是简单的加上拖动功能,要注意的是fixed定位时,计算拖动的参考对象是不同的。
更详细的拖动介绍可以看看这个拖动效果。
【遮盖flash】
有时显示出即使设置了zIndex也会被flash遮住,只要给flash添加一个wmode属性设置其值为transparent,即把flash设置透明就行了。
使用说明
实例化时,必须有弹出层作为参数:
new AlertBox("idBox")
可选参数用来设置程序的默认属性,包括:
属性:默认值//说明
fixed: false,//是否固定定位
zIndex: 1000,//层叠数
onShow: $$.emptyFunction,//显示时执行
onClose: $$.emptyFunction//关闭时执行
还提供了以下方法:
show:显示弹出层;
close:隐藏弹出层;
dispose:销毁程序。
加入兼容ie6扩展程序后,会自动修正ie6的fixed问题,可根据fixSelect属性设置是否修正select遮盖bug,默认是。
加入居中扩展程序后,可根据center属性设置是否居中,默认否。
RepairFixed修正fixed对象,可独立使用,有append和remove方法添加和移除需要fixed的元素,只能在ie6使用。
OverLay覆盖层对象,有如下属性:
属性:默认值//说明
"color": "#fff",//背景色
"opacity": .5,//透明度(0-1)
"zIndex": 100,//层叠值
还有show和close方法显示和隐藏覆盖层。