制作文字動(dòng)畫效果

制作文字動(dòng)畫效果第一頁(yè)，共五十頁(yè)，2022年，8月28日GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第二頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第1頁(yè)

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

動(dòng)畫創(chuàng)意的解析5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

動(dòng)畫中的一個(gè)幀動(dòng)畫第三頁(yè)，共五十頁(yè)，2022年，8月28日

返回第2頁(yè)

動(dòng)畫創(chuàng)意的解析

創(chuàng)意效果制作一個(gè)“故障檢修”字樣的二維文字動(dòng)態(tài)效果，學(xué)習(xí)者在進(jìn)入學(xué)習(xí)時(shí)，文字不停的進(jìn)行變換以提示學(xué)習(xí)者當(dāng)前所在的章節(jié)。項(xiàng)目分析

首先采用Photoshop圖像編輯軟件制作不同的文字圖像效果，然后采用GifAnimator軟件來(lái)實(shí)現(xiàn)動(dòng)畫效果。GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第四頁(yè)，共五十頁(yè)，2022年，8月28日返回

第3頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（1）啟動(dòng)Photoshop圖像編輯軟件，打開多媒體軟件故障檢修部分的背景圖片——“故障檢修界面.JPG”GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第五頁(yè)，共五十頁(yè)，2022年，8月28日返回

第4頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（2）用“放大鏡”工具放大處理的圖像部分并用“矩形選取”工具繪制選取GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第六頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第5頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（3）復(fù)制灰色區(qū)域并輸入文字（4）為文字層添加“描邊”圖層樣式效果后保存為“文字素材01.jpg”GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第七頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第6頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（5）回到編輯界面，設(shè)置“故障檢修”文字顏色為“藍(lán)色”并保存為“文字素材02.jpg”

（6）回到編輯界面，繼續(xù)在“文字”面板中編輯文字的間距、字體以及顯示效果并保存為“文字素材03.jpg”GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第八頁(yè)，共五十頁(yè)，2022年，8月28日返回

第7頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（7）按照上面的操作分別制作其它的素材GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第九頁(yè)，共五十頁(yè)，2022年，8月28日返回第8頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（8）啟動(dòng)“GifAnimator”應(yīng)用程序動(dòng)畫向?qū)В撼绦驎?huì)提示用戶完成動(dòng)畫的創(chuàng)建空白動(dòng)畫：需要用戶自定義完成動(dòng)畫的創(chuàng)建

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十頁(yè)，共五十頁(yè)，2022年，8月28日返回

第9頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（9）選擇“動(dòng)畫向?qū)А卑粹o圖標(biāo)在彈出“動(dòng)畫向?qū)?設(shè)置畫布尺寸（10）點(diǎn)擊“下一步”進(jìn)入“動(dòng)畫向?qū)?選擇文件”對(duì)話框

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十一頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第10頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（11）通過(guò)“添加圖像”和“添加視頻”將相應(yīng)的文件加到動(dòng)畫序列中GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十二頁(yè)，共五十頁(yè)，2022年，8月28日

返回第11頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（12）點(diǎn)擊“下一步”，在彈出“動(dòng)畫向?qū)?畫面幀持續(xù)時(shí)間”對(duì)話框，設(shè)置幀頻即一秒鐘播放的幀數(shù)。

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十三頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第12頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（13）向?qū)瓿珊笤诔绦蚪缑娴挠覀?cè)出現(xiàn)8個(gè)文字素材。界面下方為播放控制面板，它提供了對(duì)動(dòng)畫的播放控制，以及“添加幀”、“刪除幀”等幀設(shè)置功能。左側(cè)工具面板則提供了對(duì)幀畫面的編輯處理功能。

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十四頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第13頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（14）選中第一幀，執(zhí)行“視頻/3D/Gate-3D”命令，在彈出的“添加效果”對(duì)話框中設(shè)置切換效果GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十五頁(yè)，共五十頁(yè)，2022年，8月28日

返回第14頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（15）設(shè)置完成后保存動(dòng)畫文件為Gif文件格式

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十六頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第15頁(yè)

其它效果的添加介紹“PowerOff-F/X”效果

GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十七頁(yè)，共五十頁(yè)，2022年，8月28日

返回

第16頁(yè)

其它效果的添加介紹“Bar-Slide”效果GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十八頁(yè)，共五十頁(yè)，2022年，8月28日

返回第17頁(yè)

其它效果的添加介紹“CrossZoom-Stretch”效果GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第十九頁(yè)，共五十頁(yè)，2022年，8月28日

返回第18頁(yè)

其它效果的添加介紹“RunandStop-Push”效果GifAnimator實(shí)現(xiàn)動(dòng)畫效果

5.1GifAnimator實(shí)現(xiàn)動(dòng)畫效果

