相关分类
AE实例教程
AE特效教程
AE视频教程
VIP会员AE教程
飞特网 顶部通栏广告

使用After Effects滤镜制作粒子与文字的变幻效果

wjkrfaie发布于:2012-3-2 21:35 |原作者: admin| |来自:互联网
wjkrfaie
云南省 昆明市 网页设计师
发私信 + 关注
简介: 本教程向FEVTE的朋友们介绍使用After Effects滤镜制作粒子与文字的变幻效果,制作方法很老了,不过还是很实用哦,感兴趣的朋友们快来学习一下吧!
打开after effects 4.1,新建一个项目文件,保存为morph.aep,新建一个composition, frame size(大小)为320x240,duration(长度)为2秒,frame rate(帧率)为30。在时间布局窗口新建两个solid,分别为solid 1和solid 2。选择effecttextbasic text分别为两个solid输入文字,分别为"创意无界限"(以下简称文字1)、"追求没有止境"(以下简称文字2)。为了使文字呈现立体效果,还需要应用bevel alpha滤镜。 选择effect perspective(透视) bevel alpha,分别为两个文字增加bevel alpha 效果,参数可保持缺省值。
具体的思路可以这样考虑,要想使文字1变形为粒子,可以直接采用scatter(发散)滤镜,将scatter amount(发散数量)逐渐变大即可。因为scatter滤镜的作用是使图像的像素发散开,通常可以创造一种布满污点和高度模糊的效果。当scatter amount值很大时,图像会完全变成散点,就类似于粒子。特别是对于利用after effects 的text组滤镜制作的字幕文件,由于其自身已经含有alpha 通道,那么可以很容易的实现多层图像的合成。注意这个滤镜仅仅在after effects 4.1 pro中有,在其早期的3.1以及4.0版本中都没有。
如何使粒子变形为文字2呢,这其实也不难。可以设定scatter amount的值由大变小,这样会实现逆向的粒子到文字的变幻。并且假如solid 1的出点和solid 2的入点相接的话,那么应该得到一种文字1-粒子—文字2 的自然变幻。

  按照这一思路,我们首先通过拖动改变solid 1的出点为1:00,改变solid 2的入点为1:00。选择effectstylize(风格化)scatter,为solid 1应用scatter滤镜。调整时间到0:20处,按e键,展开solid 1的effect属性,点击时间布局窗口中solid 1层的effectscatter属性左边的小三角,展开scatter,点击scatter amount属性左边的时钟图标,为solid 1增加一个关键帧,但其值保持为缺省0。调整时间到1:00处,改变scatter amount值为127。after effects 将自动在此增加一个关键帧。观察合成图像窗口comp1,可以发现此时文字1已经完全演变为粒子,但文字2还未发生任何变化。在调整scatter滤镜参数时,务必注意不要勾选scatter randomness,因为这一选项的作用是使图像在每一帧随机的发散,如果选择了,那么试图控制scatter amount的数量是不可能的,因此相应的关键帧设置也是不起作用的。
  用同样的方法为solid 2增加scatter滤镜,在1:00处设定scatter amount值为127,1:10秒处设定其值为0。 分别选择时间布局窗口中solid 1层和solid 1层,右击鼠标在弹出的菜单中将quality都设置为best。按空格键或者小键盘上的0键预览效果。
  我们发现文字幻化为粒子的效果已初步实现,但还有一些问题: 首先,文字1形成的粒子与文字2形成的粒子之间在大小上有差异,原因在于两个文字的字数不同,这两个文字的宽度应该尽可能的匹配,所以还需要在水平方向调整尺寸。因此我们调整solid 2的尺寸,选择时间布局窗口的solid 2,按s键,展开solid 2的scale属性,调整其大小,设置为80左右。如果需要严格的一致,可以选用effectperspectivetransform滤镜,以在文字的高度和宽度上均加以调节。这样将有助于使变形过程比较自然流畅。
