時(shí)間軸,做動(dòng)畫時(shí)主要用到的時(shí)間軸理論和技巧(2)
例如我們想要做一個(gè)圓形變成矩形的動(dòng)畫,首先畫足夠大的(為什么要足夠大就不多說了)圓并將其轉(zhuǎn)換為智能對象,再畫一個(gè)矩形,填充設(shè)置0,圖層樣式設(shè)置如圖
然后添加將圓形添加到矩形的圖層蒙版,轉(zhuǎn)到時(shí)間軸,給圓形做一個(gè)變化的動(dòng)畫,打開變換的關(guān)鍵幀開關(guān),添加開始幀關(guān)鍵幀將其縮小,拉動(dòng)時(shí)間線到指定位置并且將其放大
動(dòng)畫制作完成。
雖然這個(gè)變換動(dòng)畫并沒有像專業(yè)動(dòng)畫工具中的形狀變化那樣過渡自然,但是這確實(shí)是從一個(gè)圖形變成另外一個(gè)圖形的最佳辦法。
剪貼蒙版+移動(dòng)
你還可以使用移動(dòng)的方法來制作各種動(dòng)畫,移動(dòng)的對象可以是上面的圖層,也可以是下面的圖層
這個(gè)方法可以制作寫字動(dòng)畫、波浪動(dòng)畫等。
(上圖第一個(gè)紅色動(dòng)畫如果是方形可以直接用拉伸實(shí)現(xiàn),然而很多圖形都必須使用圖層蒙版+移動(dòng))
3、確立旋轉(zhuǎn)圖形新的中心點(diǎn)
上一篇跟大家分享過的旋轉(zhuǎn)的時(shí)鐘,在這里再跟大家補(bǔ)充,如何確立新的中心點(diǎn),當(dāng)時(shí)只是粗略地說調(diào)整智能對象的畫布,其實(shí)有個(gè)更好更方便的方法。為了方便參考,我們制作旋轉(zhuǎn)動(dòng)畫以畫布的中心點(diǎn)旋轉(zhuǎn),首先畫一個(gè)正圓垂直水平居中對齊這個(gè)畫布,圓的大小最好超出需要旋轉(zhuǎn)的圖形,旋轉(zhuǎn)的圖形水平居中圓形(有的圖形不需要)最后將這個(gè)圓和旋轉(zhuǎn)的圖形編組并轉(zhuǎn)換為智能對象,再將該圓隱藏/刪除即可。
(溫馨提示:在某些情況下,轉(zhuǎn)換為智能對象的畫布會(huì)超出實(shí)際元素本身容納的畫布,例如上圖的圓形是300px×300px,和轉(zhuǎn)換的圖形一起轉(zhuǎn)換為智能對象后可能會(huì)超出300px×300px的畫布,事實(shí)上這是很讓人頭疼的問題,而我們只能把智能對象的畫布調(diào)整為300px×300px,再將圖層編組后飽滿畫布。)
4,導(dǎo)出動(dòng)畫
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫,用PS制作Q彈的果凍動(dòng)畫
- 下雨效果,通過PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來的“Cinemagraph”類型照片
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫,用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)畫效果
- 播放器制作,用PS加AE制作一個(gè)“山寨”網(wǎng)易云音樂播放界面
推薦教程
- PS教程:運(yùn)用蒙版做Gif動(dòng)畫
- [IR動(dòng)圖教程] 【PS下雨效果—懶人篇 】
- 動(dòng)畫教程,制作滾動(dòng)字幕的唱片播放器圖片
- ps簡單制作發(fā)光動(dòng)畫圖片
- 時(shí)間軸,教你玩轉(zhuǎn)視頻時(shí)間軸
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- PS簡單步驟制作扭動(dòng)文字效果GIF動(dòng)態(tài)圖
- ps絲線流動(dòng)纏繞效
- 微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片
- [IR動(dòng)圖教程] ImageReady制作光影劃過文字表面動(dòng)畫