當(dāng)前位置:首頁(yè)>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

時(shí)間軸,如何利用時(shí)間軸制作簡(jiǎn)單的動(dòng)態(tài)圖片(4)

來(lái)源:站酷 作者:矢量人生 學(xué)習(xí):65642人次
www.theoat.com.cn_194J54528-0.jpg

我們首先要了解的是

PS有5種類型的圖層按順序依次為像素圖層、調(diào)整圖層、文字圖層、形狀圖層以及智能對(duì)象。而對(duì)應(yīng)的時(shí)間軸里面,各種類型的圖層都有對(duì)應(yīng)時(shí)間軸的動(dòng)作屬性,如圖所示:

www.theoat.com.cn_194J55134-1.jpg

可以得知所有的動(dòng)作屬性有:位置、不透明度、樣式、圖層蒙版位置、圖層蒙版啟用、變換、文字變形、矢量蒙版位置、矢量蒙版啟用。

名稱描述

位置:像素圖層中元素移動(dòng)的位置,也可以理解成位移,它不包含旋轉(zhuǎn)和縮放,并且對(duì)形狀圖層無(wú)效。

不透明度:圖層的透明度,而調(diào)整填充則無(wú)效。

樣式:圖層樣式,產(chǎn)生動(dòng)畫的有角度、大小、不透明度。

圖層蒙版位置:暫不描述。

變換:動(dòng)作最多的一個(gè)屬性,其中包含移動(dòng)的位置,縮放,旋轉(zhuǎn),因此很多情況下需要把圖層類型轉(zhuǎn)換為智能對(duì)象才能做。

矢量蒙版位置:形狀圖層中元素移動(dòng)的位置。

制作一個(gè)動(dòng)畫的基本步驟

1,創(chuàng)建一個(gè)500px×500px的畫布,調(diào)出時(shí)間軸面板(窗口—時(shí)間軸),

www.theoat.com.cn_194J5LM-2.jpg

點(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,它始終不是純正的背景圖層,聰明的你看字體就知道啦。

www.theoat.com.cn_194J5CL-3.jpg

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è)顏色,

www.theoat.com.cn_194J53543-4.jpg

然后回到時(shí)間軸拖動(dòng)時(shí)間線到想要的位置→雙擊圖層調(diào)出圖層樣式→在顏色疊加設(shè)置另一種顏色

www.theoat.com.cn_194J51463-5.jpg

這個(gè)時(shí)候已經(jīng)制作好顏色變化的動(dòng)畫了,接下來(lái)你可以調(diào)整關(guān)鍵幀的位置,動(dòng)畫的長(zhǎng)度,剪輯的長(zhǎng)度(導(dǎo)出的時(shí)候生效)

www.theoat.com.cn_194J54211-6.jpg

如果你想要調(diào)整幀速率,點(diǎn)擊時(shí)間軸右上角→設(shè)置時(shí)間軸幀速率

www.theoat.com.cn_194J530V-7.jpg

最后導(dǎo)出動(dòng)畫,文件→儲(chǔ)存為web所用格式→選擇gif格式→循環(huán)選項(xiàng),如果文件太大,你可以再確保畫面的質(zhì)量的情況下減少顏色值→導(dǎo)出

www.theoat.com.cn_194J55602-8.jpg

現(xiàn)在你已經(jīng)掌握了制作GIF動(dòng)畫最基本的步驟,年后再跟大家分享進(jìn)階篇,希望大家多多支持!

最后,祝福大家猴年吉祥,身體健康,家庭幸福,在新的一年順風(fēng)順?biāo)?/p>

www.theoat.com.cn_194J541X-9.gif

收拾行李回家過(guò)年了,年后見!

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
初遇[emoji:2600]2018-09-18 09:13
太喜歡這里了
千山暮雪2018-02-02 11:57
好喜歡這個(gè)網(wǎng)站
啊喵2017-09-22 03:55
為什么我不能存儲(chǔ)為web所用格式呢 ,那項(xiàng)選擇是灰色的 選不上
騎魚看CAi2017-05-28 06:25
這里就是ps教程論壇?
騎魚看CAi2017-05-28 06:25
這里就是ps教程論壇?
騎魚看CAi2017-05-28 06:25
這里就是ps教程論壇?
不是我不愛玩2017-05-28 05:06
終于打到組織了
不是我不愛玩2017-05-28 05:06
終于打到組織了
不是我不愛玩2017-05-28 05:06
終于打到組織了
顧盼生花2017-05-28 01:48
好喜歡這個(gè)網(wǎng)站
顧盼生花2017-05-28 01:48
好喜歡這個(gè)網(wǎng)站
顧盼生花2017-05-28 01:48
好喜歡這個(gè)網(wǎng)站
亨利小霸道2017-05-27 06:48
在這里學(xué)到好多東西
亨利小霸道2017-05-27 06:48
在這里學(xué)到好多東西
亨利小霸道2017-05-27 06:48
在這里學(xué)到好多東西

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!