PS制作留聲機(jī)里飄出的音符的GIF動(dòng)畫

制作思路，是將一幅漫畫編輯成動(dòng)畫效果。文中所述有不對(duì)之處，請(qǐng)同學(xué)們多指正。
1.效果圖

2.素材

3.ps里打開，用“套索工具”和“仿制圖章”等工具，去掉原圖中的音符。然后，打開動(dòng)畫面板（時(shí)間軸），
單擊箭頭所指小三角>文檔設(shè)置>設(shè)定時(shí)間及幀數(shù)。這里設(shè)為2秒，每秒25幀

4.用“快速選擇工具”選中人物手部

5.ctrl+J，得到圖層2，如圖示。下來(lái)用“矩形選框工具”在圖中選一個(gè)合適對(duì)象用作覆蓋與原圖對(duì)應(yīng)的區(qū)域

6.ctrl+J，得到圖層3；“移動(dòng)工具”下，將圖層3置于原圖手部位置，調(diào)整至合適，然后參考圖示，移動(dòng)參考
點(diǎn)至紅色箭頭所指處，逆時(shí)針旋轉(zhuǎn)9度左右，使手看起來(lái)有種抬起的感覺(jué)。

7.接下來(lái)給圖層2添加蒙版，設(shè)前景色為黑色，用“畫筆工具”涂去手部多余部分。完成后，合并圖層2和3，并命名為“變換的左手”。

8.再次用“快速選擇工具”，選擇唱片，注意唱機(jī)的針頭——屬性模式為“添加到選區(qū)”，全部選中對(duì)象后，按住ALT鍵選擇針頭，
可減去針頭選區(qū)。

9.0.ctrl+J，得到復(fù)制對(duì)象圖層后，將它命名為“唱片”。

9.1。然后單擊紅框處，添加圖層樣式>漸變疊加——打開“漸變拾色器”，漸變效果和混合模式參考圖示，其它默認(rèn)

10.新建圖層，選擇“自定義工具”，參考圖中紅框所示，依次繪制出各種音符。

11.接上步。繪制時(shí)，距離可拉大，可邊繪制邊改變方向，使其看起來(lái)大小和方向呈不規(guī)則狀。（由于操作失誤，很抱
歉漏掉了兩個(gè)步驟，這里兄弟用文字詳述一下）截圖中圖層2，在編輯繪制完音符后，添加圖層樣式>漸變疊加——參數(shù)
設(shè)置按圖示；然后，ctrl+J，復(fù)制一層，打開圖層樣式編輯窗，在漸變條右側(cè)勾選“反向”。這樣就使兩個(gè)音符圖層的色彩
看起來(lái)不完全一樣了。最后，在它們各自的下方分別新建一個(gè)圖層，分別合并變?yōu)槠胀▓D層即可。記著為圖層命名

12.將“小音符圖層”縮小并改變一下方向。好了，關(guān)閉背景圖層預(yù)覽下效果。我們可以看到編輯好
的手臂、唱片和音符等四個(gè)圖層。

13.按圖示，將大小音符圖層位置向左下移動(dòng)，使它們右側(cè)正好處在喇叭口處。下來(lái)的工作就是要讓音符
看起來(lái)是從喇叭里飄出來(lái)的。當(dāng)然，蒙版是最佳選擇，為便于操作和控制，給這個(gè)圖層先編組。方法是，
單擊“小音符層”，再按住ctrl鍵單擊“大音符層”，然后，鼠標(biāo)將它們拖至箭頭所指處的“創(chuàng)建新組”按鈕

14.用“套索工具”，（羽化一下，參考圖示）在喇叭出口和音符顯示的區(qū)域畫出選區(qū)。對(duì)于新手，這里需要提示下，
上面說(shuō)了，這個(gè)選區(qū)內(nèi)是可見的區(qū)域，選區(qū)外，自然就是被隱藏的區(qū)域了。

15.接上步，單擊面板下方蒙版按鈕為組添加蒙版——黑色為隱藏、白色為顯示——觀察蒙版縮覽圖。

16.蒙版既然有此用途，那就繼續(xù)蒙版。“手圖層”如果加個(gè)黑色蒙版不也能把手隱藏起來(lái)嗎？！快捷方法是：按住ALT鍵，
單擊蒙版按鈕——可以快速為圖層添加一個(gè)“隱藏全部”的蒙版。

17.至此，前期工作準(zhǔn)備完畢。下圖為時(shí)間軸一些操作選項(xiàng)，紅框（紅色）為“創(chuàng)建和清除幀”按鈕和與之對(duì)應(yīng)的操作位置
和結(jié)果；綠框中的按鈕為“添加關(guān)鍵幀”，黃藍(lán)線為標(biāo)示，供參考。圖中，按我們的設(shè)想，根據(jù)各圖層所起的作用，為它們
分別創(chuàng)建關(guān)鍵幀，同時(shí)，設(shè)定它們各自的初始幀狀態(tài)。比如，“唱片幀”已設(shè)置好圖層樣式，“大小音符”的初始動(dòng)作是淡出，
所以，將它們的不透明度設(shè)為0.

18.大概了解了時(shí)間軸的操作，我們正式開始編輯動(dòng)畫。第一步，先從“小音符”開始；我們?cè)O(shè)想的效果是讓它從喇叭飄出，
并在飄動(dòng)中漸漸隱去，單擊“小音符層”，首先編輯“不透明度”。

19.將時(shí)間指示器移至?xí)r間軸的二分之一處，把不透明度設(shè)為100.

20.將時(shí)間指示器移至?xí)r間軸的末端，再次將不透明度設(shè)為0.這個(gè)動(dòng)作的過(guò)程是，從無(wú)到有，再到無(wú)

21.然后，編輯“小音符”的“位置”。第一幀的位置是設(shè)置好的，將時(shí)間指示器移至末端，“移動(dòng)工具”把“小音符”移至窗口的右
上方，參考圖示。這個(gè)動(dòng)作過(guò)程是，從喇叭里出來(lái)，到右上角停止

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

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

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

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

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

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

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

29.以此類推，重復(fù)以上操作，下來(lái)是180度，再下來(lái)，又回到0度、、、、、、這樣，此操作使這個(gè)角度漸變形成了一個(gè)從0度到0度
無(wú)間斷的正時(shí)針旋轉(zhuǎn)效果

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

31.此為“啟用”模式。（打叉為“停用”）

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

33.復(fù)制粘貼、、、、、、

34.完成。預(yù)覽后沒(méi)問(wèn)題就可以保存了。單擊菜單欄：文件>存儲(chǔ)為web和設(shè)備所用格式>GIF。同時(shí)注意下方紅框，選擇“永遠(yuǎn)”。
上方紅框根據(jù)文件體積大小可以降低顏色數(shù)等。左邊紅框?yàn)槲募Ч痛笮☆A(yù)覽，263K不算大，播放應(yīng)該很流暢