【PS制作動(dòng)畫(huà)】如此簡(jiǎn)單,讓你的關(guān)注動(dòng)起來(lái)

人生是個(gè)不斷學(xué)習(xí)的過(guò)程!一個(gè)簡(jiǎn)單的動(dòng)畫(huà)學(xué)會(huì)便可以自己制作,實(shí)實(shí)在在的省錢(qián)!

半個(gè)月前,有朋友請(qǐng)我?guī)兔υO(shè)計(jì)微信動(dòng)態(tài)關(guān)注的圖片,由于這段時(shí)間工作繁忙,一直未得空閑。

只是事例,具體字體和文字及圖片可根據(jù)需要設(shè)置

在這里我要說(shuō)一下,ps只能設(shè)計(jì)簡(jiǎn)單的動(dòng)畫(huà),復(fù)雜的動(dòng)畫(huà)還是要利用flash等專(zhuān)業(yè)的軟件制作。

下面,我將詳細(xì)分享一下,使用ps制作動(dòng)態(tài)(閃圖)效果。

1、新建一個(gè)畫(huà)布,尺寸定為寬640像素,高隨意(手機(jī)端屏幕為640像素),文件 — 新建,或快捷鍵【Ctrl】+【N】也可,點(diǎn)擊確定。如圖:

2、執(zhí)行文字工具,打上需要的文字,調(diào)整好字體、字號(hào),按小鍵盤(pán)回車(chē)鍵,或者點(diǎn)擊工具欄中的移動(dòng)工具。如圖:

3、文字輸入好后,可以填充單色,或者漸變色,這里我用的是彩虹漸變色的效果。

在文字圖層右擊—?jiǎng)h格化文字,之后便可以填充漸變色。如圖:

4、按住【Ctrl】鍵點(diǎn)擊文字圖層,得到文字選區(qū)。

使用工具欄中的漸變工具,選擇七彩效果,對(duì)文字進(jìn)行漸變色填充。如圖:

5、用漸變填充工具,在選區(qū)的左邊往右邊拉,此時(shí),取消選區(qū),快捷鍵【Ctrl】+【D】。

再執(zhí)行工具欄中的自定義矩形工具,選擇愛(ài)心,放置合適位置,填充前景色即可。如圖:

6、雙擊背景圖層,將其變成普通圖層,將背景圖層復(fù)制一個(gè),與上方的3個(gè)圖層進(jìn)行合并,使其變成一個(gè)圖層,快捷鍵【Ctrl】+【E】。如圖:

7、執(zhí)行新建圖層,快捷鍵【Ctrl】+【Shift】+【Alt】+【N】,將設(shè)置好的圖片,直接拖入圖層中即可。(下圖是設(shè)置好的圖片,也是用1-6步制作出來(lái)的,這里省下操作步驟,我直接拖進(jìn)來(lái)使用。)

8、執(zhí)行【窗口】-【動(dòng)畫(huà)】,會(huì)出現(xiàn)圖中所示的【動(dòng)畫(huà)(幀)】。如圖:

9、執(zhí)行動(dòng)畫(huà)(幀)的復(fù)制。將圖層中形狀副本5隱藏,將副本顯示,將左下角的動(dòng)畫(huà)(幀)1點(diǎn)擊復(fù)制按鈕進(jìn)行復(fù)制,得到動(dòng)畫(huà)(幀)2。如圖:

10、將鼠標(biāo)放在動(dòng)畫(huà)(幀)2上,將圖層區(qū)的形狀副本5小眼睛點(diǎn)亮,即顯示(圖層前的小眼睛,亮著是顯示,空白是隱藏)。此時(shí),動(dòng)畫(huà)(幀)2上就是的內(nèi)容就是形狀副本5圖中的內(nèi)容。

11、將動(dòng)畫(huà)(幀)1和動(dòng)畫(huà)(幀)2同時(shí)選中,點(diǎn)擊小三角設(shè)置時(shí)間為0.5秒,再點(diǎn)擊播放次數(shù)的小三角,將播放次數(shù)設(shè)置為永遠(yuǎn)。如圖:

12、此時(shí),可以點(diǎn)擊動(dòng)畫(huà)(幀)上的播放按鈕,觀看播放效果了。

13、執(zhí)行“文件”—“存儲(chǔ)為Web和設(shè)備所用格式”,快捷鍵【Alt】+【Ctrl】+【Shift】+【S】。將動(dòng)畫(huà)存儲(chǔ),格式選擇為GIF,點(diǎn)擊存儲(chǔ)即可,如圖:

根據(jù)以上步驟,一個(gè)簡(jiǎn)單的動(dòng)畫(huà)就完成了。以上只是簡(jiǎn)單示例,伙伴們可以根據(jù)自己喜歡的圖片來(lái)制作。

下圖是微信公眾號(hào)中的關(guān)注語(yǔ)示例,箭頭可以閃動(dòng),當(dāng)然文字也是可以閃動(dòng)的。

皆是運(yùn)用同樣的步驟制作而成。

步驟解析:

1、將你需要的文字打好,調(diào)整好字體和大小及間距。

2、將小圈填充顏色,再?gòu)?fù)制得到多個(gè)圈。

3、將文字和圓圈位置調(diào)整好,合并圖層,使其變成一個(gè)圖層。

4、將網(wǎng)絡(luò)中的箭頭圖片截圖到畫(huà)布中,調(diào)整好位置。

5、重復(fù)步驟中的8-13步,即可。

總結(jié):動(dòng)畫(huà)都是由一幀一幀的圖片,通過(guò)秒數(shù)時(shí)間的切換而形成的動(dòng)態(tài)效果。

動(dòng)畫(huà)(幀)的執(zhí)行原理:第一幀顯示,將圖層中其他的層進(jìn)行隱藏。將第一幀復(fù)制之后,就將圖層中對(duì)應(yīng)的圖層進(jìn)行顯示,以此類(lèi)推。(如果看不懂,請(qǐng)多看幾次8-13步即可。)


喜歡動(dòng)態(tài)圖片的伙伴可以嘗試嘗試,給自己公眾號(hào)的二維碼及關(guān)注,都可設(shè)置一個(gè)簡(jiǎn)單的動(dòng)畫(huà)!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容