關(guān)于photoshop做gif的信息

前言：

GIF小圖片常常帶給我們驚喜，眼花繚亂迷人眼。動(dòng)畫(huà)效果就是能如此深刻地搶奪我們的視線(xiàn)。今天我們要學(xué)的GIF動(dòng)畫(huà)效果非常簡(jiǎn)單易學(xué)。讓文字閃閃發(fā)光，相信在網(wǎng)頁(yè)的任何角落出現都不會(huì )被忽略。

(提示：文章末尾提供最終效果圖PSD源文檔下載)

一、準備

星星畫(huà)筆一

星星畫(huà)筆二

二、基本文字造型

打開(kāi)PS，新建一個(gè)文檔。文檔大小我選用* 00px** 00px。新建成功后，選用漸變工具，沿著(zhù)畫(huà)筆的對角線(xiàn)畫(huà)出一個(gè)直線(xiàn)漸變背景。色值從#0a* * * a過(guò)渡到#11* 0a0。

這里的文字我選用了較為粗的字形，當然，并不是細的字形就不適合。文字顏色設置為#0* d7f0。將文字柵格化。這里我建議大家還是放大圖像處理一下文字的邊緣，讓邊緣變得更“clean”。

有人問(wèn)，這里可以選用別的顏色嗎？完全可以！選用顏色時(shí)要注意的就是，首先，背景不能搶鏡。所以背景色一定要比文字的顏色更暗。其次，文字的顏色因為要凸顯“閃亮”，所以也不要選用太暗淡的顏色。整個(gè)畫(huà)面保持統一色系，由于閃光已經(jīng)足夠搶眼的效果，因此，不必再增加花哨的色彩搭配來(lái)“迷人眼”了。

三、理解基本的動(dòng)畫(huà)的原理

在做GIF小動(dòng)畫(huà)之前，我想和大家分享一下基本的動(dòng)畫(huà)的原理。很多人大概知道，我們看的動(dòng)畫(huà)，都是由幀組成的。一般而言1秒有2* 幀，而對于普通的動(dòng)畫(huà)而言，* 幀就需要一張原畫(huà)。我自己理解動(dòng)畫(huà)，也就是類(lèi)似于魔術(shù)師，讓靜止的畫(huà)面以很快的速度切換，讓你的眼睛以為它在移動(dòng)。

因此，回到我們今天要做的動(dòng)畫(huà)效果這里來(lái)，我們要做的是一個(gè)閃閃發(fā)光的動(dòng)畫(huà)，那就是光點(diǎn)效果的變化。就像波光粼粼的湖面那種陽(yáng)光反射出的水光不斷星星點(diǎn)點(diǎn)閃爍的效果一樣。

經(jīng)過(guò)這樣一梳理，我們就知道，我們接下來(lái)要做的是就是創(chuàng )造出閃閃發(fā)光的不同效果圖，然后讓這些效果不斷切換。而與此同時(shí)，文字保持不變。那么，這個(gè)閃光效果能變得真實(shí)可信。沒(méi)錯。理解了原理，可以開(kāi)始動(dòng)手了！

將文字圖層復制兩個(gè)，變成三個(gè)文字圖層。

進(jìn)入【濾鏡雜色添加雜色】，分別為三個(gè)文字圖層添加雜色濾鏡，在雜色濾鏡中分別為三個(gè)圖層設置雜色數量為1* %、1* %、17%，高斯分布，取消單色的單選框。

四、星星閃閃效果

接下來(lái)，我們在每個(gè)文字圖層的上方都分別新建一個(gè)圖層，然后用我們的星星畫(huà)筆來(lái)為每個(gè)文字添加字面閃閃發(fā)光效果。我曾經(jīng)對這個(gè)過(guò)程愛(ài)恨交加，因為太自由，最終效果很難把握，但又足夠培養設計中的藝術(shù)感。