其次,文字1变形为粒子似乎有些突兀,在变形前应该有一个准备的过程,因此我们进行一些细节上的调整。确保时间布局窗口的solid 1被选中,选择effectdistort(扭曲变形)spherize(球化),为solid 1增加spherize滤镜。调整时间到0:15处(注意这个时间设置应比scatter滤镜的第一个关键帧提前一些),设置radius(半径)参数值为0,并点击时钟图标增加关键帧。调整时间到0:20处,设置radius值为80左右。调整时间到1:00处,设置radius值为0。在调整参数过程中,应注意观察时间布局窗口中相应属性左边的关键帧检测框是否勾选,确保已经建立了三个关键帧。spherize滤镜的这三个关键帧与scatter滤镜的三个关键帧所共同形成的效果应该是文字1首先向外"鼓",然后逐渐变形为粒子,在变形过程中又逐渐收缩,当粒子完全转化为文字2时,收缩结束。。
  为了使变形效果更加精致,使爆炸效果更加生动,我们对粒子使用了glow(发光)滤镜,这将使粒子有一定的"烟雾"效果。这里需要注意滤镜参数控制(effect control) 窗口中的各滤镜的顺序,从上到下的顺序必须是basic text、bevel alpha、spherize 、scatter、glow。如果不是,应该通过拖动加以调节。
FEVTE编注:更多After Effects特效教程学习交流和After Effects作品发布请访问飞特网After Effects特效教程栏目,地址:https://www.fevte.com/moive/AE/AE_texiaojiaocheng/

综合实例2、利用mask动画制作手写文字动画

  由于after effects尤其具有强大的遮罩动画功能,因此使用遮罩动画功能来制作手写动画是再方便不过了。adobe premiere没有提供动画mask(遮罩)的功能,(当然可以通过十分复杂的方法实现简单的遮罩动画),用这种方法不太现实。
  我们这里制作一个"报"字的手写动画。
  启动after effects,新建一个480x480的合成图像,取名为text,时间设定为4秒。在层窗口新建一个solid,使用滤镜basic text,输入文字"报"。 关闭合成图像text,再新建一个480x480的合成图像"write"。将text合成图像拖动到时间布局窗口,这样text合成图像将作为一个嵌套的层使用。 双击text层,在层窗口进行动画mask的工作。我们注意到"报"字是由七个笔画组成的。因此至少应该建立七个mask。为了便于遮罩的修改,应该点击layer窗口左下方的比例下拉菜单,首先扩大显示比例为400%左右,然后选中工具箱中的放大镜工具,放大"报"字,可以拖动层窗口的上下以及左右滑条,以便于修改。遮罩的建立和修改均使用工具箱中的钢笔工具。这个钢笔工具的使用方法类似于photoshop中的钢笔工具。
  将时间布局窗口的时间调整到0:00。在时间布局窗口中选中text层,按m键,展开text层的mask属性,再点击mask属性左边的三角形,展开mask shape属性,点击一下时钟图标,增加一个关键帧。首先建立第一个遮罩,选中钢笔工具,沿着"报"字的第一笔即一横,勾画,使遮罩在横的左上方,但并不覆盖第一个笔画,将时间布局窗口时间调整到0:05,选中工具箱里面的箭头选择工具,向右上拖动遮罩右上方的两个点,使建立的遮罩覆盖第一个笔画。你对mask shape属性的任何修改,after effects均将自动的插值以创建关键帧。通过这样的操作就形成了5帧动画,在0帧到第5帧时间里,遮罩将自动的从横的左上方向右上方扩大,这样在第5帧以后"横"将出现在最终的合成图像里面。
  由于每个新的笔画其关键帧的起始时间都应该是上一个笔画的最后一个关键帧的时间,因此将时间布局窗口的时间调整到0:05,为第二划"竖勾"增加并修改遮罩以及设置关键帧。只要你用钢笔工具在层窗口中点击,after effects就将自动建立一个新的遮罩。例如现在我们看到layout窗口中已经自动多了一栏mask 2。类似的,为每一个笔画建立一个遮罩,并根据笔画的长度和复杂程度决定相应的时间,设置相应的关键帧。一般而言,较长以及弯曲程度大的笔画占用的时间稍长一些,关键帧也要稍微多一些,例如本例中第二划"竖勾"的关键帧就比第一笔"横"多一个,这也符合实际书写的情况。对于复杂的笔画,例如弯曲的笔画,可以适当用钢笔工具在遮罩上点击增加控制点,并可以调节其切线(手柄)。甚至可以将其分成两段用两个遮罩动画它。
