時(shí)間軸,如何利用時(shí)間軸制作簡(jiǎn)單的動(dòng)態(tài)圖片(4)
我們首先要了解的是
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)畫(huà)的有角度、大小、不透明度。
圖層蒙版位置:暫不描述。
變換:動(dòng)作最多的一個(gè)屬性,其中包含移動(dòng)的位置,縮放,旋轉(zhuǎn),因此很多情況下需要把圖層類型轉(zhuǎn)換為智能對(duì)象才能做。
矢量蒙版位置:形狀圖層中元素移動(dòng)的位置。
制作一個(gè)動(dòng)畫(huà)的基本步驟
1,創(chuàng)建一個(gè)500px×500px的畫(huà)布,調(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)畫(huà)的時(shí)候會(huì)有很繁瑣的事等著你。
額外話:
本人建議,當(dāng)你要做一個(gè)設(shè)計(jì)的時(shí)候,新建帶背景圖層的文件(切圖及少部分特殊的情況下可以新建透明背景的~),保留原生態(tài)純正的背景圖層,當(dāng)你不需要的時(shí)候可以隱藏。否則,就算你新建一個(gè)背景圖層,加上任何鎖定,并且把它改為同樣的ID,它始終不是純正的背景圖層,聰明的你看字體就知道啦。
2,做一個(gè)顏色變化的動(dòng)畫(huà)
首先思考,要做一個(gè)圖層的顏色變化的動(dòng)作,是屬于時(shí)間軸上的那個(gè)動(dòng)作屬性,我們可以很輕易的知道是樣式,而如果改變圖層圖像本身的顏色,則無(wú)法產(chǎn)生動(dòng)畫(huà)。
先用形狀工具畫(huà)一個(gè)圓,然后到時(shí)間軸面板點(diǎn)擊樣式旁邊的一個(gè)小鐘啟用關(guān)鍵幀(出現(xiàn)棱形)動(dòng)畫(huà)→給圖層加上圖層樣式→顏色疊加打上勾并任意給個(gè)顏色,
然后回到時(shí)間軸拖動(dòng)時(shí)間線到想要的位置→雙擊圖層調(diào)出圖層樣式→在顏色疊加設(shè)置另一種顏色
這個(gè)時(shí)候已經(jīng)制作好顏色變化的動(dòng)畫(huà)了,接下來(lái)你可以調(diào)整關(guān)鍵幀的位置,動(dòng)畫(huà)的長(zhǎng)度,剪輯的長(zhǎng)度(導(dǎo)出的時(shí)候生效)
如果你想要調(diào)整幀速率,點(diǎn)擊時(shí)間軸右上角→設(shè)置時(shí)間軸幀速率
最后導(dǎo)出動(dòng)畫(huà),文件→儲(chǔ)存為web所用格式→選擇gif格式→循環(huán)選項(xiàng),如果文件太大,你可以再確保畫(huà)面的質(zhì)量的情況下減少顏色值→導(dǎo)出
現(xiàn)在你已經(jīng)掌握了制作GIF動(dòng)畫(huà)最基本的步驟,年后再跟大家分享進(jìn)階篇,希望大家多多支持!
最后,祝福大家猴年吉祥,身體健康,家庭幸福,在新的一年順風(fēng)順?biāo)?/p>
收拾行李回家過(guò)年了,年后見(jiàn)!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)畫(huà)閃字
- 時(shí)間軸
- 矢量人生
- 玩轉(zhuǎn)PS時(shí)間軸
學(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è)播放界面
推薦教程
- 用PS制作過(guò)度動(dòng)畫(huà)
- ps cs6制作流暢的登錄演示動(dòng)畫(huà)
- PS位移縮放工具繪制新年電子賀卡動(dòng)畫(huà)教程
- 教你怎樣用ps給動(dòng)態(tài)圖片加上邊框
- 漸變動(dòng)畫(huà),教你做漸變GIF動(dòng)圖教程
- ps制作炫彩效果的流動(dòng)動(dòng)畫(huà)教程
- IR動(dòng)圖教程:打造心愛(ài)的動(dòng)態(tài)圖簽
- 第十三課:其他的動(dòng)畫(huà)制作技巧
- 第六課:過(guò)渡幀動(dòng)畫(huà)的局限性
- ps制作動(dòng)態(tài)風(fēng)車圖