PS利用時(shí)間軸制作動(dòng)畫教程

我們首先要了解的是PS有5種類型的圖層按順序依次為像素圖層、調(diào)整圖層、文字圖層、形狀圖層以及智能對(duì)象。而對(duì)應(yīng)的時(shí)間軸里面,各種類型的圖層都有對(duì)應(yīng)時(shí)間軸的動(dòng)作屬性,如圖所示:
可以得知所有的動(dòng)作屬性有:位置、不透明度、樣式、圖層蒙版位置、圖層蒙版啟用、變換、文字變形、矢量蒙版位置、矢量蒙版啟用。
名稱描述
位置:像素圖層中元素移動(dòng)的位置,也可以理解成位移,它不包含旋轉(zhuǎn)和縮放,并且對(duì)形狀圖層無(wú)效。
不透明度:圖層的透明度,而調(diào)整填充則無(wú)效。
樣式:圖層樣式,產(chǎn)生動(dòng)畫的是各種樣式參數(shù)變化(即顏色、角度、大小、不透明度等參數(shù))。
圖層蒙版位置:暫不描述。
變換:動(dòng)作最多的一個(gè)屬性,其中包含移動(dòng)、縮放、旋轉(zhuǎn)、斜切、翻轉(zhuǎn),因此很多情況下需要把圖層類型轉(zhuǎn)換為智能對(duì)象才能做。
矢量蒙版位置:形狀圖層中元素移動(dòng)的位置。
制作一個(gè)動(dòng)畫的基本步驟
1,創(chuàng)建一個(gè)500px×500px的畫布,調(diào)出時(shí)間軸面板(窗口—時(shí)間軸)。
點(diǎn)擊創(chuàng)建時(shí)間軸按鈕,等一下?。?!因?yàn)楫?dāng)前只有一個(gè)圖層,所以最好先新建一個(gè)圖層再點(diǎn)擊這個(gè)按鈕,當(dāng)然如果是要做背景透明的可以直接點(diǎn)擊(事實(shí)上要做透明背景的只需隱藏背景圖就行了),否則在制作動(dòng)畫的時(shí)候會(huì)有很繁瑣的事等著你。
額外話:
本人建議,當(dāng)你要做一個(gè)設(shè)計(jì)的時(shí)候,新建帶背景圖層的文件(切圖及少部分特殊的情況下可以新建透明背景的~),保留原生態(tài)純正的背景圖層,當(dāng)你不需要的時(shí)候可以隱藏。否則,就算你新建一個(gè)背景圖層,加上任何鎖定,并且把它改為同樣的ID,它始終不是純正的背景圖層,聰明的你看字體就知道啦。
2,做一個(gè)顏色變化的動(dòng)畫
首先思考,要做一個(gè)圖層的顏色變化的動(dòng)作,是屬于時(shí)間軸上的哪個(gè)動(dòng)作屬性,我們可以很輕易的知道是樣式,而如果改變圖層圖像本身的顏色,則無(wú)法產(chǎn)生動(dòng)畫。
先用形狀工具畫一個(gè)圓,然后到時(shí)間軸面板點(diǎn)擊樣式旁邊的一個(gè)小鐘啟用關(guān)鍵幀(出現(xiàn)棱形)動(dòng)畫→給圖層加上圖層樣式→顏色疊加打上勾并任意給個(gè)顏色,
然后回到時(shí)間軸拖動(dòng)時(shí)間線到想要的位置→雙擊圖層調(diào)出圖層樣式→在顏色疊加設(shè)置另一種顏色。
這個(gè)時(shí)候已經(jīng)制作好顏色變化的動(dòng)畫了,接下來(lái)你可以調(diào)整關(guān)鍵幀的位置,動(dòng)畫的長(zhǎng)度,剪輯的長(zhǎng)度(導(dǎo)出的時(shí)候生效)
如果你想要調(diào)整幀速率,點(diǎn)擊時(shí)間軸右上角→設(shè)置時(shí)間軸幀速率
最后導(dǎo)出動(dòng)畫,文件→儲(chǔ)存為web所用格式→選擇gif格式→循環(huán)選項(xiàng),如果文件太大,你可以再確保畫面的質(zhì)量的情況下減少顏色值→導(dǎo)出
現(xiàn)在你已經(jīng)掌握了制作GIF動(dòng)畫最基本的步驟!
簡(jiǎn)單GIF動(dòng)畫的一些技巧,文字動(dòng)畫、顏色漸變、咻一咻動(dòng)畫、模糊動(dòng)畫、旋轉(zhuǎn)時(shí)鐘以及變化的月亮等等,文章提到的動(dòng)畫都有提供打包下載。
一般來(lái)說(shuō),制作動(dòng)畫不會(huì)選擇像素圖層,因?yàn)樗膭?dòng)作屬性可操作性太少,正如我們?cè)O(shè)計(jì)UI的時(shí)候也不會(huì)直接用像素繪制。如果我們需要制作的動(dòng)畫中包括旋轉(zhuǎn)或者縮放,我們只能把圖層轉(zhuǎn)換為智能對(duì)象,而文字圖層是個(gè)例外(但并不絕對(duì)),因?yàn)樗呀?jīng)有變換的動(dòng)作屬性,然而僅僅改變顏色或者移動(dòng)位置直接用形狀圖層制作便可。
PS時(shí)間軸沒(méi)有像flash那樣可以設(shè)置運(yùn)動(dòng)軌跡,但是它的運(yùn)動(dòng)也是有規(guī)律的,即跟隨最近原則,比如我們做一個(gè)旋轉(zhuǎn)動(dòng)畫,第一幀的角度為0°,下一幀的角度旋轉(zhuǎn)360°,事實(shí)上它還是0°,也就不會(huì)產(chǎn)生動(dòng)畫;
另一種情況,第一幀的角度為0°,下一幀的角度旋轉(zhuǎn)270°,產(chǎn)生動(dòng)畫則是反轉(zhuǎn)90°,因此,必要的情況下我們需要在開始幀和結(jié)束幀之間添加更多的關(guān)鍵幀。顏色變化更是如此。
關(guān)鍵幀的拷貝和粘貼
大部分情況下我們做的動(dòng)畫都是循環(huán)的,因此在開始幀(第一幀)和結(jié)束幀(最后一幀)都是一樣的,所以我們先復(fù)制第一幀再把時(shí)間線拖到最后并復(fù)粘貼。
操作:右鍵點(diǎn)擊想要拷貝的關(guān)鍵幀→拖動(dòng)時(shí)間線到想要的位置→右鍵點(diǎn)擊任意關(guān)鍵幀→粘貼(溫馨提示:這里會(huì)重新在拖動(dòng)時(shí)間線的位置上生成一個(gè)新的關(guān)鍵幀,而不是替換你當(dāng)前右鍵點(diǎn)擊的關(guān)鍵幀,除非時(shí)間線剛好在這個(gè)關(guān)鍵幀上)
具有動(dòng)畫的圖層拷貝
我們都知道圖層的快捷復(fù)制是直接按ctrl+J,而這種操作無(wú)法將其動(dòng)畫復(fù)制到時(shí)間軸上,也就是無(wú)法復(fù)制時(shí)間軸上的動(dòng)作屬性(復(fù)制組可以將其動(dòng)畫復(fù)制到時(shí)間軸上)。還有一種操作就是在當(dāng)前圖層按住alt+鼠標(biāo)移動(dòng),即可復(fù)制時(shí)間軸上的動(dòng)作屬性,并且哪怕你鼠標(biāo)復(fù)制圖層后移動(dòng)到任何位置,再次回到時(shí)間軸面板拖動(dòng)時(shí)間線它還是保持原來(lái)的位置(僅對(duì)智能對(duì)象圖層有效,其他類型圖層的位置會(huì)發(fā)生改變),事實(shí)上這是一個(gè)良性的bug(溫馨提示:如果你不重新拖動(dòng)時(shí)間線直接導(dǎo)出動(dòng)畫,有一幀的位置就是你拖動(dòng)的位置)。
制作類似咻一咻的動(dòng)畫
首先分析動(dòng)畫是由圓環(huán)從小變大并且慢慢消失,如果我們直接用圓圈減去的方法制作圓環(huán),那么圓環(huán)的寬度并不能保持一致,因此采用圖層樣式的方法,
操作:用形狀工具畫一個(gè)足夠大的正圓(為什么要足夠大?幾年前已經(jīng)粗略講過(guò)圖層樣式和智能對(duì)象,這里再補(bǔ)一下,就是當(dāng)前形狀大小轉(zhuǎn)換為智能對(duì)象后,它最大的形狀也就是當(dāng)前固定了,如果轉(zhuǎn)換為智能對(duì)象后再放大,則會(huì)失真,所以寧可畫得大一些,轉(zhuǎn)換智能對(duì)象后縮小后再次放大也不至于失真了,圖片更是如此)→ 轉(zhuǎn)換為智能對(duì)象再將其縮小→ 將其圖層填充為0→ 添加圖層樣式→ 描邊。
接下來(lái)轉(zhuǎn)到時(shí)間軸上制作動(dòng)畫。圓環(huán)發(fā)生縮放屬于變換的動(dòng)作屬性,因此在變換旁邊打開關(guān)鍵幀開關(guān),然后拖動(dòng)時(shí)間線到指定位置,再次放大圓環(huán)。
圓環(huán)還有慢慢消失的動(dòng)作,則在透明度上旁邊打開關(guān)鍵幀開關(guān),設(shè)置開始幀的透明度為100,結(jié)束幀的透明度為0,一個(gè)圓環(huán)的動(dòng)作已經(jīng)完成了。我們需要很多個(gè)圓環(huán)跟著節(jié)奏,所以按照上面說(shuō)的動(dòng)畫的圖層拷貝,alt+鼠標(biāo)移動(dòng)(復(fù)制N個(gè)),生成相同的動(dòng)作以后,再調(diào)整各個(gè)圖層動(dòng)畫預(yù)覽的位置錯(cuò)開時(shí)間緊隨節(jié)奏,動(dòng)畫制作完畢。
你還可以運(yùn)用在其他動(dòng)畫上
制作模糊動(dòng)畫
如果PS可以像flash那樣有濾鏡動(dòng)畫,那是值得高興的事,很遺憾ps總歸是ps,它制作動(dòng)畫的功能無(wú)法跟專業(yè)的動(dòng)畫工具比,而我寫的這個(gè)文章也并不是做專業(yè)動(dòng)畫的,因?yàn)橐呀?jīng)表明了是輕松制作簡(jiǎn)單的gif動(dòng)畫。但說(shuō)是簡(jiǎn)單,也需要實(shí)用才行,這還是符合我寫教程的三個(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)的)。然后開始幀的透明度設(shè)置100,結(jié)束幀設(shè)置0,另外一個(gè)圖層開始幀的透明度設(shè)置0,結(jié)束幀設(shè)置100,參數(shù)反過(guò)來(lái)設(shè)置就是不模糊變得模糊,制作完畢。圖片模糊同樣方法。
制作旋轉(zhuǎn)的時(shí)鐘
我還是要吐槽一下ps動(dòng)畫沒(méi)有運(yùn)動(dòng)軌跡真是一個(gè)遺憾,這使得很多動(dòng)畫的制作需要技巧,如果真的沒(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)畫,那我們需要用到技巧。因?yàn)橹行狞c(diǎn)是固定在圖像垂直居中的中心位置,如果只是在當(dāng)前的圖形上旋轉(zhuǎn),那必定不是我們想要的動(dòng)畫,因此需要添加額外的內(nèi)容填充。
以時(shí)鐘為例,將指針沿著時(shí)鐘的中心位置轉(zhuǎn)動(dòng)起來(lái):用形狀工具畫一個(gè)指針→將其指針轉(zhuǎn)換為智能對(duì)象→雙擊智能對(duì)象調(diào)整畫布的高度/寬度大小200%(參數(shù)的設(shè)置取決于你想要轉(zhuǎn)換智能對(duì)象后的中心點(diǎn)位置),確定再按ctrl+T,我們可以看到中心點(diǎn)還是在中間的位置,只是添加的額外內(nèi)容隱藏了。
接下來(lái)就是將指針旋轉(zhuǎn)起來(lái),轉(zhuǎn)到時(shí)間軸面板,打開變換的關(guān)鍵幀開關(guān),上面已經(jīng)說(shuō)過(guò)運(yùn)動(dòng)規(guī)律是跟隨最近原則的,因此每個(gè)幀的旋轉(zhuǎn)幅度不要超過(guò)180°,否則將不會(huì)順時(shí)針旋轉(zhuǎn)。
制作變化的月亮
上一篇沒(méi)有描述的圖層蒙版位置的動(dòng)作屬性,現(xiàn)在終于派上用場(chǎng)了。
用形狀工具畫一個(gè)正圓,添加圖層樣式,然后添加圖層蒙版并拉個(gè)黑白漸變,這個(gè)時(shí)候時(shí)間軸的動(dòng)作屬性已經(jīng)發(fā)生改變,多出了圖層蒙版位置和圖層蒙版啟用。點(diǎn)擊取消圖層和圖層蒙版中間的鏈接(否則將一起移動(dòng))
回到時(shí)間軸,打開圖層蒙版位置的關(guān)鍵幀開關(guān),拖動(dòng)時(shí)間線到指定位置,回到圖層面板,按住alt+點(diǎn)擊圖層蒙版
進(jìn)入預(yù)覽,然后用移動(dòng)工具移動(dòng)漸變位置
再次按住alt+點(diǎn)擊圖層蒙版回到畫面,月亮的變化制作完畢。接下來(lái)可以在矢量蒙版位置上加個(gè)移動(dòng)的動(dòng)作,打開移動(dòng)蒙版位置的關(guān)鍵幀開關(guān)→拖動(dòng)時(shí)間線到指定位置→拖動(dòng)圖層到指定位置,月亮的移動(dòng)制作完畢。最后還可以加上圖層樣式的動(dòng)作,整個(gè)動(dòng)畫制作完畢。
以上就是小編跟大家分享的技巧,其中包括:文字動(dòng)畫、顏色漸變、咻一咻動(dòng)畫、模糊動(dòng)畫、旋轉(zhuǎn)的時(shí)鐘以及變化的月亮。里面所需用到的技巧可以用在更多的動(dòng)畫上,相信大家一定能做出更炫的動(dòng)畫。
1,巧用智能對(duì)象
利用技巧,PS時(shí)間軸可以做更多相對(duì)復(fù)雜的動(dòng)畫,而這些動(dòng)畫的實(shí)現(xiàn)更多的是利用智能對(duì)象實(shí)現(xiàn)。
轉(zhuǎn)換為智能對(duì)象可以N次,轉(zhuǎn)換越深的對(duì)象繼承級(jí)別越高,每一次的轉(zhuǎn)換都可以給其做不同的動(dòng)畫或者樣式,并且和被轉(zhuǎn)換的動(dòng)畫或者樣式疊加。對(duì)于樣式,它顯得更有用(例如給一個(gè)圖層添加多個(gè)投影)。
玩過(guò)flash的朋友們都知道有一種元件叫影片剪輯,它可以很靈活地重疊動(dòng)畫,在PS時(shí)間軸里,智能對(duì)象相當(dāng)于flash的影片剪輯,所以我們經(jīng)常需要把做好的一個(gè)動(dòng)畫轉(zhuǎn)換為智能對(duì)象后再做另一個(gè)動(dòng)畫。例如做一類似地球的公轉(zhuǎn),首先做好地球的自轉(zhuǎn),然后轉(zhuǎn)換為智能對(duì)象后,再做公轉(zhuǎn)。
值得注意的是,PS的智能對(duì)象不能像flash的影片剪輯可以循環(huán)播放,也就是說(shuō)所有的動(dòng)畫都是按照時(shí)間線單一的從左到右,同時(shí)進(jìn)行并且不循環(huán)的。舉個(gè)例子,一個(gè)只有一次播放的動(dòng)畫,這個(gè)動(dòng)畫(總場(chǎng)景)一共10秒,在flash中,一個(gè)影片剪輯5秒,把這個(gè)影片剪輯拖到總場(chǎng)景的第一幀,預(yù)覽動(dòng)畫可以得知這個(gè)影片剪輯循環(huán)播放了兩次(當(dāng)然如果要播放一次在影片剪輯最后一幀加個(gè)stop代碼就可以了,這里就不討論flash了);在PS中,智能對(duì)象有5秒的動(dòng)畫,拖到時(shí)間線的第一幀,預(yù)覽動(dòng)畫可以得知只播放一次。
當(dāng)轉(zhuǎn)換前的對(duì)象(智能對(duì)象或者圖層)有動(dòng)畫時(shí),轉(zhuǎn)換后的智能對(duì)象動(dòng)畫長(zhǎng)度=轉(zhuǎn)換前的動(dòng)畫長(zhǎng)度,即向右拖動(dòng)動(dòng)畫長(zhǎng)度有最大值;在轉(zhuǎn)換后的智能對(duì)象拉動(dòng)動(dòng)畫長(zhǎng)度時(shí)旁邊會(huì)出現(xiàn)一個(gè)預(yù)覽窗口,便可以得知轉(zhuǎn)換前的動(dòng)畫位置,這個(gè)對(duì)于時(shí)間軸上的幀調(diào)整很有幫助。
當(dāng)轉(zhuǎn)換的對(duì)象沒(méi)有動(dòng)畫時(shí)(所有轉(zhuǎn)換前的對(duì)象的關(guān)鍵幀開關(guān)都沒(méi)有打開),轉(zhuǎn)換后的智能對(duì)象動(dòng)畫長(zhǎng)度可以無(wú)限延長(zhǎng),即向右拖動(dòng)動(dòng)畫長(zhǎng)度沒(méi)有限制。
2,巧用剪貼蒙版
通過(guò)前面章節(jié)我們已經(jīng)知道只有轉(zhuǎn)換為智能對(duì)象才有變換的動(dòng)作屬性,而變換產(chǎn)生的動(dòng)畫有移動(dòng)、縮放、旋轉(zhuǎn)、斜切、翻轉(zhuǎn),實(shí)際上并沒(méi)有從一個(gè)圖形變換成另外一種圖形的動(dòng)畫產(chǎn)生,但是我們卻經(jīng)常需要做這樣的動(dòng)畫,比如從一個(gè)圓變成一個(gè)方形,從方形變成多邊形,從多邊形變成其他圖形等等。
因此需要用到剪貼蒙版并且如圖設(shè)置:
剪貼蒙版+縮放
例如我們想要做一個(gè)圓形變成矩形的動(dòng)畫,首先畫足夠大的(為什么要足夠大就不多說(shuō)了)圓并將其轉(zhuǎn)換為智能對(duì)象,再畫一個(gè)矩形,填充設(shè)置0,圖層樣式設(shè)置如圖:
然后添加將圓形添加到矩形的圖層蒙版,轉(zhuǎn)到時(shí)間軸,給圓形做一個(gè)變化的動(dòng)畫,打開變換的關(guān)鍵幀開關(guān),添加開始幀關(guān)鍵幀將其縮小,拉動(dòng)時(shí)間線到指定位置并且將其放大
動(dòng)畫制作完成。
雖然這個(gè)變換動(dòng)畫并沒(méi)有像專業(yè)動(dòng)畫工具中的形狀變化那樣過(guò)渡自然,但是這確實(shí)是從一個(gè)圖形變成另外一個(gè)圖形的最佳辦法。
剪貼蒙版+移動(dòng)
你還可以使用移動(dòng)的方法來(lái)制作各種動(dòng)畫,移動(dòng)的對(duì)象可以是上面的圖層,也可以是下面的圖層
這個(gè)方法可以制作寫字動(dòng)畫、波浪動(dòng)畫等。
(上圖第一個(gè)紅色動(dòng)畫如果是方形可以直接用拉伸實(shí)現(xiàn),然而很多圖形都必須使用圖層蒙版+移動(dòng))
3,確立旋轉(zhuǎn)圖形新的中心點(diǎn)
上一篇跟大家分享過(guò)的旋轉(zhuǎn)的時(shí)鐘,在這里再跟大家補(bǔ)充,如何確立新的中心點(diǎn),當(dāng)時(shí)只是粗略地說(shuō)調(diào)整智能對(duì)象的畫布,其實(shí)有個(gè)更好更方便的方法。為了方便參考,我們制作旋轉(zhuǎn)動(dòng)畫以畫布的中心點(diǎn)旋轉(zhuǎn),首先畫一個(gè)正圓垂直水平居中對(duì)齊這個(gè)畫布,圓的大小最好超出需要旋轉(zhuǎn)的圖形,旋轉(zhuǎn)的圖形水平居中圓形(有的圖形不需要)最后將這個(gè)圓和旋轉(zhuǎn)的圖形編組并轉(zhuǎn)換為智能對(duì)象,再將該圓隱藏/刪除即可。
(溫馨提示:在某些情況下,轉(zhuǎn)換為智能對(duì)象的畫布會(huì)超出實(shí)際元素本身容納的畫布,例如上圖的圓形是300px×300px,和轉(zhuǎn)換的圖形一起轉(zhuǎn)換為智能對(duì)象后可能會(huì)超出300px×300px的畫布,事實(shí)上這是很讓人頭疼的問(wèn)題,而我們只能把智能對(duì)象的畫布調(diào)整為300px×300px,再將圖層編組后飽滿畫布。)
4,導(dǎo)出動(dòng)畫
PS導(dǎo)出大型gif動(dòng)畫需要占用電腦很大的內(nèi)存,對(duì)于分辨率很大,或者幀數(shù)太多,可能會(huì)彈出未知錯(cuò)誤的提示框,也就是內(nèi)存不足,然而就算你加到16G,有時(shí)候還會(huì)無(wú)法導(dǎo)出。這個(gè)時(shí)候我們必須妥協(xié),降低百分比(縮小分辨率)。如果你做的動(dòng)畫有2700px寬度,你最好在導(dǎo)出之前先把圖像大小降低百分比,再做導(dǎo)出,否則你需要經(jīng)過(guò)漫長(zhǎng)時(shí)間的等待,甚至出錯(cuò)。
(經(jīng)驗(yàn)證明先把PSD圖像降低百分比再導(dǎo)出gif,比進(jìn)入導(dǎo)出gif面板時(shí)降低百分比的文件要小一些)
PS自動(dòng)限制導(dǎo)出的gif動(dòng)畫最多為500幀(如果有朋友知道如何設(shè)置超過(guò)500幀請(qǐng)賜教),超出的部分自動(dòng)裁剪并導(dǎo)出前面500幀的gif動(dòng)畫。慶幸的是這500幀是真正發(fā)生動(dòng)作的幀,也就是說(shuō),在連續(xù)的N個(gè)幀都沒(méi)發(fā)產(chǎn)生動(dòng)畫,它也為一幀。當(dāng)然如果你做的動(dòng)畫幀數(shù)太多,PS已經(jīng)很難保證導(dǎo)出的gif的顏色還能保持原來(lái)的顏色。而如果出于某些情況確實(shí)需要超過(guò)500幀的動(dòng)畫,我們只好導(dǎo)出視頻格式。
渲染視頻,還可以給其添加音軌,前提是你必須啟用音軌。
另外,gif文件大小是個(gè)必須考慮的問(wèn)題,通過(guò)調(diào)整導(dǎo)出的參數(shù),文件大小會(huì)發(fā)生對(duì)應(yīng)的變化,而動(dòng)畫的質(zhì)量也跟隨變化。一般情況下(幀數(shù)比較少的動(dòng)畫),按照以下參數(shù)設(shè)置
顏色256最高值,仿色的設(shè)置對(duì)文件的大小影響尤其明顯,數(shù)值越高,顏色精確度越好(導(dǎo)出的gif質(zhì)量越好),而文件的大小則越大,因此需要結(jié)合實(shí)際情況設(shè)置數(shù)值。其他的參數(shù)可以試設(shè)置并且對(duì)應(yīng)看下預(yù)覽信息。
5,合成gif
將一個(gè)gif格式的動(dòng)畫放到另外一個(gè)gif或者新建的PSD文件里。幾個(gè)月前有個(gè)酷友分享過(guò)合成gif動(dòng)畫技巧,然而步驟太多過(guò)于繁瑣,事實(shí)上有個(gè)非常簡(jiǎn)單的辦法。
這里再重復(fù)一下,直接ctrl+J復(fù)制圖層雖然不能復(fù)制其本身的動(dòng)畫(拖動(dòng)可以復(fù)制其動(dòng)畫,并且拖動(dòng)到另外一個(gè)文件同樣生效),但是對(duì)于智能對(duì)象而言,它可以復(fù)制里面的動(dòng)畫(即轉(zhuǎn)換前的對(duì)象動(dòng)畫)。
舉個(gè)例子,我們需要把A.gif的動(dòng)畫合并在新建的B.PSD里面,首先把A.gif文件拖到PS里面,可以得知時(shí)間軸上的動(dòng)畫是幀動(dòng)畫,
點(diǎn)擊轉(zhuǎn)換為視頻時(shí)間軸,然后在圖層面板選擇所有圖層,轉(zhuǎn)換為智能對(duì)象,再把這個(gè)智能對(duì)象拖到B.PSD里面,這個(gè)時(shí)候B.PSD就有A.gif的動(dòng)畫了,前提是B.PSD必須創(chuàng)建了時(shí)間軸。對(duì)于一個(gè)PSD的某一個(gè)動(dòng)畫拖到另外一個(gè)PSD,也是將其動(dòng)畫圖層轉(zhuǎn)換為智能對(duì)象再拖動(dòng),并且經(jīng)常這樣使用。
額外話:當(dāng)我們調(diào)出時(shí)間軸以后,選擇移動(dòng)工具并按鍵盤的上下左右已經(jīng)不能移動(dòng)元素了,就算關(guān)閉時(shí)間軸面板它還是移動(dòng)幀的位置,因此必須按住ctrl+鍵盤方向才可以移動(dòng)。
以上就是本期分享的內(nèi)容,制作動(dòng)畫的五大點(diǎn):巧用智能對(duì)象、巧用剪貼蒙版、確立旋轉(zhuǎn)圖形的新的中心點(diǎn)、導(dǎo)出動(dòng)畫、合成gif,其中智能對(duì)象是制作gif最常用到的,還有很多理論和技巧等著你發(fā)現(xiàn)。感興趣的用戶歡迎關(guān)注腳本之家。
相關(guān)文章
Photoshop時(shí)間軸之5個(gè)小技巧詳細(xì)解析
這篇教程是向腳本之家的朋友詳細(xì)介紹Photoshop時(shí)間軸之5個(gè)小技巧,教程比較實(shí)用,對(duì)于學(xué)習(xí)者來(lái)說(shuō)很值得大家學(xué)習(xí),一起來(lái)看看吧2016-05-11用ps時(shí)間軸制作漂亮的動(dòng)態(tài)圖片
這篇教程是向腳本之家的朋友介紹用ps時(shí)間軸制作漂亮的動(dòng)態(tài)圖片方法,教程比較基礎(chǔ),制作出來(lái)的效果非常不錯(cuò),推薦到腳本之家,喜歡的朋友快快來(lái)學(xué)習(xí)吧2016-03-11- 在ps中如何使用時(shí)間軸制作動(dòng)作?很多朋友并不是很清楚,其實(shí)方法很簡(jiǎn)單的,下面小編就為大家詳細(xì)介紹一下,一起來(lái)看看吧2016-02-22
Photoshop時(shí)間軸簡(jiǎn)單制作gif動(dòng)畫效果
這篇教程主要是向腳本之家的朋友介紹Photoshop時(shí)間軸簡(jiǎn)單制作gif動(dòng)畫效果方法,教程比較基礎(chǔ),很適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來(lái)學(xué)習(xí)吧2015-02-10Photoshop時(shí)間軸做出動(dòng)態(tài)手寫字效果
動(dòng)態(tài)效果其實(shí)非常簡(jiǎn)單,前期先扣好素材圖以及做好文字,后邊在時(shí)間軸上一步完成。Photoshop時(shí)間軸做出動(dòng)態(tài)手寫字效果教程2014-09-12PS教你設(shè)計(jì)有范兒的個(gè)人作品時(shí)間軸網(wǎng)頁(yè)
PS教你設(shè)計(jì)有范兒的個(gè)人作品時(shí)間軸網(wǎng)頁(yè),制作出來(lái)很有范兒,喜歡的朋友可以一起來(lái)學(xué)習(xí)2014-01-27- 使用PS時(shí)間軸制作GIF動(dòng)畫,教程制作出來(lái)的動(dòng)畫效果還挺漂亮的,制作的難度也不大2013-10-11
- 本文為大家詳細(xì)介紹下流光字的制作過(guò)程,主要使用到了文字工具、畫筆工具、視頻時(shí)間軸以及剪切蒙版等等,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-10
Photoshop CS3教程:時(shí)間軸制作動(dòng)畫
通過(guò)前面的課程,我們已經(jīng)學(xué)會(huì)了利用關(guān)鍵幀過(guò)渡,以及利用獨(dú)立圖層這兩種制作動(dòng)畫的方式。它們可以用來(lái)制作一些簡(jiǎn)單的單物體動(dòng)畫,在很長(zhǎng)一段時(shí)間內(nèi)也是Photoshop唯一2008-10-05Photoshop CS3教程:時(shí)間軸動(dòng)畫實(shí)例
Photoshop CS3教程:時(shí)間軸制作動(dòng)畫 現(xiàn)在我們正式開始利用時(shí)間軸來(lái)制作動(dòng)畫,這與我們之前的幀式動(dòng)畫有很大不同,但相比之下時(shí)間軸方式來(lái)的更直觀和簡(jiǎn)便,也是我們以2008-10-05