|
Don't knowAnimationText對于創(chuàng)建沿路徑運(yùn)動(dòng)的動(dòng)態(tài)效果非常方便，關(guān)于文字沿路徑運(yùn)動(dòng)的動(dòng)畫我們已經(jīng)見了很多，用此插件作起來很簡單。其實(shí)變通使用此插件也可以創(chuàng)建一些其他動(dòng)態(tài)效果，今天看到一個(gè)動(dòng)畫效果如下圖：
這個(gè)效果看起來復(fù)雜，其實(shí)我們應(yīng)該首先就看出它是一個(gè)沿路徑運(yùn)動(dòng)的動(dòng)畫，因此用AnimationText插件變通使用作起來也很簡單。 下面我簡單講一下使用插件創(chuàng)建此效果的過程。
一、路徑形狀準(zhǔn)備。
- 首先新建一個(gè)60X60的新文檔，背景設(shè)為黑色。
- 設(shè)定Grid參數(shù)如圖：
- 打開標(biāo)尺和Guide顯示，在文檔中拉出水平和垂直中線，以便我們可以方便的捕捉到中心點(diǎn)。
- 按住Shift鍵分別從文檔中心點(diǎn)繪制相同大小的一個(gè)五角星型和五邊型，如下圖所示：
- 將當(dāng)前圖層鎖定，并新建一個(gè)圖層，將新圖層命名為路徑層。
- 取消Grid和Guides顯示，并取消捕捉。
- 我們將在新圖層上是用鋼筆工具繪制文字運(yùn)動(dòng)的路徑。
- 我將路徑形狀放大顯示如下：
- 主要要注意的就是每個(gè)節(jié)點(diǎn)只能連接兩條直線，否則無法將文字附著在路徑上。
- 使用節(jié)點(diǎn)編輯工具將上面相鄰的節(jié)點(diǎn)移動(dòng)重疊在一起，這樣雖然顯示節(jié)點(diǎn)重疊了，但每個(gè)節(jié)點(diǎn)處仍舊是兩個(gè)節(jié)點(diǎn)。如圖：
- 將剛才鎖定的圖層刪除。
- 拖動(dòng)“路徑層”到新建圖層圖標(biāo)，以創(chuàng)建一個(gè)包含相同路徑的“路徑層1”。
- 將原有的路徑層設(shè)定為幀共享圖層，并鎖定此圖層。
二、創(chuàng)建文字動(dòng)畫
- 好了現(xiàn)在我們轉(zhuǎn)到新建的“路徑層1”，隨便輸入一個(gè)文字段，例如：LoveYou
- 隨便選定一種字體，大小設(shè)定的小一些，最好是文字串長度是星型的2/5左右，我們要用此文字串作為運(yùn)動(dòng)的光芒。
- 設(shè)定文字顏色為白色，在屬性面板添加Glow效果，參數(shù)如下圖：
- 此時(shí)文字看起來就是一個(gè)模糊的白條，你可以通過改變文字大小和間距得到合適的形狀，也可以改變Opacity使其淡化一些。
- 好了，同時(shí)選定此文字和此圖層上的路徑，執(zhí)行Command>Bitgenius>AnimationText命令。
- 在打開的插件面板設(shè)定相關(guān)的參數(shù)如下:
- Frames為動(dòng)畫幀數(shù)，我們創(chuàng)建的此路徑共有十個(gè)邊，因此我們創(chuàng)建20幀。
Distance為文字移動(dòng)距離，我們設(shè)定沒此移動(dòng)距離為五角星但邊長度的2/5左右，也就是18左右，這個(gè)參數(shù)可以多試幾次就可以使動(dòng)畫首尾相連。
Fade為淡化效果，本實(shí)例我們不設(shè)定淡化效果。
- 好了，點(diǎn)OK后基本的動(dòng)畫就創(chuàng)建好了。
- 我們解除最初鎖定的“路徑層”，將此圖層上的路徑增加些效果，例如改變描邊的色彩，這樣沿型型路徑運(yùn)動(dòng)的光芒就做好了。
三、增加補(bǔ)充效果。
- 如果你覺得此時(shí)的效果有些單調(diào)，可以增加一些額外的效果。
- 打開Frame面板，轉(zhuǎn)到最后一幀，第20幀。
- 將第20幀拖動(dòng)到下面的“New/Duplicate Frame”上創(chuàng)建一個(gè)復(fù)制幀。
- 將包含“Text on a Path”的“Layer1”圖層刪除。
- 將“路徑層”上的路徑復(fù)制到“路徑層1”，改變路徑的描邊色彩為白色。
- 執(zhí)行Modify>Transform>Numeric Transform，將比例縮小為50%。
- 再轉(zhuǎn)到Frame面板，同樣將第21幀復(fù)制一份到22幀，再將“路徑層1”的路徑縮小到20%。這樣看起來就是一個(gè)小白點(diǎn)。
- 最后你可以使用“WireFrame”為文檔增加一個(gè)單像素的白色邊框。
- 好了，全部的動(dòng)畫就作完了，你還可以將每幀之間的時(shí)間間隔調(diào)到你喜歡的速度。
通過合理的使用文字的描編輯填充效果，你可以將其該造成很多非常奇妙的外形，再結(jié)合AnimationText插件，你就可以創(chuàng)作出更加豐富的動(dòng)畫效果。
本文所介紹的兩個(gè)插件的下載地址如下：AnimationText WireFrame。
實(shí)例源文件如下：
出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
