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

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

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


首先,新建一個(gè)文檔。寬500 高200

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

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

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

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

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

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

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

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



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

這里是摳好的手

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

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

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

按住Ctrl鍵同時(shí)選中圖層2與圖層3

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

先上效果圖!







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

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

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


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



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


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

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




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






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




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

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




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