Photoshop時間軸做出動態(tài)手寫字效果
發(fā)布時間:2014-09-12 14:57:41 作者:佚名
我要評論

動態(tài)效果其實非常簡單,前期先扣好素材圖以及做好文字,后邊在時間軸上一步完成。Photoshop時間軸做出動態(tài)手寫字效果教程
本人渣渣一名,第一次發(fā)教程,請大神匆噴! 就算要噴也請輕噴!
先上效果圖!

先上素材,總共兩張素材,都是找度娘要的!


首先,新建一個文檔。寬500 高200

第二步:把紙張的素材拖進(jìn)去

由于紙張的圖片太大,按Ctrl+T調(diào)整與旋轉(zhuǎn),得出下圖效果

第三步:用文字工具 快捷鍵T打上自己喜歡的文字,這一步也可以在網(wǎng)上找一些一字簽的網(wǎng)頁做出自己喜歡的文字,然后用QQ截圖后,摳上去!樓樓這個就是網(wǎng)站弄的,本人寫字丑。。。汗!由于效果圖筆畫太多了,所以樓樓在教程里就用簡單的幾個字,原理是一樣的!

終于回來了,外面又堵車又打雷又下雨的。。。差點(diǎn)以為回不來了!下面繼續(xù)
第四步,刪格化文字,快捷鍵Ctrl+j復(fù)制一層文字層

把文字層那個層的眼鏡點(diǎn)掉,!
選中文字層副本
然后就開始。。。擦
你沒聽錯,是擦,此擦非彼擦。。。是橡皮擦的擦,不是罵人那個
由于的擦字,所以我們從最后一筆開始擦,這里樓樓用的橡皮擦,當(dāng)然也可以用圖層蒙板來擦

這里把簽字的最后一筆給擦去
然后再把個人簽副本Ctrl+j復(fù)制一次得到副本2,把個人簽副本前的眼鏡點(diǎn)掉,不讓它顯示

選中個人簽副本2,然后擦倒數(shù)第二筆

擦完后再復(fù)制個人簽副本2得到個人簽副本3,然后再擦倒數(shù)第三筆
然后就重復(fù)上面的操作,直到把第一個字擦得剩下第一筆為止



擦剩第一個字第一筆之后就別一次擦完,留一個點(diǎn)做為起筆點(diǎn)
第五:字擦好之后得到一大堆副本圖層,把個人簽圖層(也就是剛開始建的一點(diǎn)也沒擦的那個圖層)前面的眼鏡點(diǎn)開,讓其顯示。
下面就打開手的素材把手摳出來,用移動工具把它拖過來,然后用Ctrl+T調(diào)整手的大小,讓筆的筆芯看起來比文字大一點(diǎn)點(diǎn)

這里是摳好的手

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

陰影是越靠手腕那邊越大,越靠筆尖那邊越小。
然后高期模糊,參數(shù)自己可以看著來設(shè),這里樓樓設(shè)為5。

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

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

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

第七:上面的準(zhǔn)備工作做得差不多了,下面開始動畫的制作了,由于樓樓用的是CS6的,這里顯示的是時間軸,CS5的顯示是動畫,其實功能都差不多的!其它版本的樓樓沒用過,具體叫什么名字,樓樓沒用過也就不知道了,不知道的童鞋百度下吧!
把窗口-時間軸前的勾打上調(diào)出時間軸工具條

點(diǎn)“創(chuàng)建幀動畫”


點(diǎn)復(fù)制所選幀,如圖中箭頭所示,得到幀2

然后把幀1,幀2兩個幀里面的文字層前面的眼鏡全部點(diǎn)掉,讓其不顯示,得到如圖效果

然后點(diǎn)過渡動畫幀(如上圖箭頭所示),出現(xiàn)下圖菜單

這里樓樓的文字層是15個圖層,再加上字與定間的過度,三個字2個過度幀,所以樓樓這里要添加的幀數(shù)是17,當(dāng)然如果不夠用,后面還可以通過復(fù)制所選幀來增加幀數(shù)
選中第1幀,下面開始編輯第1幀
把文字層任意一層前面的眼睛點(diǎn)開讓其顯示
選中手所在的那個圖層,樓樓這里的是圖層2,用移動工具

把圖層2的筆尖拖到與第一個字的起筆點(diǎn)位置對齊,然把文字層關(guān)掉

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

第3幀,把個人簽副本14前的眼睛點(diǎn)亮,然后用移動工具把筆尖拖到第一筆的最尾端

