PS打造破碎的動(dòng)漫人物效果gif動(dòng)態(tài)圖
這篇教程是向腳本之家的朋友介紹利用PS打造破碎的動(dòng)漫人物效果gif動(dòng)態(tài)圖教程,教程非常不錯(cuò),推薦到腳本之家,一起來(lái)學(xué)習(xí)吧!
效果圖

本次教程的素材:


第一步:首先新建一個(gè)合適的畫(huà)布,并填充自己喜歡的背景顏色。我填充的是藍(lán)色:

第二步:將喜歡的兩個(gè)人物放進(jìn)去,創(chuàng)建智能對(duì)象,調(diào)整好大小與位置。這里,我選了個(gè)人喜愛(ài)的羅。素材也已經(jīng)提供,是我百度找的,而且已經(jīng)摳好了。
然后將他們命名好后,分別創(chuàng)建蒙版。并且將他們的蒙版與圖層的鏈接點(diǎn)擊取消。如圖二的位置。

圖片來(lái)自:淚了陽(yáng)光的百度相冊(cè)

第三步:選擇直線工具,如圖三所示,

并且選擇它的方式為像素。

圖片來(lái)自:淚了陽(yáng)光的百度相冊(cè)選好后,選擇羅1的圖層蒙版,按住
alt鍵,點(diǎn)擊蒙版,就能只看蒙版了。然后用直線工具從左上角按住,拉到右下角,(顏色為黑)即可畫(huà)
出一條線。如圖

第四步:選擇油漆桶工具,(黑色)在蒙版的左下半部分點(diǎn)擊填充。如圖四。

圖片來(lái)自:淚了陽(yáng)光的百度相冊(cè)

第五步:選擇畫(huà)筆工具,點(diǎn)擊它的畫(huà)筆預(yù)設(shè),如圖五。

然后再點(diǎn)擊預(yù)設(shè)面板右下角的預(yù)設(shè)管理器。

圖片來(lái)自:淚了陽(yáng)光的百度相冊(cè)
然后選擇那個(gè)螺絲,如圖所示。選擇混合畫(huà)筆,追加。

第六步:然后就有了如圖六所示的三角形畫(huà)筆。(選擇其他形狀畫(huà)筆也行),個(gè)人喜好。

然后拉大間距,100%以上。不要太大。
這個(gè)有圖六···

然后選擇形狀動(dòng)態(tài),調(diào)整大小抖動(dòng),最小直徑,和角度抖動(dòng)。再然后選擇散布,拉到一定程度,看下面的圖示,感覺(jué)可以了就行。


第七步:還是按著alt鍵,單單看羅1的圖層蒙版。在對(duì)角線邊緣用畫(huà)筆畫(huà),注意,是用黑色和白色交叉畫(huà),注意畫(huà)筆的大小。如圖七。

畫(huà)的差不多了,就換成移動(dòng)工具,點(diǎn)擊蒙版,按著shift鍵,再按右方向鍵,向右移動(dòng)。這時(shí)要看羅1的圖層,看看羅1是否還看得見(jiàn)。

當(dāng)然對(duì)角線的蒙版還是不能蒙住羅1的。所以要用矩形選框工具,在蒙版里選出一個(gè)框來(lái),然后在填充黑色。

這時(shí)羅1就看不到了。不好的地方還是要用畫(huà)筆再蒙版上畫(huà)一畫(huà)。如圖

然后,按住alt鍵,用鼠標(biāo)把羅1的蒙版復(fù)制給羅2。

然后選擇羅2的蒙版,用移動(dòng)工具,ctrl+t,將它水平翻轉(zhuǎn)再垂直翻轉(zhuǎn)。如圖。

記得用上面的方法再shift+方向鍵 水平移動(dòng)移動(dòng)。
第八步:創(chuàng)建視頻時(shí)間軸。如圖8.當(dāng)然,一開(kāi)始也可以直接打開(kāi)這個(gè)視頻時(shí)間軸了