对于汉字手写动画,一个特别值得注意的问题是交叉笔画之间的遮罩勾画应十分仔细,避免使遮罩覆盖相邻的笔画,否则将使最后的书写顺序混乱,整个动画过程不干净。因为遮罩的建立和修改需要十分仔细,中途应该反复的通过内存预览,观察最后的效果,如果有了偏差,应该删除关键帧重新制作遮罩。

综合实例3: 电影《星球大战》序幕效果的制作

  《星球大战》的片头很有特点,它以星空为背景,用逐渐飞向星空深处的文字介绍了电影故事发生的背景,一下子把观众带到了神秘的未来星际世界。现在我们将用adobe after effects 4.1制作这个精彩的片头。其中主要使用了after effects 的嵌套合成技术。

一、初步的合成
  序幕文本的建立有很多方法,可以直接使用adobe after effects 4.1提供的basic text滤镜完成。
由于序幕的文字较多,为了便于调整文字效果,我们使用adobe illustrator8.0建立文本文件,设定尺寸为320x500象素大小,保存文件为roll.ai,然后启动after effects 4.1。选择filenewnew project,建立一个新的项目文件,假定为starwars.aep。在项目窗口中,单击鼠标右键选择importfootage file(引入脚本文件)输入roll.ai。
  我们先初步考虑一下思路。 这类滚动文字的动态效果我们可以分成两个部分完成。 一个是文字从底端到顶端的滚动, 另一个是倾斜效果,最终的效果应该是文字逐渐飞向星空无限处,然后消逝。 选择compositionnew composition,新建一个合成图像 (它应该和你建立的文本文件像素一致),所以这里设置frame size为320x500象素大小。调整duration值,设定合成图像1的时间长度为30秒。为了使观众能够看清楚文字,应根据文字内容的多少适当调整合成图像的时间设定。
  现在引入illustrator 文本文件roll.ai到项目窗口,然后从项目窗口中把它拖动到时间安排或合成图像窗口。 在合成图像窗口中,把它移动在合成图像的底端,在timelayout窗口按p键,展开位置属性,点击position属性左边的时钟标志,建立一个位置关键帧。将时间线移到结尾, 在合成图像窗口中,拖动文本部分到到合成图像窗口的顶端。这里一定要保证文本在一条直线上移动,在30秒的位置建立另外的位置关键帧。注意在adobe after effects 中如果素材的某个属性已有了一个关键帧,那么这个属性值的改变将会自动创建一个关键帧,因此一般我们不必再点击时钟标记。看一下position左边的关键帧检测框,确保已经新建了另一个关键帧。通过上面的步骤我们完成了文从下往上的滚动效果。
  确保timelayout窗口中roll.ai层被选中,单击鼠标右键选择effect/perspective(透视) 菜单,应用basic 3d滤镜,为文本应用倾斜效果。tilt(垂直旋转)参数设置为-70 degrees。 拖动时间线到时间标记一半的位置,按一下空格键,从内存预览一下动画效果。注意该功能是after effects 4新增的一个功能,它可以使我们更方便迅速的修改和调整作品。
  观察效果,文本部分虽然向上滚动,并且是在倾斜的滚动,但看起来并不是离我们越来越远,因为文字是整个的一块儿向上移动,它并没有逐渐消逝在"星空"里面。因此现在的效果缺乏吸引力。我们需要考虑另外的思路:嵌套合成图像。

