操作方法提示:
使用分層的 Photoshop 圖像創(chuàng)建 Web 動畫。
動畫由一系列圖像幀組成,通過使每一幀與下一幀都有稍微的不同,可以使人產(chǎn)生一種運動的錯覺。您可以使用分層的 Photoshop 或 ImageReady 圖像在 Adobe ImageReady 中創(chuàng)建簡單的動畫。在圖像中構(gòu)成動畫的所有元素都放置在不同的圖層中。通過對每一幀隱藏或顯示不同的圖層,可以改變每一幀的內(nèi)容,而不必一遍又一遍地復(fù)制和改變整個圖像。您只需為每個靜態(tài)元素創(chuàng)建一個圖層,而運動元素則可能需要若干個圖層才能制作出平滑過渡的運動效果。
- 在 Photoshop 中創(chuàng)建需要呈現(xiàn)動畫效果的圖像。為每個靜態(tài)元素單獨創(chuàng)建一個圖層,然后為運動元素創(chuàng)建多個圖層。用于運動元素的每個圖層應(yīng)代表它在不同時間點的位置。
- 存儲文件,然后選取“文件”>“在 ImageReady 中編輯”。ImageReady 應(yīng)用程序?qū)⒋蜷_并顯示該圖像。
- 點按“動畫”選項卡使“動畫”調(diào)板出現(xiàn)在前面。如果該調(diào)板未打開,請選取“窗口”>“動畫”。ImageReady 會創(chuàng)建動畫的第一幀。
- 點按“圖層”選項卡使“圖層”調(diào)板出現(xiàn)在前面。如果該調(diào)板未打開,請選取“窗口”>“圖層”。調(diào)整“圖層”調(diào)板和“動畫”調(diào)板的位置,以便您至少可以看到文檔窗口的一部分以及這兩個調(diào)板。
- 在“圖層”調(diào)板中確保對于第一幀正確地顯示或隱藏了各個圖層。點按眼睛圖標 可以隱藏某個圖層,或者點按空眼睛列以顯示某個圖層。
- 點按“動畫”調(diào)板底部的“復(fù)制動畫幀”按鈕 添加下一幀。在“圖層”調(diào)板中,根據(jù)這一幀的需要調(diào)整各個圖層的可見性。繼續(xù)添加新的幀,并根據(jù)需要隱藏或顯示各個圖層。
- 創(chuàng)建完所有的動畫幀后,點按“動畫”調(diào)板底部的“播放”按鈕 預(yù)覽動畫。點按“停止”按鈕 可停止播放。
- 如果動畫的變換速度過快,請選中要調(diào)整其顯示時間的特定幀,或選中所有幀來統(tǒng)一改變它們的顯示時間。然后,點按選定幀底部“0 秒”旁邊的箭頭,并從彈出式菜單中選取所需的時間。
- 要設(shè)置動畫循環(huán)的次數(shù),請從“動畫”調(diào)板左下角的彈出式菜單中選取“其他”(默認為“永遠”)。輸入一個值以指定“播放”次數(shù),然后點按“好”。
- 獲得滿意的動畫效果后,存儲文件。請先用 Photoshop 格式存儲文件,這一點很重要。Photoshop 格式會保留圖像的所有組件,并允許您在以后根據(jù)需要進行更改。將圖像存儲為 PSD 文件后,可以針對 Web 使用優(yōu)化動畫,并將優(yōu)化結(jié)果存儲為 GIF 格式(在 Web 上顯示動畫所需的格式)。
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。