第二十頁(yè)，共五十頁(yè)，2022年，8月28日FlashMX實(shí)現(xiàn)動(dòng)畫效果

第二十一頁(yè)，共五十頁(yè)，2022年，8月28日返回第19頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫創(chuàng)意的解析動(dòng)畫中一幀的效果圖

第二十二頁(yè)，共五十頁(yè)，2022年，8月28日返回第20頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫創(chuàng)意的解析

創(chuàng)意效果當(dāng)啟動(dòng)軟件開始學(xué)習(xí)時(shí)，標(biāo)題名稱會(huì)從屏幕外直接“飛入”到屏幕中間顯示，同時(shí)，文字周圍會(huì)伴隨“幻影”特效以增強(qiáng)視覺效果。然后，文字在屏幕中央停留一段時(shí)間后慢慢淡出。

項(xiàng)目分析

為了便于文字的調(diào)整，確保三個(gè)階段的連貫，所有的文字創(chuàng)作、編輯以及修改都可以在FlashMX動(dòng)畫制作軟件中完成。第二十三頁(yè)，共五十頁(yè)，2022年，8月28日返回第21頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（1）啟動(dòng)FlashMX程序，新建文檔并在彈出德“文檔屬性”對(duì)話框，設(shè)置尺寸和幀頻以及背景色

第二十四頁(yè)，共五十頁(yè)，2022年，8月28日返回第22頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（2）選擇“插入”菜單中的“新建元件”，在彈出的窗口中設(shè)置各項(xiàng)參數(shù)第二十五頁(yè)，共五十頁(yè)，2022年，8月28日返回第23頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（3）選擇“工具”面板中的“文本”工具，在“屬性”面板中設(shè)置字體為“黑體”，字號(hào)為“120”，顏色為“白色”，字體效果為“粗體”

（4）屬性設(shè)置好后輸入“彩色電視機(jī)原理與維修”字樣并將其移動(dòng)至中心位置第二十六頁(yè)，共五十頁(yè)，2022年，8月28日返回第24頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（5）用箭頭工具選中文字后執(zhí)行“修改/分離”命令，文字變成一個(gè)個(gè)獨(dú)立的字，再進(jìn)行一次分離文字被打散，用放大鏡放大文字（6）選擇“工具”面板中的“墨水瓶工具”并在“顏色”面板中設(shè)置筆觸顏色為黃色分別點(diǎn)擊文字的邊緣處為文字描邊（7）選擇“窗口”菜單下的“庫(kù)”命令或按F11，打開“庫(kù)”面板并復(fù)制“文字”元件

第二十七頁(yè)，共五十頁(yè)，2022年，8月28日返回第25頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（8）在彈出的窗口中設(shè)置各項(xiàng)參數(shù)（9）進(jìn)入“文字輪廓”編輯窗口分別選擇文字的填充部分，按“Delete”鍵刪除第二十八頁(yè)，共五十頁(yè)，2022年，8月28日返回第26頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（10）點(diǎn)擊“場(chǎng)景1”圖標(biāo)，進(jìn)入“場(chǎng)景1”編輯窗口并建立新的圖層（11）選中“圖層1”的第一幀，然后從“庫(kù)”窗口中把“文字”元件拖拽到“場(chǎng)景1”編輯窗口中并使文字的中心點(diǎn)位于顯示界面的中心

第二十九頁(yè)，共五十頁(yè)，2022年，8月28日返回第27頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（12）選中“圖層2”，然后從“庫(kù)”窗口中將“文字輪廓”元件拖拽到當(dāng)前編輯窗口中（13）調(diào)整“文字輪廓”元件的位置，使其與“圖層1”中的顯示文字重合第三十頁(yè)，共五十頁(yè)，2022年，8月28日返回第28頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（14）在“時(shí)間軸”窗口中，“圖層1”的第10幀處插入關(guān)鍵幀

（15）確認(rèn)處于圖層1的第十幀時(shí)，縮放文字（16）在圖層1上創(chuàng)建補(bǔ)間動(dòng)畫第三十一頁(yè)，共五十頁(yè)，2022年，8月28日返回第29頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（17）繼續(xù)在“圖層1”的第50幀和第65幀處插入兩個(gè)關(guān)鍵幀

（18）將鼠標(biāo)移到第65幀處，然后選中“文字”對(duì)象，在屬性面板中設(shè)置Alpha為0%（19）將鼠標(biāo)移到第50幀處創(chuàng)建補(bǔ)間動(dòng)畫（20）接下來(lái)在“圖層2”的第5幀和第15幀處分別插入關(guān)鍵幀并在第15幀處對(duì)“文字輪廓”對(duì)象進(jìn)行調(diào)整，使其仍與“文字”對(duì)象吻合