二、嵌套图像
  在这个例子中我们仅仅使用2层嵌套。在这里我们可以设想对"文字的向上滚动"(不是滚动的文字)应用倾斜变化。可以这样理解,一个限定的矩形平面(屏幕)内有文字在向上滚动,现在对这个矩形平面进行倾斜(垂直旋转)处理,那么只要角度合适,必然最后我们所看到的就是文字逐渐消逝在屏幕的某个地方,例如中央,因为文字的滚动仍然在这个被倾斜的平面内。
在滤镜窗口中选中basic 3d滤镜,按delete键删除basic 3d滤镜。 另外建立一个新的合成图像comp2。将comp 2与comp1时间长度设置一致,但是更改其纵横比为320x240。在这个时候你可以载入另外的素材到comp 2中。这些素材可能包括星空背景,行星,飞船等等。我们这里使用一个地球图片earth001.pct、星空图片star001.pct,以及starwartitle.ai和intro.ai。后两者均在adobe illustator 8中完成。你当然可以使用动态星空背景avi或mov素材。
  从项目窗口将这些素材拖动到timelayout窗口,最后从项目窗口拖动comp 1到timelayout窗口,并且使它居中。首先将作为背景的图片star001.pct从项目窗口拖动到合成图像窗口中,由于这个背景层在整个动画过程中并不进行处理,因此点击timelayout窗口中这个层左边的锁切换标志锁定它,以避免我们发生误操作使它移动。 现在我们刚完成了合成图像嵌套的工作。
  在timelayout窗口中选择comp 1,通过菜单或者单击鼠标右键选择effectbasic 3d,为它应用basic 3d滤镜,在弹出的滤镜对话框中设置tilt值为-70,即设置为-70度倾斜。图5。 现在观察合成的效果,我们发现效果要比刚才好一些了,拖动时间线观察合成图像窗口中文本轮廓的运动,发现该轮廓始终固定,例如轮廓的中心始终在屏幕的中心,因此这种嵌套的做法是正确的。但是文本从屏幕上屏幕上滚动的速度太快。并且好像文字滚动的纵深感不够,没有完全展现出空间的深邃,它看起来并不象正在飞向无限远处。假如我们能够把合成合成图像comp1的顶端部分变得小一些,即使它推斜一些,效果将会更加真实自然。
  下面做进一步的调整,这里有两种不同的方法. 关闭basic 3d滤镜,并且应用production bundle package.提供的effectdistortmesh warp滤镜(网格变形)。这个滤镜将层划分成若干个网格bezier 面片。每个面片均可以独立的通过节点和手柄(切线)进行很自由的弯曲变形,其使用方法类似于photoshop中的路径。由于我们的目的仅仅是使滚动文本上端小些,下端大些,类似一个梯形,因此没有必要采用其rows/columns默认的值7。为便于调整,最好使我们的网格只有四个点,因此将mesh warp对话框中的rows/columns值都设置为1。在x 轴上往中间移动左上角和右上角的点,调整手柄(切线),使左上角点的两个手柄分别与mesh网格左上角的两条边相重合,使右上角点的两个手柄分别与mesh网格右上角的两条边相重合。注意由于我们的文本文件长度较长,在合成图像窗口中并不能显示mesh的全部,我们看不到mesh的四个角,因此需要改变合成图像窗口的大小,拖动合成图像窗口上面的角,使它拉长,并露出mesh上面的两个角,这样我们才可能进行mesh调整。还可以采用effectdistortcorner pin effect边角扭曲滤镜,使文本层扭曲。读者可以尝试一下使用两种不同的方法,看哪种效果更好。
  在这个例子中,最好使用mesh warp网格变形,因为它能够提供更多的控制以方便修改和调整,并且变形后的文本只是在水平方向发生了变化。而corner pin滤镜还往往使文本在垂直方向移动并产生不均匀的变化,会使得文本上小下大,显得倾斜过头了。