第九步:點(diǎn)擊羅1和羅2的圖層蒙版位置的碼表按鈕。如圖9.

然后選擇羅2的蒙版用移動(dòng)工具,按住shift鍵,再按右方向鍵,移出邊緣,使羅2完全看得見(jiàn),出現(xiàn)就好。

然后將時(shí)間軸移動(dòng)到自己想結(jié)束的位置(我這里先設(shè)置在了3:00f)。然后再開(kāi)始分別羅1和羅2的圖層蒙版的位置,還是水平平移。如圖,都移到左邊。羅1出現(xiàn),使羅2完全消失。記住,先移動(dòng)時(shí)間軸,再移動(dòng)蒙版

第十步:這時(shí)已經(jīng)可以播放試試,看看效果,是否一個(gè)出現(xiàn),一個(gè)消失。
然后如圖10.直接復(fù)制出羅2的副本,ctrl+j。

刪除它的蒙版。然后鼠標(biāo)右鍵,柵格化圖層。

然后再為他創(chuàng)建新蒙版,填充黑色。這樣就看不到羅2副本了。時(shí)間軸要調(diào)回起始點(diǎn)哦

然后用以前設(shè)置好的三角形畫(huà)筆,白色,在羅2副本蒙版上畫(huà),這樣就有碎片的感覺(jué)了。然后把蒙版刪除,應(yīng)用了蒙版內(nèi)容。

用同樣的方法再創(chuàng)建碎片2圖層。然后刪除碎片的蒙版,并且應(yīng)用。蒙版刪除后,再把它們創(chuàng)建為智能對(duì)象。


第十一步:把碎片的時(shí)間段移到跟前面的圖層一個(gè)時(shí)間段。然后的步驟和上面的相似,把時(shí)間軸拉回起
始點(diǎn)。然后在點(diǎn)擊碎片的變換按鈕,2個(gè)碎片都點(diǎn),點(diǎn)了后,再把時(shí)間軸拉到下一點(diǎn),在開(kāi)始用移動(dòng)工具,變換拉動(dòng)碎片1.如
圖11所示。

先弄碎片1。碎片一調(diào)整好后,再弄碎片2。記住,先移動(dòng)時(shí)間軸,在移動(dòng)碎片,碎片要有變
形收縮等等,怎么好看怎么來(lái)。如圖。

碎片是個(gè)繁瑣的活,需要反復(fù)調(diào)整。然后把羅2整個(gè)圖層拉到最上面

然后我也調(diào)整了羅1的關(guān)鍵幀
,向右移動(dòng)了一些,這樣使銜接的更好。

最后,就是存儲(chǔ)為web所用格式,并且調(diào)整圖像大小之類的信息。這樣就完成了。
好累的說(shuō),有沒(méi)有人支持支持啊

圖片來(lái)自:淚了陽(yáng)光的百度相冊(cè)

最后聲明:想要人物破碎的效果,方法還是很多的,用AE軟件的話,效果會(huì)更好,難度應(yīng)該沒(méi)有那么大。然后如果你也像我一樣,用PS的話,效果好就可以能很多的碎片圖層,我教程這里比較懶了,只弄了2個(gè),效果要好就可以多弄些,碎片圖層的碎片數(shù)量不要太多,分多圖層效果會(huì)更好。還有時(shí)間上的把握。
相關(guān)文章

PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來(lái)介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來(lái)看看基礎(chǔ)教程2025-05-01
photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來(lái)說(shuō),ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來(lái)看2025-04-25
PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23
ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來(lái)使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10
PS調(diào)整字體大小是一個(gè)非常基礎(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來(lái)非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02
ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來(lái)看看詳細(xì)的解決辦法2023-12-19
ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過(guò)程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來(lái)看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30
PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見(jiàn)了,該怎么辦呢?下面我們就來(lái)看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來(lái)看看ps2024安裝圖文教程2023-11-30