（21）將鼠標(biāo)移到圖層2第5幀處創(chuàng)建補(bǔ)間動(dòng)畫第三十二頁(yè)，共五十頁(yè)，2022年，8月28日返回第30頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（22）選中圖層2的第5幀至第15幀并拷貝幀（23）在“圖層2”的上面添加“圖層3”“圖層4”和“圖層5”三個(gè)圖層，分別粘貼圖層2上面的幀動(dòng)畫第三十三頁(yè)，共五十頁(yè)，2022年，8月28日返回第31頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（24）分別在圖層3、圖層4和圖層5上設(shè)置最后一幀的透明度第三十四頁(yè)，共五十頁(yè)，2022年，8月28日返回第32頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（25）分別為新添加的圖層拷貝幀第三十五頁(yè)，共五十頁(yè)，2022年，8月28日返回第33頁(yè)

FlashMX實(shí)現(xiàn)動(dòng)畫效果5.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過(guò)程（26）影片的導(dǎo)出選擇“文件”菜單下的“導(dǎo)出影片”命令在彈出的對(duì)話框中輸入影片名稱選擇影片保存的路徑，點(diǎn)擊保存即可第三十六頁(yè)，共五十頁(yè)，2022年，8月28日COOL3D實(shí)現(xiàn)動(dòng)畫效果

第三十七頁(yè)，共五十頁(yè)，2022年，8月28日返回第34頁(yè)

COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果動(dòng)畫創(chuàng)意的解析動(dòng)畫中三個(gè)效果圖

第三十八頁(yè)，共五十頁(yè)，2022年，8月28日返回第35頁(yè)

動(dòng)畫創(chuàng)意的解析

創(chuàng)意效果在一個(gè)特定的時(shí)空背景中，“天津市濤濤多媒體公司”這10個(gè)文字分別從背景深出旋轉(zhuǎn)的飛入，由遠(yuǎn)及近、有小變大。待文字全部顯示在屏幕中央后，光效從文字的左側(cè)掃描到文字的右側(cè)。最終在文字右上方產(chǎn)生光芒的照射效果。

項(xiàng)目分析由Photoshop完成動(dòng)畫背景的編輯繪制。由于COOL3D本身就善于制作三維文字的動(dòng)畫效果，同時(shí)，該軟件還提供了大量的動(dòng)畫效果編輯模塊以及字體動(dòng)畫特效。最終選定COOL3D來(lái)完成最終的動(dòng)畫制作。COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果第三十九頁(yè)，共五十頁(yè)，2022年，8月28日返回第36頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（1）啟動(dòng)“UleadCool3D”程序后執(zhí)行“圖像/尺寸”命令修改尺寸，考慮該動(dòng)畫可能會(huì)用于廣播電視傳播或多媒體作品宣傳，在這里我們?cè)O(shè)定“標(biāo)準(zhǔn)”尺寸：720x576像素（DVPAL全幀視頻標(biāo)準(zhǔn)）

COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果第四十頁(yè)，共五十頁(yè)，2022年，8月28日返回第37頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（2）點(diǎn)擊“對(duì)象插入編輯”面板上的插入文字圖標(biāo)并在彈出的“UleadCool3D文字”對(duì)話框中設(shè)置字體、字號(hào)效果等，然后輸入文字COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果第四十一頁(yè)，共五十頁(yè)，2022年，8月28日返回第38頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（3）將鼠標(biāo)移至“工具欄”下方的“幀設(shè)置”面板處設(shè)置幀頻為和幀數(shù)目COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果（4）在“特效設(shè)置”窗口，在左側(cè)列表中選擇“工作室”“背景”選項(xiàng)導(dǎo)入背景文件第四十二頁(yè)，共五十頁(yè)，2022年，8月28日返回第39頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（5）選擇“對(duì)象樣式”中的“斜角”選項(xiàng)COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果在編輯窗口上方的“幀設(shè)置”面板中編輯斜角效果

雙擊所需效果圖即可為文字添加斜角效果

第四十三頁(yè)，共五十頁(yè)，2022年，8月28日返回第40頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（6）選擇“對(duì)象樣式”中的“光線和色彩”選項(xiàng)COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果在“幀設(shè)置”面板和下面的屬性面板中編輯光線和色彩效果

雙擊所需效果圖即可為文字添加斜角效果

第四十四頁(yè)，共五十頁(yè)，2022年，8月28日返回第41頁(yè)

動(dòng)畫的實(shí)現(xiàn)過(guò)程（7）選擇“對(duì)象樣式”中的“紋理”選項(xiàng)COOL3D實(shí)現(xiàn)動(dòng)畫效果5.3COOL3D完成動(dòng)畫效果在“幀設(shè)置”面板和下面的屬性面板中編輯紋理效果

雙擊所需效果圖即可為文字添加斜