PS制作留聲機(jī)里飄出的音符的GIF動(dòng)畫(huà)(3)
制作思路,是將一幅漫畫(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í) · 提示
相關(guān)教程
- 動(dòng)圖教程,制作唯美的冬季下雪動(dòng)圖效果
- 動(dòng)圖教程,在PS中制作逼真的下雨效果照片
- 動(dòng)態(tài)字體,在PS中制作一款GIF動(dòng)態(tài)效果字體
- 卡通動(dòng)畫(huà),用PS制作有趣的卡通動(dòng)物表情
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類型照片
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫(huà),用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
推薦教程
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫(huà)之三
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- ps制作佛光閃耀GIF動(dòng)畫(huà)
- photoshop如何做河水流動(dòng)效果
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- 照片加水波動(dòng)畫(huà)特效IR教程
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫(huà)效果
- PS制作心電圖動(dòng)態(tài)效果圖