三、增加其他素材动画
  单纯的这个滚动文本只是说明了电影故事的背景,但是电影序幕还需要一些其他的素材作铺垫,例如电影标题。所以我们引入另外两个素材。 将starwartitle.ai和intro.ai从项目窗口中拖动到合成图像窗口中,并调整其入点分别为0、5:14,出点为5:29和20:05。
  对starwartitle.ai应用basic 3d滤镜,调整basic 3d滤镜参数。设置起点distance值为—200,并点击时钟标记产生一个关键帧,在13秒处设置distance为1500。这样将使该标题逐渐从大到小的进入屏幕,最后消逝在无垠的星空中。为什么不直接采用scale属性,原因在于scale属性并不能充分的体现运动的纵深感,它是一种二维的运动模拟,而basic 3d属性提供负的属性值,能够较真实的反映物体在三维空间的运动。
  对intro.ai仅仅使用了opacity(不透明)属性控制,以得到一种淡入淡出效果。在timelayout窗口中选择intro.ai层,按t键展开其opacity属性,在0:00处设置为0%,并点击opacity属性左边的时钟标记产生一个关键帧,在0:17处设置为100%,5:06处设置为100%,5:14处设置为0%。 当文本消逝在无限的星空中时, 画面上一颗神秘的行星从下往上出现了。这个效果的制作是比较容易的。现在将素材earth001.pct项目窗口拖动到合成图像2窗口。改变其入点为21:05,出点为30秒。在21:05处按p键,展开其位置属性,将它拖动到合成图像窗口下方,也可以直接改变其位置坐标,本例中我们设置为160、129,点击其左侧的时钟图标,为它增加一个位置关键帧,在这个时间地球将处于屏幕下方不可见。将时间改变为30:00,将它拖动到合成图像中间,或者改变其位置坐标为160、0,看一下position属性左边的关键帧选择框,确保已被选中。
  现在可以进行渲染了。

综合实例4:制作划过文字的闪光

  这个实例将制作一种常见的一道光芒划过文字的效果。我们分为两部分讲述,分别说明划过文字表面与边缘效果如何制作。
(一)划过文字表面的光
  1.建立一个合成图像,尺寸为640x480,底色为黑色。
  2.在时间布局窗口中,单击鼠标右键,选择new solid,新建一个solid,取名为text。选中该solid层,选择菜单effecttextbasic text滤镜输入几个文字,文字的颜色设定为金黄色。当然也可以使用在adobe photoshop 和adobe illustator制作的文字素材。当然无论是psd格式还是eps、ai格式,文字都必须有alpha通道。
  3.在合成图像窗口中,把text层拖动到屏幕中央。然后选择editdublicate复制该层(如果是使用的外部素材,则可以直接从项目窗口中再次拖动到时间布局窗口)。为了选择下面的text层,按回车键更名为text1。选择上面的text层,按回车键更名为text2。
  4.在时间布局窗口,鼠标右键单击选择new solid,取名为glowbar,颜色设定为淡紫色,我们将用该层来模拟光线。这个层应该比较细长,所以该solid的尺寸这里设定为70x400。如果要限制光线在某个范围移动,那么一种比较简单的方法是使用matte,对于本例我们将用text2层作为限制光线范围的层,它必须位于glowbar层的上方。因此现在时间布局窗口中调整层的位置,glowbar层应该位于text1层的上方,text2层的下方。点击时间布局窗口下方的switchs/modes切换按钮中的modes,展开混色模式选项,选择glowbar层 ,在其,trkmat下拉菜单菜单中 alpha matte "text 2" ,一旦选择了alpha matte "text 2", text2层将自动隐藏。为了使光芒颜色比较明亮,在mode下拉菜单中选择add混色模式。
  5.在时间布局窗口中双击glowbar层,打开层窗口。将蒙板的左右手柄分别向着中心方向拖动大约20像素,这样将缩小"光线"的宽度,但是不需要调整蒙蔽板的上下手柄。关闭该层窗口。
  6.回到时间布局窗口,选择glowbar 层,点击左边的三角图标展开属性,选择maskmask feather属性,也可以直接按键盘上的f键展开feather 属性,设置feather 值为(30,0),这样做的目的是使光线边缘柔和一些。
  7.按r键展开该层的rotate(旋转)属性,在下划线上输入19度,这样将使"光线"倾斜一些。
  8.调整当前时间为0:00:00,按p键展开glowbar 层的位置属性,在合成图像窗口中将glowbar 长条拖动到文字的左边。
  9.将当前时间调整到最后一帧,在合成图像窗口中将glowbar长条拖动到文字的右边。
  10、为了增强文字的立体感,在时间布局窗口中选择text1层,为文字增加bevel alpha和drop shadow滤镜。
