娛樂網(wǎng)站廣告的動畫效果,,主要是三幅卡通圖片之間切換的動畫,然后在動畫的結(jié)尾部分加入文字淡入的動畫效果,。而在制作三幅卡通圖片的切換時,,則設(shè)計(jì)為開幕閉幕的視覺效果。如圖16-19所示,,為本實(shí)例的完成效果,。
圖16-19 本實(shí)例完成效果技術(shù)提示 娛樂網(wǎng)站廣告的動畫制作,是在完成靜態(tài)畫面的編輯后,在“動畫”調(diào)板中進(jìn)行動畫幀,、過渡幀,、延遲時間的設(shè)置,完成動畫的制作,。其中文字的動感效果是添加了“徑向模糊”濾鏡效果制作而成的,。如圖16-20所示,為本實(shí)例的制作流程,。
圖16-20 本實(shí)例制作流程制作步驟 (1)運(yùn)行Photoshop,,執(zhí)行“文件”→“新建”命令,打開“新建”對話框,,參照圖16-21所示設(shè)置對話框,,創(chuàng)建一個空白文檔。
圖16-21 新建文檔 (2)新建“圖層 1”,,設(shè)置前景色為紅色,,選擇工具箱中的“矩形”工具,并對其選項(xiàng)欄進(jìn)行設(shè)置,,然后在文檔的上下部位繪制矩形,。完成后設(shè)置前景色為黑色,在紅色矩形邊緣繪制黑色較窄矩形條,,如圖16-22所示。 圖16-22 繪制矩形 提示:當(dāng)選擇“矩形”工具后,,在其工具選項(xiàng)欄中選擇“填充像素”按鈕,,可在當(dāng)前圖層中創(chuàng)建一個被前景色填充的形狀圖像。 (3)新建“圖層 2”,,將該圖層填充為紅色(R204,、G50、B42),,接著復(fù)制“圖層 2”,,得到“圖層 2 副本”圖層。然后再次使用“矩形”工具,,在文檔中間繪制黑色矩形條,,如圖16-23所示。
圖16-23 繪制圖像 (4)執(zhí)行“文件”→“打開”命令,,打開本書附帶光盤\Chapter-16\“卡通圖像.psd”文件,,使用 提示:為便到讀者觀察,暫時隱藏相關(guān)圖層,。
圖16-24 調(diào)整圖像 (5)使用工具箱中的“橫排文字”工具,,輸入文字信息,接著按下<Ctrl+A>鍵,將畫布全選,。執(zhí)行“圖層”→“將圖層與選區(qū)對齊”→“垂直居中”命令,,將文字與畫面垂直居中對齊,然后按下<Ctrl+D>鍵取消選區(qū),,效果如圖16-25所示,。 提示:為便于讀者觀察文字效果,將“圖層 2”顯示,。
圖16-25 輸入文字 (6)在“圖層”調(diào)板中復(fù)制“卡卡娛樂網(wǎng)”文字圖層,,執(zhí)行“圖層”→“刪格化”→“文字”命令,將文字圖層轉(zhuǎn)化為普通圖層,。然后執(zhí)行“濾鏡”→“模糊”→“徑向模糊”命令,,打開“徑向模糊”對話框,參照圖16-26所示設(shè)置對話框,,為圖像添加模糊效果,。 提示:圖示中將“卡卡娛樂網(wǎng)站”文字圖層隱藏。 圖16-26 添加模糊效果 ( 圖16-27 添加文字信息 (8)執(zhí)行“窗口”→“動畫”命令,,打開“動畫”調(diào)板,。參照圖16-28所示中第1幀動畫所要顯示的圖像內(nèi)容,在“圖層”調(diào)板中調(diào)整圖層的顯示或隱藏,,創(chuàng)建動畫的第1幀,。
圖16-28 創(chuàng)建動畫第1幀 (9)單擊“動畫”調(diào)板底部的“復(fù)制選中的幀”按鈕,創(chuàng)建第2幀,。根據(jù)圖示中第2幀動畫所要顯示的圖像內(nèi)容,,在“圖層”調(diào)板中調(diào)整圖層的顯示或隱藏。然后使用同樣的操作方法,,根據(jù)圖示的順序,,設(shè)置動畫的第3~9幀,如圖16-29~16-30所示,。 圖16-29 創(chuàng)建動畫第2~5幀
圖16-30 創(chuàng)建動畫第3~9幀 (10)在“動畫”調(diào)板中,,選中第6幀,接著單擊調(diào)板底部的“動畫幀過渡”按鈕,,打開“過渡”對話框,,參照圖16-31所示設(shè)置對話框,在兩幀動畫之間添加過渡幀,。
圖16-31 設(shè)置“過渡”對話框 提示:可以使用“過渡”命令自動添加兩個現(xiàn)有幀之間的一系列幀:均勻地改變新幀之間的圖層屬性(位置,、不透明度或效果參數(shù))以創(chuàng)建移動外觀。 (11)選中第1幀,,按下<Shift>鍵的同時單擊第6幀,,將“動畫”調(diào)板中的1~6幀全部選中,單擊任意一幀縮覽圖下方的空白處,在彈出的快捷菜單中選擇“0.5”命令,,如圖9-32所示,,設(shè)置動畫幀的延遲時間為0.5秒。
圖16-32 設(shè)置延遲時間 (12)使用相同的操作方法,,將第1 (13)至此,,完成整個實(shí)例的制作。接著執(zhí)行“文件”→“存儲為Web所用格式”命令,,將文檔存儲為GIF格式,,如圖16-33所示。讀者可打開本書附帶光盤\Chapter-16\“娛樂網(wǎng)站廣告.gif”文件進(jìn)行查看,。
圖16-33 存儲文件
推薦閱讀-Photoshop分類教程
|
|