ps做寫字動(dòng)畫教程(5)
先上效果圖
先上素材,總共兩張素材,都是找度娘要的。
首先,新建一個(gè)文檔。寬500,高200
第二步:把紙張的素材拖進(jìn)去
由于紙張的圖片太大,按Ctrl+T調(diào)整與旋轉(zhuǎn),得出下圖效果
第三步:用文字工具,快捷鍵T打上自己喜歡的文字,這一步也可以在網(wǎng)上找一些一字簽的網(wǎng)頁(yè)做出自己喜歡的文字,然后用QQ截圖后,摳上去,由于效果圖筆畫太多了,所以樓樓在教程里就用簡(jiǎn)單的幾個(gè)字,原理是一樣的。
第四步,刪格化文字,快捷鍵Ctrl+j復(fù)制一層文字層
把文字層那個(gè)層的眼鏡點(diǎn)掉,選中文字層副本,然后就開始用橡皮擦擦,由于的擦字,所以我們從最后一筆開始擦,這里樓樓用的橡皮擦,當(dāng)然也可以用圖層蒙板來擦。
這里把簽字的最后一筆給擦去,然后再把個(gè)人簽副本Ctrl+J復(fù)制一次得到副本2,把個(gè)人簽副本前的眼鏡點(diǎn)掉,不讓它顯示
選中個(gè)人簽副本2,然后擦倒數(shù)第二筆
擦完后再?gòu)?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)圖就出來了。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- PS動(dòng)態(tài)水珠
- [IR動(dòng)圖教程] 動(dòng)態(tài)蝴蝶的制作方法
- [IR動(dòng)圖教程] 蠕動(dòng)線框動(dòng)畫的制作
- 入門教程!新手學(xué)做Photoshop動(dòng)畫制作必看
- 水動(dòng)畫,教大家做動(dòng)態(tài)水波圖片教程
- ps做旋轉(zhuǎn)魔法圖案動(dòng)畫教程
- ps制作紅星閃閃五角星GIF動(dòng)畫
- [IR動(dòng)圖教程] 黑夜中的望遠(yuǎn)鏡[ImageReady]
- [IR動(dòng)圖教程] Imageready蝶戀花 動(dòng)畫制作教程
- photoshop制作光棍節(jié)GIF動(dòng)畫