故障效果,制作動(dòng)態(tài)的故障字效果教程

2022-12-25 10:02:40 來源/作者: / 己有:31人學(xué)習(xí)過

本篇?jiǎng)討B(tài)字效果教程跟大家分享了如何通過PS制作出動(dòng)態(tài)的故障字效果,教程難度不大,適合新手小白學(xué)習(xí)。先來看看效果:

 故障效果,制作動(dòng)態(tài)的故障字效果教程

1、打開PS,新建畫布900x500px,選擇背景圖層,【Ctrl+Delete】填充背景色【黑色】,使用【文字工具】T,輸入中文【小白基礎(chǔ)教程】,字體【微軟雅黑】,【Ctrl+T】調(diào)整合適大小,選擇【傾斜】。

故障效果,制作動(dòng)態(tài)的故障字效果教程

2、【Ctrl+J】復(fù)制兩層,選擇底層使用方向鍵向右移動(dòng)4個(gè)像素,修改顏色為【紫色】,選擇中間一層向左移動(dòng)4個(gè)像素,修改顏色為【藍(lán)色】,效果如圖所示。

故障效果,制作動(dòng)態(tài)的故障字效果教程

3、選中所有文字層【Ctrl+E】合并,使用【矩形選框工具】M分別框選如圖所示位置,使用【移動(dòng)工具】V用方向鍵移動(dòng),形成錯(cuò)位效果,如圖所示。

故障效果,制作動(dòng)態(tài)的故障字效果教程

4、選擇【矩形工具】,填充顏色【紫色】與文字顏色一致,分別在文字四周繪制長(zhǎng)短不一的線形元素,如圖所示,選中所有線【Ctrl+G】編組命名為【紫】。

故障效果,制作動(dòng)態(tài)的故障字效果教程

5、同樣的方法修改填充顏色【藍(lán)色】,隨機(jī)繪制,完成后同時(shí)選中藍(lán)色的線【Ctrl+G】編組命名為【藍(lán)色】。

故障效果,制作動(dòng)態(tài)的故障字效果教程

6、繪制故障素材,新建一個(gè)900x500像素的畫布。填充黑色,用直線工具繪制出一條白色0.5的直線,【Ctrl+J】復(fù)制一層,【Ctrl+T】用小鍵盤向下移動(dòng)2像素。【Shift+Ctrl+Alt+T】一直復(fù)制直到畫布滿了為止,【Ctrl+E】選中所有線條蓋印。隱藏背景圖層保存圖片為PNG格式。

故障效果,制作動(dòng)態(tài)的故障字效果教程

故障效果,制作動(dòng)態(tài)的故障字效果教程

7、導(dǎo)入故障素材,調(diào)整大小,【不透明度】40%;點(diǎn)擊圖層下方添加【可選顏色】,【青色】-75,再次添加【可選顏色】,【洋紅】-60,添加【漸變】參數(shù)如圖所示。

故障效果,制作動(dòng)態(tài)的故障字效果教程

8、點(diǎn)擊【窗口】-【時(shí)間軸】,點(diǎn)擊【創(chuàng)建幀動(dòng)畫】,時(shí)間【0.1秒】,循環(huán)【永遠(yuǎn)】,復(fù)制一幀。

故障效果,制作動(dòng)態(tài)的故障字效果教程

9、隱藏第二個(gè)【可選顏色】,同時(shí)向左移動(dòng)4個(gè)像素所對(duì)應(yīng)顏色【藍(lán)色】的元素。

故障效果,制作動(dòng)態(tài)的故障字效果教程

10、復(fù)制一幀,顯示第二個(gè)隱藏第一個(gè)【可選顏色】向右移動(dòng)4個(gè)像素所對(duì)應(yīng)顏色【紫色】的元素。

故障效果,制作動(dòng)態(tài)的故障字效果教程

11、繼續(xù)復(fù)制進(jìn)行微調(diào),分別重復(fù)9和10步操作,把他們的方向分別改成反方向【9右移動(dòng)】【10向左移動(dòng)】最后一幀顯示所有圖層設(shè)置為永遠(yuǎn)播放,點(diǎn)擊播放查看效果。(也可以自己調(diào)整位置嘗試 沒必要和我設(shè)置成一樣的 我把它寫出來是為了幫助那些還不了解時(shí)間軸的同學(xué)參考的)

故障效果,制作動(dòng)態(tài)的故障字效果教程

12、完成后按【Ctrl+Shift+Alt+S】存儲(chǔ)為Web格式,格式【GIF】,點(diǎn)擊【存儲(chǔ)】,設(shè)置保存路徑進(jìn)行保存。

故障效果,制作動(dòng)態(tài)的故障字效果教程

13、最終效果如圖所示。

 故障效果,制作動(dòng)態(tài)的故障字效果教程