渣包向 零基础 AE字幕特效 ⑨分钟 入门教程
假期和开学这两个月乱忙一气，好久没有来喵玉殿了。前几天抽空回来看了看，论坛果然是越办越好了呢。首先45度角仰望一下四爷，技术进步的很快噢。然后膜拜一下PKS神触君和十二神触君，以及在技术区写各种教学贴的大神，逛了两小时论坛收获不少姿势的说。 嘛，切人正题吧。AE这东西确实很触，不过渣包符还是在里面找到了些渣包可以玩的很好的东西噢——字幕啦，带特效的动画字幕。 这个帖子，渣包符决定手把手地教会完全没有用过AE的喵玉，如何用AE做出还不错的字幕效果。由于某符也是渣包，所以写的这些理解起来起来应该没有压力吧。（顺序混乱点大丈夫的吧~） 注：①AE的工作区大部分是可以自定义的，所以每个人都会有自己习惯的界面摆放，也就是说，在我截图中看到与大家AE界面不同也不要慌，找到对应的窗口就可以。②渣包符的AE版本是触手四（CS4 即after effects 9.0），当然版本其实不重要，基本的功能都是差不多的，版本更新大都是在一些细节上的人性化设计，只会添加极个别的特效而且不常用。 1.合成创建，素材导入，字幕添加在AE当中点击 http://bbs.nyasama.com/data/attachment/album/201103/30/163300fj4vg4a88f66fjng.jpg中的http://bbs.nyasama.com/data/attachment/album/201103/30/163301po55azm13i33pl2o.jpg ，或者在 http://bbs.nyasama.com/data/attachment/album/201103/30/163302iba8iiyigq8gggri.jpg的空白区域点右键 http://bbs.nyasama.com/data/attachment/album/201103/30/163303qai0ddqt1qm4fld7.jpg就可以新建一个合成了。 合成的大小可以自定义http://bbs.nyasama.com/data/attachment/album/201103/30/1633051p1dmzapr1hdwwua.jpg，不过记得像素 http://bbs.nyasama.com/data/attachment/album/201103/30/163306q1kv4mfklpkqjaml.jpg要选择成方形噢，否则会出现画面变扁的情况的~ （括号里说几句题外话：电视机的像素并不是方形，所以AE提供PAL制式和NTSC制式各自宽屏和窄屏的两种的行业标准像素，不过对于我们这些只做网络视频的渣包来说没用啦没用，所以记得一直选方形像素就好） 合成建立好之后在预览面板就会看到画面了，不过现在什么都还没有，是全黑的。http://bbs.nyasama.com/data/attachment/album/201103/30/163308pfqnyhftottruzho.jpg 这时候就可以往里面添加视频素材和字幕了。 在project页的空白区http://bbs.nyasama.com/data/attachment/album/201103/30/163309zv0riir8wemvm1cb.jpg 双击左键（或者单击右键选择 http://bbs.nyasama.com/data/attachment/album/201103/30/1633105o5ouba8uopu6o5p.jpg）然后可以选择需要“被”添加字幕的视频文件（这里作为演示导入图片，本质上与视频相同http://bbs.nyasama.com/data/attachment/album/201103/30/163311ppx3gdayfnbxj3eh.jpg ）拖动到合成面板或者预览面板可以将素材添加到合成中http://bbs.nyasama.com/data/attachment/album/201103/30/1633131kkdyt55xzghkzk6.jpg 而后调整合成大小使其适应素材（不建议调整素材大小，因为放大会变模糊，缩小又会丢失细节，当然将多个分辨率不同的视频整合的时候，还是可以调整素材适应合成的）。调整后 http://bbs.nyasama.com/data/attachment/album/201103/30/163315k5k3ynf68752ezmy.jpg，选择上方工具栏中的 http://bbs.nyasama.com/data/attachment/album/201103/30/163316995fz6b5sf66fx8f.jpg文字工具或者在合成窗口http://bbs.nyasama.com/data/attachment/album/201103/30/163317p5sjct5utthctzo5.jpg 的空白区域右键选择new->text就可以添加文本了。 2.编辑字幕首先介绍一下文本设置面板（不要怪渣包符啰嗦啊,我们面向的是渣包啦渣包~）http://bbs.nyasama.com/data/attachment/album/201103/30/163320xn4bxhgzqpndn1gb.jpg这个面板里是所有当前选中字幕的设置， http://bbs.nyasama.com/data/attachment/album/201103/30/16332126rll6201rvdz62v.jpg是字体， http://bbs.nyasama.com/data/attachment/album/201103/30/163322ninwmnawi6sw0isz.jpg是是否加粗加斜一类选项， http://bbs.nyasama.com/data/attachment/album/201103/30/163323pep3ag9plqn96d2g.jpg这个分别表示字的颜色和字描边的颜色，http://bbs.nyasama.com/data/attachment/album/201103/30/163324mymqyklycd33kcok.jpg 是用来选择颜色的吸管和黑白两个常用色。 http://bbs.nyasama.com/data/attachment/album/201103/30/163325tq80mznpd0qkm8nj.jpg是字的大小， http://bbs.nyasama.com/data/attachment/album/201103/30/163326ttvkgwtqik5fq2tl.jpg是字幕的行间距， http://bbs.nyasama.com/data/attachment/album/201103/30/163327cfrf2frfi2cc8f23.jpg是字和字的间距，http://bbs.nyasama.com/data/attachment/album/201103/30/163328e55ax5929k2kagf7.jpg 是对字符的拉伸设置（不是间距噢），http://bbs.nyasama.com/data/attachment/album/201103/30/163329ed3otnns0v0layt6.jpg 是文本的几种常用效果，具体效果大家点一下就可以看到不多废话啦。在合成面板里面展开文本前面的三角形 http://bbs.nyasama.com/data/attachment/album/201103/30/163330faeze77d46gjmdce.jpg就可以看到其对应的参数了 http://bbs.nyasama.com/data/attachment/album/201103/30/163331z44wkgz72r7zefk2.jpg其中text是对这段字幕的文本进行编辑，而transform是对这个字幕层的变换。接下来又是枯燥无聊的参数讲解： http://bbs.nyasama.com/data/attachment/album/201103/30/16333278bbwkg8jkp8pqbw.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/16333461mrp1momttp6140.jpg字幕的锚定点也就是相对中心点，主要是缩放时的中心；http://bbs.nyasama.com/data/attachment/album/201103/30/163335httcpnpuyqtycqq3.jpg字幕位于合成中的位置，如果觉得拖动不够精准可以直接在这里写数字，方便精确对齐神马的；http://bbs.nyasama.com/data/attachment/album/201103/30/163336ppbbh1bbi3npil1n.jpg缩放，100%就是原大小http://bbs.nyasama.com/data/attachment/album/201103/30/163337a9a0kikf1keahszs.jpg旋转，就是转动的角度啦，注意如果给字幕开启3D层的话，这里会出现XYZ三个轴上的转动参数噢http://bbs.nyasama.com/data/attachment/album/201103/30/16333875aad7iwarzxczwa.jpg透明度，0为完全透明，适当给予透明度可以让字幕更好地融入素材中呢 接下来要讲最重要的动画器了：为什么最重要，因为渣包也可以玩的很好的说~http://bbs.nyasama.com/data/attachment/album/201103/30/163339lg0vjoaijblgiuzv.jpg这是text展开后的参数， http://bbs.nyasama.com/data/attachment/album/201103/30/163340x80o04t27002co7o.jpg双击可以编辑字幕的内容（右键选择edit当然也可以，你们觉不觉得渣包符有点脑残~墙角画圈圈中）。http://bbs.nyasama.com/data/attachment/album/201103/30/163341doa2y9797z4oad99.jpg点击会看到一大堆东西，这个就是动画器喽。http://bbs.nyasama.com/data/attachment/album/201103/30/163342urjyyuprc0c7g0bu.jpg逐项讲解吧，除开上面提到的几个名词之外， http://bbs.nyasama.com/data/attachment/album/201103/30/163343m38jowxwzlawxxba.jpg是倾斜， http://bbs.nyasama.com/data/attachment/album/201103/30/163344n3xmx3oaqyz33ohh.jpg是给字涂色（就像KTV的那样）， http://bbs.nyasama.com/data/attachment/album/201103/30/1633455h2i50aaej7lc90a.jpg是给字描边，http://bbs.nyasama.com/data/attachment/album/201103/30/163346fy9m34e4objnb134.jpg 是缩进，http://bbs.nyasama.com/data/attachment/album/201103/30/163347c6mmu5vzjnuybv4c.jpg 是调整行锚定点……（喂喂，这个参数好像你也不怎么会用……）http://bbs.nyasama.com/data/attachment/album/201103/30/16334883n3mmnq5n48881w.jpg这两个动画器很有意思，大家经常看到MAD里有出现一堆数字飞快的变啊变啊，最后定在某几个数上，其实用的就是它。不仅仅是数字，字符都是可以变的，变化规律是字符在编码规则中的位置，总之就是变啊变啊最后变成你一开始写的字。http://bbs.nyasama.com/data/attachment/album/201103/30/163349of11s8h1wv7fz4v0.jpg就是模糊，不过动画器只提供最简单的像素模糊效果。 具体动画器怎么用呢，大家先添加一个动画器好了：选择scale，下方出现animator1 http://bbs.nyasama.com/data/attachment/album/201103/30/1633501nvwp1vz7wdavvv7.jpg，再点Add（注意不是另外加一个动画器噢，多个动画器的作用跟一个动画器设置多个参数的作用是不同的）添加opacity，然后设置scale为300%，opacity为0%。字幕很奇怪噢，当然奇怪，否则就不是动画器了。动画器是可以让字幕“动”起来的呢。展开 http://bbs.nyasama.com/data/attachment/album/201103/30/1633515tw9r77mottt9nbb.jpg，会看到http://bbs.nyasama.com/data/attachment/album/201103/30/1633526r27s0oy8hsz7y4d.jpg 。分别表示动画从字幕的何处开始、何处结束，至于offset就是当然动画位置了。啊咧有点讲不清，大家动手试试吧，点offset前面的圈圈开启关键帧，然后修改offset值为0%，再把 http://bbs.nyasama.com/data/attachment/album/201103/30/163353pqp5qvqz9dr9lalr.jpg往后移个1秒钟http://bbs.nyasama.com/data/attachment/album/201103/30/163353crcfnm42icd2b414.jpg 修改offset的值为100%（由于开启了关键帧，在这里修改值会自动创建一个关键帧），再移动回开始的地方，按小键盘的0预渲染之后可以看到流畅的动画效果。当然直接拖动过去也能看到，不过是一卡一卡的（渣包符的Y450傲娇中）。至此大家应该基本了解动画器这个东西了，怎么样，⑨分钟上手了吧。 接下来是进阶篇噢，告诉大家一些常用的字幕效果是怎么做的。 3.常用字幕动画为了演示方便，以一个纯黑的固态层作为背景讲解下列内容。建立一个字幕文本，内容就『喵玉殿』好了（某渣包符以此表明自己真的不是随便偷来个教程，是原创的真的真的真的……）添加完字幕之后，为了让字幕好看些，我们给它加上辉光效果，选中文本层，effects->stylize->glow（其实还可以在http://bbs.nyasama.com/data/attachment/album/201103/30/163354smdwph7x78vuzd8i.jpg 里面输入你想要的特效或者预设名称进行搜索，实在找不到特效或者插件太多弄得乱七八糟的时候可以试试噢）。 Glow的各参数这样设置http://bbs.nyasama.com/data/attachment/album/201103/30/1633564fcfi8c686j9i810.jpg ，当然这个只是我喜欢的辉光啦，大家完全可以调整一套自己喜欢的辉光参数出来噢。加上辉光之后的字幕效果是这样 http://bbs.nyasama.com/data/attachment/album/201103/30/1633575wpkyw0ysg727gfc.jpg。接下来讲的动画在这个字幕的基础上来做哟。 ①基于遮罩的渐现：渐现几乎是最常用的字幕效果了吧。AE中做渐现有两种方法，分别是用动画器和遮罩。先说说遮罩吧。选中字幕层，在上面菜单中选择layer->mask->new mask建立一个遮罩，这时的遮罩会自动适应字幕生成一个框，不过如果想自己调整遮罩形状的话可以在http://bbs.nyasama.com/data/attachment/album/201103/30/163358q688266e6k6686kt.jpg 中的 http://bbs.nyasama.com/data/attachment/album/201103/30/163359cdyjlany7mapcjl7.jpg来调整。给mask feather（遮罩羽化）适当赋值（单位：像素），这个参数是使得遮罩边缘像素出现半透明的效果，使得遮罩边缘看起来更柔和一些。接下来点击mask path前的圈圈开启关键帧，在0秒处添加关键帧并将遮罩左移到看不见字幕的位置http://bbs.nyasama.com/data/attachment/album/201103/30/16340085eikptkiypimk5w.jpg ，1秒处移动到使字完全显示的位置 http://bbs.nyasama.com/data/attachment/album/201103/30/163401f0llrvfiwkpzrzlx.jpg然后预览，就可以看到字幕的出现了。消失的过程就是字幕出现的逆向过程啦。这样出现的字幕有时会显得过于单调，因此可以为其添加一些额外的元素来加以衬托，并且维持画面的平衡。这里介绍其中的一种：粒子。关于这个粒子插件，渣包符也不是很会玩，所以只能作一个大概的介绍，嫌弃插件安装麻烦的喵玉可以不看这段的噢。这里的粒子使用了第三方开发的插件，叫做particular，是trapcode系列插件中的一部分。这个插件的主要作用是用来做粒子特效，功能非常全面和强大，是触手用的东西。嘛，不过我们这些渣包还是能使用其中的一些简单功能的。在合成里新建一个solid（固态层），为其添加effects->trapcode->particular，并重命名为粒子。设定 http://bbs.nyasama.com/data/attachment/album/201103/30/163402p499u2sql1pww144.jpg发射器为盒状，别的参数懒得调整了，把http://bbs.nyasama.com/data/attachment/album/201103/30/1634028eqaypvvooyjbzap.jpg 里面的参数设置一下http://bbs.nyasama.com/data/attachment/album/201103/30/163404a2nmummtiyasefr9.jpg ，其中life是说粒子多久以后消失，type选择会发光的球好看一些，size overlife就是说在生命周期内，粒子的大小变化，如果想粒子消失前闪烁几下，就在末尾向上拉几下好了http://bbs.nyasama.com/data/attachment/album/201103/30/163405n8uzd8sasd0sttu0.jpg 。接下来为http://bbs.nyasama.com/data/attachment/album/201103/30/163406yzzt4hifnn4hhee6.jpg 每秒钟粒子数和发射器所处位置添加关键帧，使其从左向右移动并且一开始不发射粒子，然后在某一处开始，前一帧设置发射粒子数为0，后一帧设置发射粒子数为300，这样就能从某个点开始突然发射粒子了。具体设置方法参考 http://bbs.nyasama.com/data/attachment/album/201103/30/163407g5zbjgjg5wm5ljb2.jpg。热心的喵玉会奇怪这是怎么显示的，只展开设置了关键帧的项。其实选中层然后按U就可以了啦。Particular的每个参数经过调整都能作出很独特的效果的哟，有兴趣的喵玉可以自己探索一下，本帖讲字幕效果就不细说粒子了。http://bbs.nyasama.com/data/attachment/album/201103/30/163408kdaz664mq69n1ndh.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163410geebz62ro2lit6ke.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/16341130f2bqz0beqz2221.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163411u9kfgk203pvgux76.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163412sbqubjfu6g38b8ut.jpg②
基于动画器的渐现动画器的优势在于可以针对每个字符进行动画操作，一个字一个字的显示出来。例如上面讲到的遮罩显字，虽然也能逐渐显示出来，但是每个字符是像图片一样从一侧刷出来的。动画器的字幕动画可以保留每个字符的完整。给字幕添加动画器，所控参数为scale、blur和opacity，参考参数http://bbs.nyasama.com/data/attachment/album/201103/30/163414yfdjf2whhg2jha5h.jpg 然后添加range selector中的offset关键帧，就可以看到字幕逐渐显示的动画效果了，具体的组合可以有很多种，大家可以自己挨个试验噢，每一种都蛮给力的。《不思议の幻想乡3D PV》开头的字幕中就出现过这样的字幕（“注意事项”那里）。值得一提的是，range selector中有一个advance的选项 http://bbs.nyasama.com/data/attachment/album/201103/30/163414lh12tllxckb1l3s8.jpg，展开后是 http://bbs.nyasama.com/data/attachment/album/201103/30/163416grr49glcg5rf6gr5.jpg这样一些复杂的参数。其中有一个很重要的参数 http://bbs.nyasama.com/data/attachment/album/201103/30/163417vu2r328vlxxl1nl1.jpg假如打开的话，字幕就不再是从左到右出现的动画了，变成中间的字符随机出现噢。东方MAD中仿《Steins：Gate》的OP中就多处使用了这样的随机字幕。另外，单纯的关键帧，中间虽然是平缓过渡，但是在入点和出点还是会显得比较生硬，这时候可以放松关键帧，让其有一个平滑的过渡。比如《不思议の幻想乡》片头那个“注意事项”的字幕，明显是放松了末尾的关键帧，具体操作方法是：选中offset，点击合成面板中上方工具栏 http://bbs.nyasama.com/data/attachment/album/201103/30/1634186m3y37szrpll7ypm.jpg中的 http://bbs.nyasama.com/data/attachment/album/201103/30/163419kcxntgcka3cx77j3.jpg打开图形编辑器，然后让它的曲线变平缓一些 http://bbs.nyasama.com/data/attachment/album/201103/30/1634205fik5p71lfkl579l.jpg，这就是PV中的那种效果了。http://bbs.nyasama.com/data/attachment/album/201103/30/163421hrwmcdxdvd5vxxrr.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163422tn9oo7gov76u7ugo.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163423bbrlgle96g9elh44.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163424qfvjqhxl77qvxznv.jpg再另外，东方MAD中仿《Hello，Goodbye》的OP里曾经出现过一个滚动的计时器 http://bbs.nyasama.com/data/attachment/album/201103/30/16342532chgepical20geh.jpg，其数字不断变化，这里用的就是http://bbs.nyasama.com/data/attachment/album/201103/30/163426sbzvx6jirvvxxvf6.jpg 这个参数的应用了。有了上面的例子，这个参数的用法大家应该可以参悟出来了吧（溜走） ③基于特效的渐现AE里有大量丰富的特效（喂喂，这本来就是后期特效软件啊混蛋），所以有时候我们也可以使用这些特效来创造动画效果并且运用于字幕。渣包符姿势匮乏，这里就举两个典型的粒子，大家玩AE的时候发现哪个特效好玩，也可以自己摸索着把它拿来做成字幕动画，相信会很给力的。例一，水波。选中文本层，添加wave wrap特效（突然找不到这个特效在哪里了，喵玉们用搜索功能吧）。于0秒处设置http://bbs.nyasama.com/data/attachment/album/201103/30/163427dmznrsr87m0dwdkw.jpg （其中高度和速度都是关键帧噢），之后在下一帧（page down）添加关键帧 http://bbs.nyasama.com/data/attachment/album/201103/30/1634283mcapi2bwtyipvmh.jpg，同时给整个文本的transform中opacity设定关键帧，使其在1秒之内消失 ，这样就可以看到文字波动然后消失的动画了。http://bbs.nyasama.com/data/attachment/album/201103/30/163429gehmurqydehufrxq.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163430me4qjzmh3z8kd2de.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163431w5msv4epm4pde1g4.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163432fvqff6ta6f66yfch.jpg例二，光束。选中文本层，添加effect->generate->cc light rays，不需要调整任何参数，为 http://bbs.nyasama.com/data/attachment/album/201103/30/1634341d2pzl0omq2pccsc.jpg添加关键帧，并移动其中心 http://bbs.nyasama.com/data/attachment/album/201103/30/163435xc58t1n4rbrb1m8q.jpg到字幕左侧 http://bbs.nyasama.com/data/attachment/album/201103/30/163436hxonlonoro93h111.jpg，然后将时间轴移动到1秒处 http://bbs.nyasama.com/data/attachment/album/201103/30/1634378nbr0r0bdxuhrrbr.jpg移动光束中心到字幕右侧 http://bbs.nyasama.com/data/attachment/album/201103/30/163438mxouwqfp8ujqz1po.jpg。就做出一个简单的扫光效果了。http://bbs.nyasama.com/data/attachment/album/201103/30/1634399v0bybnzs7ryevvr.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163440ucfr8ucih5nl2fnr.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163441xpjepkv8qkzk2k7k.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163442e8ncny2fnpkkpfwk.jpghttp://bbs.nyasama.com/data/attachment/album/201103/30/163447u7tunp5o0t5s22fn.jpg 最后提示一下，多种字幕效果结合的时候，虽然做起来很复杂，但是效果也会非常炫哟，比如《不思议の幻想乡》的PV中这个字幕效果 http://bbs.nyasama.com/data/attachment/album/201103/30/163449w7li3evx8vzqq3ll.jpg，就可以通过多个动画器、遮罩和特效的结合应用来仿制噢 http://bbs.nyasama.com/data/attachment/album/201103/30/163450m1d105nd5n1s1ndp.jpg。虽然在细节参数调整上还有些不完善，但是大体效果应该就是这样差不多了啦 http://bbs.nyasama.com/data/attachment/album/201103/30/163452v9294ra3v23u3vt2.jpg。 至此算是引导喵玉们对AE里做MAD的字幕有一个大致了解了，有兴趣的喵玉可以深入探索噢，AE的世界真的是茫茫大呀。关于AE做MAD的各种绚丽效果，大家可以观摩一下TAC的长门触做的绯想天则两周年纪念视频《少女轮舞中》。http://player.youku.com/player.php/sid/XMjIzODIzNDEy/v.swf 最后再次膜拜各种神触，并仰望四爷喝茶君。并且祝喵玉殿越办越好，祝各位渣包早日长出触手，触手长出更多的触手。等到全世界只剩我一个渣包的时候，我的价值就得以体现啦（某渣包符溜走）。 感谢楼主你太耀眼了 www用英文版的触啊触。。入门的话用中文版吧233 啊咧，其实不用中文版是因为给我AE启蒙的触手说，虽然中文上手会快点，但是到了进阶的时候看教程会发现都不知道说的是哪些参数。而且汉化都不是官方的，所以兼容的并不好，最惨的恰恰是我最喜欢的表达式那个部分的功能~~
所以就一直用英文版到现在了 又是觸手呀 本帖最后由 十二 于 2011-3-30 18:39 编辑
这个必须顶 触期待更新,重头戏表达式和摄像机的应用 完全看不懂啊233
能发这样一篇文章真的很角虫了 我的天呀……做字幕比想象还难/容易呢…… wwwwwwwwwwwwww
这个必须顶 神符總是自稱渣包符
然后再露出触手將別人触掉
还有我何來技術進歩、我才是真正的渣渣
页:
[1]