第4幀,把個人簽副本13前的眼睛點(diǎn)亮,然后用移動工具把筆尖拖到第2筆的最尾
之后的第5,6.。。。以及后的的幀都是同理的去處理
由于這里不是連筆字,而是單個字體,所以做第二個字的時候,要留一幀做到第二個字的起筆位,做第三個字也同理。。。

樓樓這里做了18幀,效果圖做了50多幀。。。
第19幀做全字顯示,把手隱藏掉,然后把時間調(diào)為1秒

到這里基本是完成了,接下來就保存成動態(tài)GIF了,點(diǎn) 文件——存儲為Web所用格式

循環(huán)選項選 永遠(yuǎn),點(diǎn)下下面的播放鍵

看下效果,沒什么問題就可點(diǎn)保存了。。。這樣一張手寫字的動態(tài)圖就出來了,

先上效果圖!







第四步,刪格化文字,快捷鍵Ctrl+j復(fù)制一層文字層

選中文字層副本
然后就開始。。。擦
你沒聽錯,是擦,此擦非彼擦。。。是橡皮擦的擦,不是罵人那個
由于的擦字,所以我們從最后一筆開始擦,這里樓樓用的橡皮擦,當(dāng)然也可以用圖層蒙板來擦

然后再把個人簽副本Ctrl+j復(fù)制一次得到副本2,把個人簽副本前的眼鏡點(diǎn)掉,不讓它顯示


然后就重復(fù)上面的操作,直到把第一個字擦得剩下第一筆為止



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


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

然后高期模糊,參數(shù)自己可以看著來設(shè),這里樓樓設(shè)為5。




把窗口-時間軸前的勾打上調(diào)出時間軸工具條






選中第1幀,下面開始編輯第1幀
把文字層任意一層前面的眼睛點(diǎn)開讓其顯示
選中手所在的那個圖層,樓樓這里的是圖層2,用移動工具




之后的第5,6.。。。以及后的的幀都是同理的去處理
由于這里不是連筆字,而是單個字體,所以做第二個字的時候,要留一幀做到第二個字的起筆位,做第三個字也同理。。。

第19幀做全字顯示,把手隱藏掉,然后把時間調(diào)為1秒




相關(guān)文章
- 這篇教程是向腳本之家的朋友詳細(xì)介紹Photoshop時間軸之5個小技巧,教程比較實用,對于學(xué)習(xí)者來說很值得大家學(xué)習(xí),一起來看看吧2016-05-11
- 這篇教程是向腳本之家的朋友介紹用ps時間軸制作漂亮的動態(tài)圖片方法,教程比較基礎(chǔ),制作出來的效果非常不錯,推薦到腳本之家,喜歡的朋友快快來學(xué)習(xí)吧2016-03-11
- 在ps中如何使用時間軸制作動作?很多朋友并不是很清楚,其實方法很簡單的,下面小編就為大家詳細(xì)介紹一下,一起來看看吧2016-02-22
- 這篇教程主要是向腳本之家的朋友介紹Photoshop時間軸簡單制作gif動畫效果方法,教程比較基礎(chǔ),很適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來學(xué)習(xí)吧2015-02-10
PS教你設(shè)計有范兒的個人作品時間軸網(wǎng)頁
PS教你設(shè)計有范兒的個人作品時間軸網(wǎng)頁,制作出來很有范兒,喜歡的朋友可以一起來學(xué)習(xí)2014-01-27- 使用PS時間軸制作GIF動畫,教程制作出來的動畫效果還挺漂亮的,制作的難度也不大2013-10-11
- 本文為大家詳細(xì)介紹下流光字的制作過程,主要使用到了文字工具、畫筆工具、視頻時間軸以及剪切蒙版等等,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-10
- 通過前面的課程,我們已經(jīng)學(xué)會了利用關(guān)鍵幀過渡,以及利用獨(dú)立圖層這兩種制作動畫的方式。它們可以用來制作一些簡單的單物體動畫,在很長一段時間內(nèi)也是Photoshop唯一2008-10-05
- Photoshop CS3教程:時間軸制作動畫 現(xiàn)在我們正式開始利用時間軸來制作動畫,這與我們之前的幀式動畫有很大不同,但相比之下時間軸方式來的更直觀和簡便,也是我們以2008-10-05
- 隨著Photoshop版本的不斷升級,其功能的優(yōu)化和增加,都是一次次的驚喜,發(fā)展到CC版本,時間軸已可以對視頻簡易剪輯,所以時間軸制作簡單的gif動畫足已。來看看下文對時間軸2016-05-12