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

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):1681人次


作者:林內(nèi)   出處:

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

2.素材

3.ps里打開(kāi),用“套索工具”和“仿制圖章”等工具,去掉原圖中的音符。然后,打開(kāi)動(dòng)畫(huà)面板(時(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è)前景色為黑色,用“畫(huà)筆工具”涂去手部多余部分。完成后,合并圖層2和3,并命名為“變換的左手”。

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

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

9.1。然后單擊紅框處,添加圖層樣式>漸變疊加——打開(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.以此類推,重復(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)該很流暢



學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
正能量實(shí)事求是2018-05-08 10:48
贊一個(gè)
滅世風(fēng)見(jiàn)2017-05-28 04:27
新手果斷過(guò)來(lái)看看~~
又土又木2017-05-28 04:38
虛心學(xué)習(xí)
格;ㄐ腋2017-05-28 01:33
給力
趙大玉MMM2017-05-28 01:33
給力

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!