時(shí)間軸,制作GIF動(dòng)畫(huà)技巧(2)
制作類似咻一咻的動(dòng)畫(huà)
首先分析動(dòng)畫(huà)是由圓環(huán)從小變大并且慢慢消失,如果我們直接用圓圈減去的方法制作圓環(huán),那么圓環(huán)的寬度并不能保持一致,因此采用圖層樣式的方法,操作:用形狀工具畫(huà)一個(gè)足夠大的正圓(為什么要足夠大?幾年前已經(jīng)粗略講過(guò)圖層樣式和智能對(duì)象,這里再補(bǔ)一下,就是當(dāng)前形狀大小轉(zhuǎn)換為智能對(duì)象后,它最大的形狀也就是當(dāng)前固定了,如果轉(zhuǎn)換為智能對(duì)象后再放大,則會(huì)失真,所以寧可畫(huà)得大一些,轉(zhuǎn)換智能對(duì)象后縮小后再次放大也不至于失真了,圖片更是如此)→轉(zhuǎn)換為智能對(duì)象再將其縮小→將其圖層填充為0→添加圖層樣式→描邊。
接下來(lái)轉(zhuǎn)到時(shí)間軸上制作動(dòng)畫(huà)。圓環(huán)發(fā)生縮放屬于變換的動(dòng)作屬性,因此在變換旁邊打開(kāi)關(guān)鍵幀開(kāi)關(guān),然后拖動(dòng)時(shí)間線到指定位置,再次放大圓環(huán)。圓環(huán)還有慢慢消失的動(dòng)作,則在透明度上旁邊打開(kāi)關(guān)鍵幀開(kāi)關(guān),設(shè)置開(kāi)始幀的透明度為100,結(jié)束幀的透明度為0,一個(gè)圓環(huán)的動(dòng)作已經(jīng)完成了。我們需要很多個(gè)圓環(huán)跟著節(jié)奏,所以按照上面說(shuō)的動(dòng)畫(huà)的圖層拷貝,alt+鼠標(biāo)移動(dòng)(復(fù)制N個(gè)),生成相同的動(dòng)作以后,再調(diào)整各個(gè)圖層動(dòng)畫(huà)預(yù)覽的位置錯(cuò)開(kāi)時(shí)間緊隨節(jié)奏,動(dòng)畫(huà)制作完畢。
你還可以運(yùn)用在其他動(dòng)畫(huà)上
制作模糊動(dòng)畫(huà)
如果PS可以像flash那樣有濾鏡動(dòng)畫(huà),那是值得高興的事,很遺憾ps總歸是ps,它制作動(dòng)畫(huà)的功能無(wú)法跟專業(yè)的動(dòng)畫(huà)工具比,而我寫(xiě)的這個(gè)文章也并不是做專業(yè)動(dòng)畫(huà)的,因?yàn)橐呀?jīng)表明了是輕松制作簡(jiǎn)單的gif動(dòng)畫(huà)。但說(shuō)是簡(jiǎn)單,也需要實(shí)用才行,這還是符合我寫(xiě)教程的三個(gè)基本原則的,簡(jiǎn)單、實(shí)用、原創(chuàng)。好吧,又裝X了~
新建一個(gè)文字圖層并打上模糊,ctrl+J復(fù)制一個(gè)圖層,估計(jì)到這里大家已經(jīng)知道怎么做了。讓文字從模糊慢慢變得不模糊,將其中一個(gè)圖層轉(zhuǎn)換為智能對(duì)象再添加其高斯模糊濾鏡(這也就是為什么文字圖層也不絕對(duì)不用轉(zhuǎn)換智能對(duì)象了,必要情況下還是要轉(zhuǎn)的)。然后開(kāi)始幀的透明度設(shè)置100,結(jié)束幀設(shè)置0,另外一個(gè)圖層開(kāi)始幀的透明度設(shè)置0,結(jié)束幀設(shè)置100,參數(shù)反過(guò)來(lái)設(shè)置就是不模糊變得模糊,制作完畢。圖片模糊同樣方法。
制作旋轉(zhuǎn)的時(shí)鐘
我還是要吐槽一下ps動(dòng)畫(huà)沒(méi)有運(yùn)動(dòng)軌跡真是一個(gè)遺憾,這使得很多動(dòng)畫(huà)的制作需要技巧,如果真的沒(méi)辦法做的動(dòng)作建議還是使用專業(yè)的工具。但是還是許多動(dòng)作可以做的,而更多動(dòng)作都跟旋轉(zhuǎn)有關(guān),比如手腳的擺動(dòng),時(shí)鐘的轉(zhuǎn)動(dòng)等。
值得注意的是,當(dāng)我們ctrl+T改變圖形的中心點(diǎn)的時(shí)候,只是在當(dāng)前操作起作用,而下一次再次ctrl+T,中心點(diǎn)位置還是會(huì)回歸到原始的中心位置。而旋轉(zhuǎn),正是跟這個(gè)中心點(diǎn)有關(guān)。既然中心點(diǎn)無(wú)法用ctrl+T改變后制作動(dòng)畫(huà),那我們需要用到技巧。因?yàn)橹行狞c(diǎn)是固定在圖像垂直居中的中心位置,如果只是在當(dāng)前的圖形上旋轉(zhuǎn),那必定不是我們想要的動(dòng)畫(huà),因此需要添加額外的內(nèi)容填充。
以時(shí)鐘為例,將指針沿著時(shí)鐘的中心位置轉(zhuǎn)動(dòng)起來(lái):用形狀工具畫(huà)一個(gè)指針→將其指針轉(zhuǎn)換為智能對(duì)象→雙擊智能對(duì)象調(diào)整畫(huà)布的高度/寬度大小200%(參數(shù)的設(shè)置取決于你想要轉(zhuǎn)換智能對(duì)象后的中心點(diǎn)位置),確定再按ctrl+T,我們可以看到中心點(diǎn)還是在中間的位置,只是添加的額外內(nèi)容隱藏了。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)畫(huà)閃字
- 時(shí)間軸
- 矢量人生
- GIF動(dòng)畫(huà)
- 動(dòng)畫(huà)技巧
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(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è)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫(huà)效果
- 播放器制作,用PS加AE制作一個(gè)“山寨”網(wǎng)易云音樂(lè)播放界面
推薦教程
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- PS制作心電圖動(dòng)態(tài)效果圖
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫(huà)效果
- photoshop如何做河水流動(dòng)效果
- ps制作佛光閃耀GIF動(dòng)畫(huà)
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- 照片加水波動(dòng)畫(huà)特效IR教程
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫(huà)之三
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