24Nov

41 Text Effect

• 利用一個內建效果製作3D文字
• 利用效果+Expression製作文字特效影片

Download Project

這一篇將會教你,利用一些內建的效果做出3D文字,再加一堆有的沒的效果,讓整段影片看起來很炫很酷~

準備素材

1.新增Comp(Command+N)(Ctrl+N),720×486,長度為6秒180格,取名 3D Text。(圖例)

2.新增Solid(Command+Y)(Ctrl+Y),選個舒服的藍色,取名 Royal Blue Solid 1。 (圖例)

3.新增Text層,打上ColorVFX(隨你高興啦~),字的大小不要超出畫面,也不要太小。(圖例)

4.新增Camera,Preset選50mm,其他不用調整。

Step1:製作3D立體文字

1.Solid圖層上,新增效果「Shatter」, 會看到如圖效果。

接下來就是要設定「Shatter」效果了,所有3D文字的設定都在這裡面。

2. View 改為「Rendered」。Shape>Pattern 改為「Custom」。Custom Shatter Map選取文字層「ColorVFX」。Textures > Camera System 改為「Comp Camera」。(圖例)

3.快速鍵「C」,調整Camera角度,就可以看到文字是有厚度的了。(圖例)

4.底下文字層的眼睛符號關掉。(圖例)

5.Extrusion Depth調整厚度。Gravity 重力關掉設為0。Lighting Type改為「Point Source」。
Meterial調整如圖

6.設定 Camera Keyframe 動作,做出類似如下的動態。

Get the Flash Player to see the wordTube Media Player.

Step2:製作背景、前景

1.新增Solid(Command+Y)(Ctrl+Y),黑色。Ctrl+D複製一層。

2.下面的Solid層添加「Ramp」效果,做出漸層「黑→深藍」的背景。(圖例)

3.上面的Solid層新增Mask ,圈出如圖的大致範圍,之後要疊在最上層當做前景。(圖例)

Step3:製作文字圖層的基本特效

1.將「3DText」拖到2個Solid層中間。(圖例)

2.添加「CC Scale Wipe」效果,Stretch設為50,Direction設為270度,Center開啟小碼表圖案設定Keyframe。(圖例)

3.Center的動作大致上這樣設定: 第0格[643,243]、 第60格[121,243]、第150格[81,243]、第180格[592,243]

結果應該如影片所示:

Get the Flash Player to see the wordTube Media Player.

Step4:強調光效

1. 複製一層「3DText」,添加效果「Find Edges」「Fast Blur」「Fast Blur 2」

2.「Find Edges」選取 [Invert]。 「Fast Blur」「Fast Blur 2」設定一個是橫向的,一個是直向的。

3.詳細設定請看圖例。

4.上層「3DText」Mode改為「Add」 。

5.按「T」調整透明度,第50格[80]、第57格[20]、第150格[20]、第157格[80]。

目前動態如下:

Get the Flash Player to see the wordTube Media Player.

Step5:製作畫面抖動效果

最後要再添加一些畫面抖動的效果,讓整段影片完成度更高一點。

1. 新增一個 Adjustment Layer ,添加「Tint」「Directional Blur」

2.「Tint」:先將Amount Tint設為50,再添加Expression『wiggle(15,50)』。

3.「Directional Blur」:90度、Blur Length添加Expression『wiggle(30,10)』。(圖例)

4.將2層「3DText」的Parent都指定到「Adjustment Layer」

5.「Adjustment Layer」按「P」調整位置,添加Expression『wiggle(10,15)』

Get the Flash Player to see the wordTube Media Player.

Step6:抖太多……拿掉一些

1.「Adjustment Layer」按「U」打開所有有設定Keyframe的項目,剛好就是3個Expression的設定。(圖例)

2. 選取「Tint > Amount to Tint」後,選取目錄「Animation > Keyframe Assistant > Convert Expression to Keyframes」,這樣做就會把Expression的動態通通變成Keyframe了,然後把第61~150格中間的Keyframe通通殺掉即可。

3.重複把3個有Expression的地方都做一樣的動作,只留下前2秒和最後1秒的Keyframe就好。 (圖例)

最後的影片成品: 也可以看MOV大檔

Get the Flash Player to see the wordTube Media Player.

