上次教了大家如何繪畫皮卡丘，今天跟大家講講怎么把靜態(tài)圖片制作成動(dòng)態(tài)GIF圖片，教程很基礎(chǔ)，推薦給新手學(xué)習(xí)了。

第一章《動(dòng)漫鼠繪，鼠繪立體皮卡丘實(shí)例》

第二章 讓皮卡丘動(dòng)起來

【概要】：

本堂課的內(nèi)容主要是帶領(lǐng)大家學(xué)習(xí)如何用PS設(shè)計(jì)一個(gè)簡單的皮卡丘動(dòng)畫。

【內(nèi)容框架】：

1.PS動(dòng)畫介紹

2.讓皮卡丘動(dòng)起來并輸出為表情

【使用軟件】PS

【設(shè)計(jì)難度】：★★☆☆☆

【講師】：承輝學(xué)院謝志瑤

【最終效果圖】：

<點(diǎn)圖片看大圖>www.16xx8.com

1小節(jié):ps動(dòng)畫介紹

在學(xué)習(xí)動(dòng)畫制作之前,我們需要先熟悉在ps里制作動(dòng)畫的一個(gè)功能——時(shí)間軸。在“窗 口”里面勾選“時(shí)間軸”,這時(shí)這個(gè)窗口就會(huì)出現(xiàn)了。

時(shí)間軸窗口

也可以選擇默認(rèn)工作區(qū)——動(dòng)感,動(dòng)感工作區(qū)是ps里自帶的制作動(dòng)畫時(shí)比較方便的工 作區(qū)的排布。

時(shí)間軸窗口出現(xiàn)后,我們就可以開始制作動(dòng)畫了,點(diǎn)擊“創(chuàng)建幀動(dòng)畫”

時(shí)間軸就會(huì)開啟幀動(dòng)畫模式，如圖所示

如果點(diǎn)擊左下角的按鈕可以切換到時(shí)間軸模式。 時(shí)間軸模式我們可以看做簡單版的AE,可以制作復(fù)雜點(diǎn)的動(dòng)畫,幀動(dòng)畫模式就比較簡 單一些。我們這節(jié)課主要用的就是幀動(dòng)畫模式制作,之后的課程會(huì)講到時(shí)間軸模式的 制作,點(diǎn)擊可以再切換回來。

我們可以看到幀動(dòng)畫模式，默認(rèn)狀態(tài)是只有一幀的，幀是什么意思呢，我們制作動(dòng)畫都是以幀為單位的，可以把每一幀看做一個(gè)靜態(tài)圖片，比如說我們看一個(gè)動(dòng)畫片，是1秒20幀，那么就可以說這個(gè)動(dòng)畫每1秒鐘是由20張圖片組成。

最標(biāo)準(zhǔn)的動(dòng)畫是一秒24幀，早期技術(shù)沒那么發(fā)達(dá)的時(shí)候，制作動(dòng)畫就需要一秒鐘畫24張畫，比如迪斯尼啊，皮克斯這些比較知名的動(dòng)畫公司，他們的動(dòng)畫都是這個(gè)幀速率，所以我們的觀看體驗(yàn)都會(huì)覺得非常好，非常流暢。因?yàn)閾?jù)科學(xué)研究證明人的眼睛一秒鐘之內(nèi)能最多能捕捉24張圖片組成的影像，所以在這個(gè)幀速率下人眼觀看是最流暢合理的。但是我們制作簡單的GIF動(dòng)畫的話，一般幾幀就可以了。

默認(rèn)幀動(dòng)畫模式只有一幀，一幀當(dāng)然是不可能組成動(dòng)畫的，那我們?yōu)榱四茏屗軇?dòng)起來，需要添加新的幀數(shù)。

點(diǎn)擊新建按鈕新建動(dòng)畫幀，可以看到窗口就隨之多了幀數(shù)。

將動(dòng)畫幀拖到垃圾桶上可以進(jìn)行刪除。

下面我們新建幾個(gè)不同顏色的圖片嘗試一下動(dòng)畫制作。

動(dòng)畫幀和圖層里的圖層相對(duì)應(yīng)，這些動(dòng)畫幀也可以拖拽移動(dòng)位置。

這時(shí)按播放按鈕就可以播放了，形成了一個(gè)小動(dòng)畫，也可以點(diǎn)擊停止。播放按鈕的快捷鍵是空格鍵。

播放按鈕旁邊的按鈕從左到右分別是選擇第一幀，選擇上一幀和選擇下一幀。

如果發(fā)現(xiàn)動(dòng)畫播放過快或者過慢的話，可以點(diǎn)擊秒數(shù)改變每幀的播放時(shí)間。也可以按住shift鍵選擇多個(gè)幀數(shù)一起改變。點(diǎn)擊“其他”可以輸入任意想要秒數(shù)。

播放時(shí)一般默認(rèn)狀態(tài)是僅播放一次，我們可以把它調(diào)節(jié)成“永遠(yuǎn)”，循環(huán)播放模式來看效果。

一些拷貝單幀，粘貼單幀，和刪除幀等操作可以在窗口右側(cè)的三角按鈕里找到，大家可以試下這些操作。如果對(duì)制作的動(dòng)畫不滿意，也可以選擇刪除動(dòng)畫。