兩個(gè)星星畫(huà)筆資源安裝后都分別提供不同的畫(huà)筆，但是原來(lái)的畫(huà)筆可能不太適合我的要求，可以在畫(huà)筆中修改畫(huà)筆的大小以及畫(huà)筆方向。

畫(huà)筆保持白色，三個(gè)圖層的閃光效果會(huì )有些變化。如果想要畫(huà)筆更“亮"的，鼠標可以多單擊幾次?？傊?，這部分的自由發(fā)揮，可以讓人找回一點(diǎn)藝術(shù)創(chuàng )作的感覺(jué)。

五、動(dòng)畫(huà)效果的制作

把上一步畫(huà)好的三個(gè)閃爍圖層分別與三個(gè)文字圖層合并。選中要合并的圖層，點(diǎn)擊右鍵，點(diǎn)選合并圖層。

進(jìn)入【窗口時(shí)間軸】，點(diǎn)選時(shí)間軸后，編輯區域的下方會(huì )出現時(shí)間軸，單擊中間的按鈕“創(chuàng )建視頻時(shí)間軸”。

這時(shí)，進(jìn)入時(shí)間軸編輯器，我們看到我們的所有圖層都出現在了時(shí)間軸里。我們只需要把這四個(gè)軌道里的圖層安排好出場(chǎng)序列即可。

對于動(dòng)畫(huà)編輯的基本原理，你可以想象自己是個(gè)舞臺導演，是由你來(lái)安排每個(gè)圖層從什么時(shí)候上場(chǎng)、什么時(shí)候退場(chǎng)。比如，在這個(gè)案例中，我們首先要確定我們這個(gè)舞臺表演的持續時(shí)間。由于閃閃發(fā)光效果應該是很快的，那么我們就設置動(dòng)畫(huà)全程的時(shí)間為0.* 秒好了。這里的四個(gè)圖層，只有背景層會(huì )是一直保持在舞臺上的，所以，我們把背景層末端拖動(dòng)到0.* 秒這里。

時(shí)間軸是以幀為單位的，所以你不知道0.* 秒在哪里？沒(méi)關(guān)系，當你拖動(dòng)時(shí)會(huì )自動(dòng)出現時(shí)間單位。接下來(lái)，舞臺上三個(gè)圖層，導演的意思是要它們三個(gè)分別以0.2秒的時(shí)間間隔輪流上場(chǎng)。也就是指這三個(gè)軌道的圖片首尾相接，分別持續0.2秒。那么，你按照相應的順序對每個(gè)圖層進(jìn)行拖放即可。你還可以點(diǎn)擊播放按鈕試試看效果。如果有不滿(mǎn)意，可以繼續修改。

就這么簡(jiǎn)單。我們的動(dòng)畫(huà)效果就做好了。在保存GIF圖片時(shí)，進(jìn)入【文件存儲為WEB格式】，這時(shí)會(huì )彈出保存設置面板，在面板中保存的格式選擇GIF，循環(huán)選項選擇永遠。

這是保存成功的GIF動(dòng)效圖

后記：

只要掌握了基本的動(dòng)畫(huà)制作原理，了解時(shí)間軸的基本概念，動(dòng)畫(huà)效果就很容易做出。增加上合適的豐富想象，有助于你對原理的把握。希望你能從中獲益。

來(lái)源：飛屋 @RAY

一天一個(gè)圖標

茂趣創(chuàng )意*群開(kāi)放啦！

茂趣創(chuàng )意*設計交流群開(kāi)放啦！加茂哥*號：chen1* * 1，加時(shí)請注明職位，拉你進(jìn)群哦， 或者在后臺回復"加群"！同時(shí)也可以加*與我溝通交流喲！你可以和* 00人一起交流，形成圈子，分享資源，收獲朋友。

點(diǎn)擊下方“閱讀原文”查看熱讀文章《【合成教程】PS創(chuàng )建一個(gè)小女孩兒騎著(zhù)蝸牛的夢(mèng)幻場(chǎng)景（超詳細附