Photoshop打造飄出音符的留聲機(jī)動畫效果
昵圖網(wǎng) 發(fā)布時間:2010-12-30 15:02:10 作者:佚名
我要評論

本教程介紹較為復(fù)雜的GIF動畫的制作方法,效果圖片需要動的部分有音符、光碟、人物的手,這些都是同步的,制作動畫之前需要把這這些動畫場景設(shè)置出來,然后再同步設(shè)置動畫
21、然后,編輯“小音符”的“位置”。第一幀的位置是設(shè)置好的,將時間指示器移至末端,“移動工具”把“小音符”移至窗口的右上方,參考圖示。這個動作過程是,從喇叭里出來,到右上角停止。

22、第二步,編輯“大音符”。原理和思路同上,但是,讓它快點(diǎn),同時,變換一下方向效果可能會更好。(第一幀為初始關(guān)鍵幀,開始制作時已添加,下面不再贅述)還是從不透明度開始,時間指示器返回開始位置。單擊“大音符層”,時間指示器移至?xí)r間軸的五分之一處,更改不透明度為100。

23、下來,時間指示器移至?xí)r間軸的五分之二處,更改不透明度為0、同時,移動圖層位置至窗口右側(cè)圖示處。這個動作過程是,用比“小音符”少一半多的時間從喇叭飄出,由無到有,再到無的運(yùn)動至當(dāng)前位置。

24、這個效果就這樣了,再來一遍太慢,好在可以復(fù)制——框選“大音符”下的所有關(guān)鍵幀(變?yōu)辄S色),然后在某個幀上單擊右鍵>拷貝關(guān)鍵幀。

25、下來,右移時間指示器至圖中位置,在某個幀上單擊右鍵>粘貼關(guān)鍵幀,這樣,“大音符”可以在設(shè)定的時間內(nèi)運(yùn)行兩遍,當(dāng)然,速度肯定會快于“小音符”。

26、好了,音符完成,第三步是編輯唱片。設(shè)想是讓它正時針旋轉(zhuǎn),時間指示器返回開始位置。單擊“唱片層”,再雙擊紅框所示處的“漸變疊加”>圖層樣式編輯窗口打開——特別提醒注意紅框內(nèi)“角度選項”的設(shè)置為90度。

27、時間指示器移至?xí)r間軸的四分之一處,雙擊紅框所示處的“漸變疊加”>“角度”旋轉(zhuǎn)至0度,確定。

28、時間指示器移至?xí)r間軸的四分之二處,雙擊紅框所示處的“漸變疊加”>“角度”旋轉(zhuǎn)至-90度,確定。

29、以此類推,重復(fù)以上操作,下來是180度,再下來,又回到0度這樣,此操作使這個角度漸變形成了一個從0度到0度無間斷的正時針旋轉(zhuǎn)效果。

30、最后一個動作。為了盡可能多的加入動態(tài)元素,我覺著讓人物的手跟著音樂一起動起來應(yīng)該是即能達(dá)到好的效果又是最簡單的方法,所以,我們復(fù)制并將人物的手做了相應(yīng)的變化。
到這里,順便說一下,時間軸支持“不透明度”和“啟用蒙版”,可是,它對關(guān)閉圖層卻不支持。所以,我們添加蒙版也是無奈,但,它用起來卻很方便。時間指示器移至某一位置(此編輯憑感覺,沒有固定位置),按住SHIFT鍵,單擊蒙版——可以使蒙版在“啟用和停用”之間轉(zhuǎn)換。
移動指示器,結(jié)合“SHIFT鍵+單擊蒙版”,依次為幀加入動作。“啟用蒙版”——即隱藏當(dāng)前圖層;“停用蒙版”——即顯示當(dāng)前圖層。

31、此為“啟用”模式。(打叉為“停用”)。

32、音樂響起,跟著節(jié)奏敲動手指是很多人的習(xí)慣,有沒規(guī)律自己憑想象,制作時,也可以通過復(fù)制來快速編輯。

33、復(fù)制粘貼。

34、完成。預(yù)覽后沒問題就可以保存了。單擊菜單欄:文件>存儲為web和設(shè)備所用格式>GIF。同時注意下方紅框,選擇“永遠(yuǎn)”。 上方紅框根據(jù)文件體積大小可以降低顏色數(shù)等。左邊紅框為文件效果和大小預(yù)覽,263K不算大,播放應(yīng)該很流暢。

最終效果:

相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30