這樣我們幀動(dòng)畫模式下制作動(dòng)畫的基本操作我們已經(jīng)掌握了。

接下來看下如何輸出GIF動(dòng)圖，在“文件”里選擇“存儲(chǔ)為web所用格式” 快捷鍵:mac電腦是com+option+shift+s，PC電腦是ctrl+alt+shift+s。選擇GIF模式，顏色選擇最大顏色識(shí)別個(gè)數(shù)256，是清晰度最高的，之后進(jìn)行存儲(chǔ)。

2小節(jié):讓皮卡丘動(dòng)起來并輸出為表情

學(xué)完ps里動(dòng)畫制作的基本原理和工具后,我們就可以開始做一個(gè)QQ的彈跳感的皮卡 丘了,這里我們用4幀組成一個(gè)GIF動(dòng)畫,可以到達(dá)一個(gè)基本流暢的感覺,當(dāng)然也可以增加幀數(shù),制作更加流暢有難度的效果。 制作原理雖然我們已經(jīng)明白了,但是一個(gè)流暢真實(shí)的動(dòng)畫其實(shí)是基于力學(xué)的原理存在 的。一個(gè)動(dòng)作的完成是由預(yù)備——進(jìn)行——緩沖組成的。拿人跑步為例子,跑步的時(shí) 候,我們一般擺好姿勢(shì),進(jìn)行的下一個(gè)動(dòng)作不是直接沖出去,而是身體會(huì)有一個(gè)膝蓋下壓或者身體下傾的預(yù)備動(dòng)作,這個(gè)時(shí)間會(huì)非常短暫,再向前彈出去,停止的時(shí)候, 也會(huì)有一個(gè)緩沖,緩沖也是非常短暫的一個(gè)效果,而且根據(jù)物體的質(zhì)量或者物體的速度不同都會(huì)有不同的變化,如果大家都有學(xué)過物理的話應(yīng)該不難理解,所有的生物和非生物都是遵循這個(gè)理論而存在的,所以我們想要制造真實(shí)的動(dòng)畫效果,模擬真實(shí)的 動(dòng)畫原理,就一定不能脫離開力學(xué)的基本作用。

但是我們做動(dòng)畫的時(shí)候一般都會(huì)夸張化和戲劇化一些，就像《貓和老鼠》動(dòng)畫片，就有很多超出常識(shí)的夸張手法的表現(xiàn)，這也是動(dòng)畫的魅力所在。

我們做的簡單小GIF也是在遵循基本動(dòng)畫原理上來做的,我們這次的案例是做一個(gè)Q彈感比較強(qiáng)烈的皮卡丘,類似一個(gè)橡皮球原地彈跳,那我們就可以想象一下橡皮球彈跳的質(zhì)感,先彈上去然后再收縮回來,這樣一個(gè)簡單的動(dòng)作。(下圖為小球彈跳參考)

因?yàn)槲覀冏龅氖呛唵蔚脑貜椞詣?dòng)作很簡單。接下來就可以進(jìn)行嘗試了，因?yàn)槲覀冎白銎たㄇ鸬臅r(shí)候分好了骨骼，做動(dòng)畫的時(shí)候會(huì)方便很多。

這里我們需要4幀動(dòng)畫幀,分別為默認(rèn)姿勢(shì)——向上拉伸——回歸——向下壓縮四個(gè)動(dòng) 作。
為了方便調(diào)整骨骼,整理好圖層,命名好名字,復(fù)制出另外三個(gè)組。

調(diào)整組合圖層分別調(diào)出四個(gè)狀態(tài),因?yàn)槟J(rèn)和回歸兩個(gè)的狀態(tài)類似,所以直接拷貝就可 以。調(diào)整的時(shí)候要注意由于力的作用,向上拉伸的時(shí)候整個(gè)身體會(huì)由于拉長而變瘦,向下壓縮的時(shí)候身體會(huì)向兩邊拓寬,想要夸張化的效果就可以再夸大化,使力的作用更明顯。耳朵、尾 巴和眼睛也都會(huì)跟隨變化,這樣動(dòng)起來才更生動(dòng)真實(shí)。如果要達(dá)到更真實(shí)的效果,還可以增加 幀數(shù)調(diào)的更細(xì)微。

要注意的是這些組在ps里是相互疊加的狀態(tài),是為了保證皮卡丘彈跳的時(shí)候不錯(cuò)位,保證重心和位置不變。

接下來時(shí)間軸窗口的動(dòng)畫幀就和圖層相對(duì)應(yīng)起來，調(diào)整合適的秒數(shù)幀速率

播放看看效果,如果效果不滿意可以繼續(xù)調(diào)整,調(diào)整完畢就可以按照我們1小節(jié)教的GIF的輸出方法輸出動(dòng)圖了。

這樣一個(gè)GIF動(dòng)畫就完成了,我們也可以用這樣的方法制作簡單的小表情用在一些聊天軟件上。接下來同學(xué)們就來制作屬于自己的小動(dòng)畫吧~(′?ω?`)ノ