用photoshop結(jié)合ImageReady制作簡單小動畫(3)
來源:未知
作者:學(xué)photoshop
學(xué)習(xí):335人次
Adobe公司的photoshop軟件提供了運用工具來創(chuàng)建和制作在Web上使用的靜態(tài)圖像的功能;而ImageReady軟件提供了和它相同的編輯功能外,還包括了一些工具和調(diào)板,用來進行創(chuàng)建動態(tài)的動畫功能。這里就簡單介紹一下,運用photoshop及ImageReady制作一個簡單的“Merrry Christmas”字幕的動畫片段的過程。 首先,在photoshop中創(chuàng)建一個背景文件,可以把背景設(shè)為喜歡的顏色,然后新建一個圖層,并在新圖層上拖入房子影像。
使用文字T工具,在圖像右上角添加文字“Merry Christmas!”,并將文字圖層復(fù)制兩個,并將3個圖層依次命名為Merry christmas!1、Merry christmas!2和Merry christmas!3。
圖片1
制作完圖像后,選擇文件-跳轉(zhuǎn)到-ImageReady中,即可打開ImageReady軟件相應(yīng)窗口。
在ImageReady中,打開動畫調(diào)板,將第一幀進行復(fù)制,便得到兩幀相同的動畫。
選擇第2幀,在圖層調(diào)板中,將Merry Christmas!1圖層移動工具向左移動至隱藏;將Merry Christmas!2圖層移動工具向上移動至隱藏;將Merry Christmas!3圖層移動工具向右移動至隱藏。
復(fù)制幀
將動畫調(diào)板中A、B兩幀位置進行互換,并在圖層調(diào)板中,將3個文字層的填充不透明度都改為0%。
A、B互換
在動畫調(diào)板中,按住Shift鍵將A、B兩幀一并選中,單擊動畫調(diào)板中的過度按鈕,便會跳出過度設(shè)置對話框。
點擊過度按鈕
, 在過度對話框中,便可以添加過度的幀數(shù)、所要過度的圖層是所有圖層還是當(dāng)前圖層,以及透明度、位置、效果等。全部設(shè)置完后,點擊“好”,便完成了文字由3個方向向一個位置集中的動畫,同時還是文字從透明變?yōu)榱藢嵭牡膭赢嬤^程。
添加完的幀
動畫截圖 小動畫就這么簡單的做完了,這樣的動畫同樣適合于2種有特定關(guān)系的圖像的裝換過程哦
使用文字T工具,在圖像右上角添加文字“Merry Christmas!”,并將文字圖層復(fù)制兩個,并將3個圖層依次命名為Merry christmas!1、Merry christmas!2和Merry christmas!3。
圖片1
制作完圖像后,選擇文件-跳轉(zhuǎn)到-ImageReady中,即可打開ImageReady軟件相應(yīng)窗口。
在ImageReady中,打開動畫調(diào)板,將第一幀進行復(fù)制,便得到兩幀相同的動畫。
選擇第2幀,在圖層調(diào)板中,將Merry Christmas!1圖層移動工具向左移動至隱藏;將Merry Christmas!2圖層移動工具向上移動至隱藏;將Merry Christmas!3圖層移動工具向右移動至隱藏。
復(fù)制幀
將動畫調(diào)板中A、B兩幀位置進行互換,并在圖層調(diào)板中,將3個文字層的填充不透明度都改為0%。
A、B互換
在動畫調(diào)板中,按住Shift鍵將A、B兩幀一并選中,單擊動畫調(diào)板中的過度按鈕,便會跳出過度設(shè)置對話框。
點擊過度按鈕
, 在過度對話框中,便可以添加過度的幀數(shù)、所要過度的圖層是所有圖層還是當(dāng)前圖層,以及透明度、位置、效果等。全部設(shè)置完后,點擊“好”,便完成了文字由3個方向向一個位置集中的動畫,同時還是文字從透明變?yōu)榱藢嵭牡膭赢嬤^程。
添加完的幀
動畫截圖 小動畫就這么簡單的做完了,這樣的動畫同樣適合于2種有特定關(guān)系的圖像的裝換過程哦
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 學(xué)photoshop
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!