製作手握筆寫字GIF動畫效果圖【ps】?

手寫字是一個非常使用的PS技術,在做個人簽名的時候經常用到,類似的教程很多,但是原理都差不多,就是逐個展示文字的軌跡。本教程完整展示了一個手寫字GIF動畫的製作過程,大家也看一下以前的基本的手寫字動畫的原理類的基礎教程。

製作手握筆寫字GIF動畫效果圖【ps】

工具/原料

電腦1臺

PhotoshopCS6

方法/步驟

1.空白紙張素材

製作手握筆寫字GIF動畫效果圖【ps】

2.手握筆素材

製作手握筆寫字GIF動畫效果圖【ps】

3.首先,新建一個文件。500×200

製作手握筆寫字GIF動畫效果圖【ps】

4.把紙張的素材拖進去

製作手握筆寫字GIF動畫效果圖【ps】

5.用文字工具 快捷鍵T打上自己喜歡的文字,這一步也可以在網上找一些一字籤的網頁做出自己喜歡的文字,然後用QQ截圖後,摳上去!樓樓這個就是網站弄的,本人寫字醜。。。汗!由於效果圖筆畫太多了,所以樓樓在教程裡就用簡單的幾個字,原理是一樣的!

製作手握筆寫字GIF動畫效果圖【ps】

6.刪格化文字,快捷鍵Ctrl+j複製一層文字層

製作手握筆寫字GIF動畫效果圖【ps】

7.把文字層那個層的眼鏡點掉,選中文字層副本;然後就開始擦,橡皮擦的擦,由於的擦字,所以我們從最後一筆開始擦,這裡樓樓用的橡皮擦,當然也可以用圖層蒙板來擦。

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

8.

擦剩第一個字第一筆之後就別一次擦完,留一個點做為起筆點。 第五:字擦好之後得到一大堆副本圖層,把個人籤圖層(也就是剛開始建的一點也沒擦的那個圖層)前面的眼鏡點開,讓其顯示。下面就開啟手的素材把手摳出來,

擦剩第一個字第一筆之後就別一次擦完,留一個點做為起筆點。

字擦好之後得到一大堆副本圖層,把個人籤圖層(也就是剛開始建的一點也沒擦的那個圖層)前面的眼鏡點開,讓其顯示。下面就開啟手的素材把手摳出來,用移動工具把它拖過來,然後用Ctrl+T調整手的大小,讓筆的筆芯看起來比文字大一點點

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

9.給手加上陰影

新建圖層,使用畫筆工具,用硬度0的畫筆沿著手的左邊畫出一塊黑色陰影

陰影是越靠手腕那邊越大,越靠筆尖那邊越小。

然後高期模糊,引數自己可以看著來設,這裡樓樓設為5。

把陰影層的不透明度降低,然後把陰影層拉到手那個層的下面

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

10.按住Ctrl鍵同時選中圖層2與圖層

然後按Ctlr+E合併兩個層得來一個新的圖層,名字還叫圖層

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

11.上面的準備工作做得差不多了,下面開始動畫的製作了,由於樓樓用的是CS6的,這裡顯示的是時間軸,CS5的顯示是動畫,其實功能都差不多的!其它版本的樓樓沒用過,具體叫什麼名字,樓樓沒用過也就不知道了,不知道的童鞋百度下吧。

把視窗-時間軸前的勾打上調出時間軸工具條

製作手握筆寫字GIF動畫效果圖【ps】

12.點“建立幀動畫

點複製所選幀,如圖中箭頭所示,得到幀2

然後把幀1,幀2兩個幀裡面的文字層前面的眼鏡全部點掉,讓其不顯示,得到如圖效果

然後點過渡動畫幀(如上圖箭頭所示),出現下圖選單

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

13.然後點過渡動畫幀(如上圖箭頭所示),出現下圖選單

製作手握筆寫字GIF動畫效果圖【ps】

14.

這裡樓樓的文字層是15個圖層,再加上字與定間的過度,三個字2個過度幀,所以樓樓這裡要新增的幀數是17,當然如果不夠用,後面還可以通過複製所選幀來增加幀數。

選中第1幀,下面開始編輯第1幀

把文字層任意一層前面的眼睛點開讓其顯示

選中手所在的那個圖層,樓樓這裡的是圖層2,用移動工具把圖層2的筆尖拖到與第一個字的起筆點位置對齊,然把文字層關掉

第2幀,把最後一層文字層(這裡是個人籤副本15)前的眼睛點亮讓其顯示,然後用移動工具把圖層2的筆尖對到文字擦掉的地方,如圖

第3幀,把個人籤副本14前的眼睛點亮,然後用移動工具把筆尖拖到第一筆的最尾端

第4幀,把個人籤副本13前的眼睛點亮,然後用移動工具把筆尖拖到第2筆的最尾,之後的第5,6以及後的的幀都是同理的去處理,由於這裡不是連筆字,而是單個字型,所以做第二個字的時候,要留一幀做到第二個字的起筆位,做第三個字也同理。

樓樓這裡做了18幀,效果圖做了50多幀,第19幀做全字顯示,把手隱藏掉,然後把時間調為1秒

到這裡基本是完成了,接下來就儲存成動態GIF了,點 檔案——儲存為Web所用格式

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

製作手握筆寫字GIF動畫效果圖【ps】

15.迴圈選項選 永遠,點下下面的播放鍵看下效果,沒什麼問題就可點儲存了,這樣一張手寫字的動態圖就出來了。

製作手握筆寫字GIF動畫效果圖【ps】

注意事項

注意擦寫

相關問題答案