现在整个效果就基本完成了。只有你建立的"光线"足够长,那么光芒的顶端和低端就不会出现在最后的效果里。光芒将从左边划过文字表面。

(二)划过文字边缘的光芒
  现在我们想使光芒划过文字边缘,这种效果的制作步骤稍有不同。
  1.建立一个合成图像,尺寸为640x480,底色为黑色。
  2.在合成图像窗口中,把text层拖动到屏幕中央。然后选择editdublicate复制该层(如果是使用的外部素材,则可以直接从项目窗口中再次拖动到时间布局窗口)。选择下面的text层,按回车键更名为text1。选择上面的text层,按回车键更名为text2。
  3. 在合成图像窗口中将两个文字层都调整到屏幕中央位置。进一步通过鼠标拖动调整,使text2层比下面的text1层大约往左上方偏移5个像素,这样的目的是模拟文字的边缘。
  4.新建一个solid,颜色设置为灰色。大小为70x400。取名为glowbar 。我们如何限制光线移动在文字边缘部分,实际上如果只能看到光线在文字边缘部分移动,那么这个效果也就实现了。因此应该使用text 2层作为glowbar层的matte。现在在时间布局窗口中调整各层的位置,确保glowbar层位于最下方,text 2层在其上方,text 1层位于最上方。点击时间布局窗口下方的switchs/modes切换按钮,展开混色模式选项,选择glowbar层 ,在其mode下拉菜单中选择add,trkmat下拉菜单菜单中 alpha matte "text 2" ,一旦选择了alpha matte "text 2", text2层将自动隐藏。
  5.选择glowbar层,双击glowbar 层,在该层的层窗口中往中央调整蒙板的左右手柄大约20像素。
  6.回到时间布局窗口,选择glowbar 层,按键盘上的f键展开maskmask feather 属性,设置feather 值为(30,0)。
  7.按r键展开该层的rotate(旋转)属性,在下划线上输入19度,这样将使"光线"倾斜一些。
  8.调整当前时间为0:0:00,按p键展开glowbar 层的位置属性,在合成图像窗口中将glowbar 长条拖动到文字的左边。
  9.将当前时间调整到最后一帧,在合成图像窗口中将glowbar长条拖动到文字的右边。
在本例中,虽然"光线"在整个text 2层的alpha通道(文字)范围内移动,但是由于其大部分被text 1层的文字所遮盖,因此我们所看到的实际就是光芒划过文字边缘的效果。

FEVTE编注:更多After Effects特效教程学习交流和After Effects作品发布请访问飞特网After Effects特效教程栏目,地址:https://www.fevte.com/moive/AE/AE_texiaojiaocheng/

14

好评
15

差评

刚表态过的朋友 (29 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

wjkrfaie
云南省 昆明市 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计