Photoshop制作飄出音符的留聲機動畫

制作飄出音符的留聲機動畫

教程介紹較為復雜的GIF動畫的制作方法。效果圖片需要動的部分有音符、光碟、人物的手。這些都是同步的。制作動畫之前需要把這這些動畫場景設置出來，然後再同步設置動畫。
最終效果

1、打開素材。

 2、ps裡打開，用“套索工具”和“仿制圖章”等工具，去掉原圖中的音符。然後，打開動畫面板(時間軸)，單擊箭頭所指小三角>文檔設置>設定時間及幀數。這裡設為2秒，每秒25幀。

3、用“快速選擇工具”選中人物手部。

4、ctrl+J，得到圖層2，如圖示。下來用“矩形選框工具”在圖中選一個合適對象用作覆蓋與原圖對應的區域
。
 

5、ctrl+J，得到圖層3；“移動工具”下，將圖層3置於原圖手部位置，調整至合適，然後參考圖示，移動參考點至紅色箭頭所指處，逆時針旋轉9度左右，使手看起來有種抬起的感覺。

6、接下來給圖層2添加蒙版，設前景色為黑色，用“畫筆工具”塗去手部多余部分。完成後，合並圖層2和3，並命名為“變換的左手”。

7、再次用“快速選擇工具”，選擇唱片，注意唱機的針頭——屬性模式為“添加到選區”，全部選中對象後，按住ALT鍵選擇針頭，可減去針頭選區。
 

8、ctrl+J，得到復制對象圖層後，將它命名為“唱片”。

9、然後單擊紅框處，添加圖層樣式>漸變疊加——打開“漸變拾色器”，漸變效果和混合模式參考圖示，其它默認。

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

11、接上步。繪制時，距離可拉大，可邊繪制邊改變方向，使其看起來大小和方向呈不規則狀。(由於操作失誤，很抱歉漏掉了兩個步驟，這裡兄弟用文字詳述一下)截圖中圖層2，在編輯繪制完音符後，添加圖層樣式>漸變疊加——參數設置按圖示；

然後，ctrl+J，復制一層，打開圖層樣式編輯窗，在漸變條右側勾選“反向”。這樣就使兩個音符圖層的色彩看起來不完全一樣了。最後，在它們各自的下方分別新建一個圖層，分別合並變為普通圖層即可。記著為圖層命名。

12、將“小音符圖層”縮小並改變一下方向。好了，關閉背景圖層預覽下效果。我們可以看到編輯好的手臂、唱片和音符等四個圖層。

13、按圖示，將大小音符圖層位置向左下移動，使它們右側正好處在喇叭口處。下來的工作就是要讓音符看起來是從喇叭裡飄出來的。當然，蒙版是最佳選擇，為便於操作和控制，給這個圖層先編組。方法是，單擊“小音符層”，再按住ctrl鍵單擊“大音符層”，然後，鼠標將它們拖至箭頭所指處的“創建新組”按鈕。

 14、用“套索工具”，(羽化一下，參考圖示)在喇叭出口和音符顯示的區域畫出選區。對於新手，這裡需要提示下，上面說了，這個選區內是可見的區域，選區外，自然就是被隱藏的區域了。

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

16、蒙版既然有此用途，那就繼續蒙版。“手圖層”如果加個黑色蒙版不也能把手隱藏起來嗎?!快捷方法是：按住ALT鍵，單擊蒙版按鈕——可以快速為圖層添加一個“隱藏全部”的蒙版。

 17、至此，前期工作准備完畢。下圖為時間軸一些操作選項，紅框(紅色)為“創建和清除幀”按鈕和與之對應的操作位置和結果;綠框中的按鈕為“添加關鍵幀”，黃藍線為標示，供參考。

圖中，按我們的設想，根據各圖層所起的作用，為它們分別創建關鍵幀，同時，設定它們各自的初始幀狀態。比如，“唱片幀”已設置好圖層樣式，“大小音符”的初始動作是淡出，所以，將它們的不透明度設為0。

18、大概了解了時間軸的操作，我們正式開始編輯動畫。第一步，先從“小音符”開始;我們設想的效果是讓它從喇叭飄出，並在飄動中漸漸隱去，單擊“小音符層”，首先編輯“不透明度”。

19、將時間指示器移至時間軸的二分之一處，把不透明度設為100。
 

20、將時間指示器移至時間軸的末端，再次將不透明度設為0、這個動作的過程是，從無到有，再到無。

21、然後，編輯“小音符”的“位置”。第一幀的位置是設置好的，將時間指示器移至末端，“移動工具”把“小音符”移至窗口的右上方，參考圖示。這個動作過程是，從喇叭裡出來，到右上角停止。

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

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