最終效果



1、打開(kāi)素材。


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



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



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


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



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



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


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



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



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


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

然后，ctrl+J，復(fù)制一層，打開(kāi)圖層樣式編輯窗，在漸變條右側(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ū)域畫(huà)出選區(qū)。對(duì)于新手，這里需要提示下，上面說(shuō)了，這個(gè)選區(qū)內(nèi)是可見(jiàn)的區(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í)間軸的操作，我們正式開(kāi)始編輯動(dòng)畫(huà)。第一步，先從“小音符”開(kāi)始;我們?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)鍵幀，開(kāi)始制作時(shí)已添加，下面不再贅述)還是從不透明度開(kāi)始，時(shí)間指示器返回開(kāi)始位置。單擊“大音符層”，時(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í)間指示器返回開(kāi)始位置。單擊“唱片層”，再雙擊紅框所示處的“漸變疊加”>圖層樣式編輯窗口打開(kāi)——特別提醒注意紅框內(nèi)“角度選項(xiàng)”的設(shè)置為90度。



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



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



29、以此類(lèi)推，重復(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)該很流暢。




最終效果：

最新評(píng)論