如果對這篇教學有興趣,可以下載範例檔案來練習,有任何使用上的問題,歡迎留言討論


  1. 1 stephenzan25 Nov 2008

    又是沙发。。。。哈哈。。。

    不好意思。NOSIE大哥,我上来是想问你个问题你的。打扰了。我上次有问过你一个问题,就是在第一秒的时候是A。第二秒的时候变成了B。。。。。在A变化到B的时候,他是跳跃式的变化。怎么做可以把他们的变化是像曲线一样的变化呢?不要跳跃式的变化。。。

  2. 2 Noise25 Nov 2008

    如果是文字的變化,那就沒有辦法柔順的變,只能是跳躍式的。
    如果是圖片的變化,基本變換就是用Dissolve溶接,或是用Morphing變形了。

  3. 3 wEi25 Nov 2008

    潜水许久,第一次留言,看了你不少教程,挺实用的,也讲到了不少关键点。呵呵 学到不少呢。
    关于楼上那位朋友讲到的从A变到B的过程,可以用flex插件,用mask控制变形的方法,达到自己想要的效果

  4. 4 Noise25 Nov 2008

    是的,可以使用Re:Vision出品的Flex系列來製作變形。效果還不錯喔。

  5. 5 stephenzan25 Nov 2008

    哥哥。。我找了一个下午,有是你所说的插件,可是下不下来。。。。

    NOSIE要不你建个QQ群。大家一起讨论AE啊。我想也很好。。
    下次你把QQ群的号码发上来,让大家加。。。。

  6. 6 ck26 Nov 2008

    有新东西 一定要支持!flex插件 在迅雷有的下的!

  7. 7 Noise26 Nov 2008

    是啊 應該不難找,火星xx應該就有。

    QQ不常用,不過我有申請了:562500151
    我想要用的是他的超大信箱,結果MAC電腦不能用他的超大信箱!!真昏倒@@

  8. 8 stephenzan27 Nov 2008

    我用上面兄弟介绍的插件,感觉不好呢。。而且还要MASK的。。。因为我只要文字的变化。
    NOSIE大哥,可以出一个教程吗?就是文字变化的。
    拜托了。。。。。

    你最常用什么通讯工具呢?

  9. 9 Noise28 Nov 2008

    如果是變形的話,應該沒有比flex好用的插件了喔。

    通訊軟體在台灣幾乎全部都是用MSN,就像內地一樣全部都用QQ。

  10. 10 isske30 Nov 2008

    N大 台湾一样有用QQ的吧 内地也并非全部都用QQ的哦
    QQ主要是群功能方便一些 不过最新的MSN也有官方群组功能了……哈哈好像跑题了

  11. 11 Noise02 Dec 2008

    我也有用QQ啊,只是很少用,而且好像MAC版的QQ還沒開放QQ群的功能耶 Orz….

  12. 12 nanpa04 Dec 2008

    发现step.1 少讲一步,在渐变(gradient)中应该选择text图层,不然会继续破碎效果。

  13. 13 jarod99911105 Dec 2008

    noise老大:大家对cs4最新的插件MOCHA完全不了解希望,还有CC套件的实际运用,希望你有空能讲解一下,我的QQ加你了但是你没回答,最后你能建个msn群,你自己定时间大家在群里向你请教,以免打搅你的正常生活,呵呵。顺祝身体健康!

  14. 14 noise06 Dec 2008

    >> nanpa
    手邊目前電腦無法確定是否有遺漏(電腦主機版燒掉) 確定後將補上 :D

    >>jarod999111
    MOCHA其實真的有點難 我會列入以後的敎程的,
    最近工作比較煩忙 ,如果回應不夠快請各位多多包含啊,加上電腦又壞了,維修要一個多禮拜 真痛苦@@

    謝謝你們的支持鼓勵啊 :D

  15. 15 jarod999111@live.cn10 Dec 2008

    每天踩踩,看老大的电脑何时好了发新教程

  16. 16 hsinly12 Dec 2008

    我又来了。呵呵。
    这次还是先谢谢你的教程。
    顺便请教问题。

    AE里面的depth of field在对rpf文件进行景深处理的时候出现锯齿,貌似这个是AE的老毛病了。不过听说有解决方法,望“指点迷津”。:)

    mocha的教程,官网上有一些,不过还是有点云里雾里,期待noise的讲解咯。

  17. 17 noise14 Dec 2008

    其實我也沒試過這個功能,主要是沒有rpf文件可以實驗,所以我也不知道解決辦法是啥耶 :P

    我學Mocha也是看官網上的教程來的,其實我也看的雲裡霧裡的 哈哈 :D
    不過我會想辦法簡化他的概念,讓大家都比較容易學習。

  18. 18 stephenzan16 Dec 2008

    进来问候一下大家。。。。。o(∩_∩)o…

  19. 19 isaac18 Dec 2008

    請問一下貴公司在台北這邊有辦教學嗎?有課程可以上課嗎?很感謝您的回應!

  20. 20 Noise18 Dec 2008

    我有在「恆逸」教AE+Premiere,最近一期下個月中開課,好像4月的時候還有一期六日全天班的課 :D

  21. 21 stephenzan23 Dec 2008

    兄弟,最近忙不? 经常来看你更新。。。呵呵。。。。

  22. 22 stephenzan02 Jan 2009

    好久,好久没来了。。。祝NOISE大哥,新年快乐啊。。。

  23. 23 jarod999111@live.cn03 Jan 2009

    元旦来踩踩,祝NOISE大哥新年快乐!

  24. 24 noise04 Jan 2009

    也祝各位新年快樂啊 :D :D
    最近忙翻了~好久沒新增教學,一定會快快補上的 :D

  25. 25 jarod999111@live.cn12 Jan 2009

    好久没有更新了啊,到底是年底了忙

  26. 26 pcno115 Jan 2009

    大哥什么时候出新教程 心里。。。。。。

  27. 27 Anonymous21 Jan 2009

    希望大哥能有一个讲解AE中 摄像机层 工作原理的教程 要详细讲解摄像机层 尤其是如何快速在三维空间里给摄像机定位。

  28. 28 stephenzan09 Feb 2009

    noise老师。。最近过的好吗? 说几句心里话, 你的BOLG好久没更新了,大家都在期待你的新教程,我在你的网站学了不少知识,在此表示感谢!
    这么好的网站就这么沉下去实在是可惜了。

  29. 29 Noise09 Feb 2009

    對啊~ 都快兩個月沒新教程出來了
    最近公司事情實在太多了,被金融大海嘯掃到,只好先努力顧著生計
    請放心,這個網站我還是會繼續經營下去的~ :D
    這裡也花了我好大的心血,絕不會讓他不見的,也謝謝你的鼓勵啊
    希望我能早日抽出時間,繼續發佈更新鮮有趣的教程 :D

  30. 30 ck09 Feb 2009

    noise 大哥 等等没关系 依旧支持

  31. 31 jarod99911109 Feb 2009

    继续期待

  32. 32 gaozheng666@hotmail.com25 Feb 2009

    Noise 大哥 一直在看你的教程 41篇现在全看完了 现在感觉我从AE6.5过渡到AE cs4有信心了
    我现在用了CS4版的AE 不过还是在练习和熟悉的过渡阶段 希望你能早日推出有关AE CS4 的一些实用技巧 期待啊

    顺便说一声没有AE CS4的兄弟们可以msn联系我 gaozheng666@hotmail.com 只为大家能共同提高 因为我也是个自学的人 :)

  33. 33 stephenzan26 Feb 2009

    noise大哥,在AE中,关键帧辅助的子选择中,不能使用转换表达式为关键帧
    望回答

  34. 34 Noise11 Mar 2009

    [关键帧辅助的子选择中,不能使用转换表达式为关键帧]
    看不太懂 :P

  35. 35 Anonymous05 Jun 2009

    Noise大大你好!!我看了下你的教程。。觉的你的灯光没有加啊?如果没有加灯光的话。。移动摄像机就会出现白色。。不知道自己说的对不对。。。

  36. 36 老二哲學07 Jun 2009

    Noise兄台
    無意間逛來到這邊.
    小的也是ae的使用者.往後向大大多多交流請益啦

    hsinly兄台
    http://www.hd.club.tw/thread-10659-1-3.html
    裡頭的 是否就是兄台所指的問題啊

  37. 37 xiao1xiao02 Jul 2009

    很不错的效果

  38. 38 nt_gyp19 Jul 2009

    Noise您好,很喜欢你们的教程,真的做的很用心。敬一个!!!
    在看你们的教程的过程中,发现你们的图片都很清楚。大小适中。想问一下,用的是什么截图软件,经过处理了吗?我用软件截屏后作教程时,图片缩小后,就不清楚了。。能帮我解答一下吗?万分感激!!!

  39. 39 Anonymous04 Sep 2009

    NOISE哥

    可以請您交我一開始水平搖擺那個部分嗎??

  40. 40 Noise06 Sep 2009

    >>樓上
    應該參考下載的AE原始檔就可以了解了喔~

  41. 41 richardmcgrady22 Nov 2009

    希望您的教程一直继续下去,非常感谢哦,学到了很多东西。

    您多多注意休息,身体最要紧哈

  42. 42 FireKDragon20 Dec 2009

    太棒了。。。发现一个好网站啊

  43. 43 DannyPunx22 Apr 2010

    哈哈 两年没来看看了
    风景还是不错啊

  44. 44 p1265802 May 2010

    讚!

  45. 45 Anonymous26 May 2010

    真不錯,能出視頻教程不。

  46. 46 CLIAGRI05 Jun 2010

    第一步少了一步吧,把GRADIENT里德GRADIENT LAYER选择为文字层吧,要不一拖动就会分散,根本不能设置摄像机关键帧

Leave a Reply