當前位置:首頁>ps培訓教程>ps照片處理>效果教程>教程內(nèi)容

打散人像,ps做人像碎裂效果教程(7)

來源:百度貼吧 作者:Kamdy229 學習:66836人次

利用RGB通道摳純色背景,再還原回顏色再用裂痕素材貼圖合成具有碎裂的效果,用調(diào)色把畫面質(zhì)感提煉出來,教程主要使用蒙板、正片疊底、亮色、濾色、透明度等工具,喜歡的朋友一起來學習吧。

教程素材:http://pan.baidu.com/s/1kTA4mnd

最終效果:

Photoshop合成打散效果圖像教程

添加了濾色,彩色背景的效果

Photoshop合成打散效果圖像教程

1、打開素材美女,這個圖已經(jīng)是扣好的。我們要再把它重新?lián)赋鰜韱为毷褂茫椒ㄓ泻芏嗾{(diào)整邊緣 魔術(shù)棒什么的 對這個圖很簡單都能拿到然后我這里要說的是RGB通道混合摳圖【通道摳圖其中的一種】點擊通道面板,可以看到有4個通道圖層分別是RGB通道、紅色通道、綠色通道、藍色通道。

Photoshop合成打散效果圖像教程

圖1

這里我們看到有快捷鍵 Ctrl+2 、Ctrl+3、Ctrl+4、Ctrl+5實際上比較少人去按,但是這個這個快捷鍵真的很方便然后要載入某個通道選區(qū)的話,可以Ctrl+Alt+對應的通道編號例如要載入紅色通道的選區(qū),可以直接Ctrl+Alt+3 然而通常我們大部分都是按Ctrl 點擊 紅色通道的縮略圖,這樣來載入選區(qū)的

Photoshop合成打散效果圖像教程

圖2

OK 繼續(xù)往下面講現(xiàn)在按Ctrl+Shift+i 反選,然后點擊RGB通道【也可以直接Ctrl+2】再點擊圖層面板新建一個空白圖層,然后設置前景色為紅色(R= 255 G=0 B=0)設置好前景色之后,按Alt+Delete 填充前景色

Photoshop合成打散效果圖像教程

圖3

在這里再說點基礎R= 255 G=0 B=0 這里的意思大家應該都懂,為了照顧新手順帶講講RGB 就是英文 Red Green Blue 的單詞縮寫 也就是中文的 紅綠藍三原色,每個顏色的數(shù)值都可以從 0~255 而這3個顏色可以通過不同的數(shù)字混合出 255×255×255=16581375也就是1600萬色,這個名詞經(jīng)?梢栽谑謾C屏幕參數(shù)里面看到。所有的圖像的顏色都是通過這三原色進行混合而來的。填充好了之后,隱藏掉這個圖層,回到通道面板現(xiàn)在選擇綠色通道,按Ctrl 點擊綠色通道縮略圖載入選區(qū)----反選然后回到圖層面板,新建一個空白圖層,設置景色為綠色 R = 0 G=255 B=0并且填充綠色,填充好之后隱藏圖層。

Photoshop合成打散效果圖像教程

圖4

既然我們都說到快捷鍵了,所以來感受一下快捷鍵的便捷吧我們都知道藍色通道剛剛看到的是編號5所以我們現(xiàn)在要載入藍色通道的話可以直接Ctrl+Alt+5【載入藍色通道】然后Ctrl+Shift+i【反選】然后設置前景色為R = 0,G=0,B=255,再Ctrl+Shift+N 回車【新建一個空白圖層】再Alt+Delete 【填充前景色】,再Ctrl+D【取消選擇】只要快捷鍵熟練這幾個步驟就幾秒鐘的事情。 3個通道的RGB圖層都搞定了就讓它都顯示出來。

Photoshop合成打散效果圖像教程

圖5

2、可以看到現(xiàn)在這個效果根本不是我們想要的效果,但是沒關(guān)系現(xiàn)在只要把3個圖層都選中(點圖層1按住Shift點擊圖層3)然后統(tǒng)一把它們的混合效果設置為 【濾色】 ,再Ctrl+ E 把它們合并成一個圖層再 Ctrl+I 反相 ,顏色就正確了,這個辦法也適合純黑色背景的素材摳圖比如摳火、閃電、玻璃等一會教程結(jié)束會放點素材給大家練手。這些具有半透明效果的材質(zhì),背景純黑色的 就不用反相,更加方便。

Photoshop合成打散效果圖像教程

圖6

隱藏掉背景圖層,可以發(fā)現(xiàn)我們摳出來的圖是半透明的,有時候不是我們想要的比如我們要用到黑色的背景的時候 會發(fā)現(xiàn),它這個效果完全不是我們想要的。

Photoshop合成打散效果圖像教程

圖7

很顯然這樣的RGB通道摳圖不適合用再這個案例里面(是不是有一種被坑了的感覺)既然已經(jīng)到了這一步,如果要回到起點用其它調(diào)整邊緣,通道、鋼筆啊之類的方法來做的話那這個教程就沒意義了,那不妨我們就來找找偏門冷門的辦法,來挖掘看看能不能搞定,發(fā)這個教程目的是為了讓大家發(fā)散思維,遇到瓶頸或者是陌生的領(lǐng)域的時候,如何去解決問題而不是去用那些老辦法【老辦法固然快捷效率高】,我們探索出來的辦法也許不是最有效率的東西但它能開啟我們某一領(lǐng)域的東西,那就是打破傳統(tǒng)手法的思想禁錮,這個對開啟的是我們的探索能力,和嘗試新東西的創(chuàng)造力,對提高創(chuàng)作也是有一定的幫助。

在這里我當初也嘗試了好多方法來完成它這個不足的地方 各種混合效果都不能解決這個問題這里我用了一個比較笨的辦法就是把它轉(zhuǎn)為選區(qū)之后,在下面填充白色的圖層。但新的問題又來了要把它轉(zhuǎn)為選區(qū),我們通常是按Ctrl 點擊縮略圖由于這個圖層里面有一定的透明關(guān)系在里面所以我不能完完全全地把它變成輪廓的選區(qū)

Photoshop合成打散效果圖像教程

圖8

所以,我們要解決的是讓它變成我們想要的選區(qū),這個是我們要解決的辦法常規(guī)的辦法,我可能會先想到魔術(shù)棒工具,來載入選區(qū),反選然后填充白色但這個效果很糟糕,完全達不到預期的效果

Photoshop合成打散效果圖像教程

圖9

也許你會想載入RGB各個通道來建立選區(qū),然后把選區(qū)填充白色的。這個試過了顏色不均勻,也不理想。然后又想到圖層混合效果,混來混去都解決不了,達不到滿意的效果。經(jīng)過我的摸索找到有兩種方法(或許還有更多的辦法,歡迎探討)先來說說第一種:在黑色圖層上面新建一個空白圖層(一會用來填充白色的)然后按Ctrl點擊黑色圖層這樣會把,整個畫布都載入了 (也可以Ctrl+A )按Ctrl+Alt 不放,鼠標移到美女圖層的縮略圖會發(fā)現(xiàn)指針有一個減號(沒辦法截圖)點擊一下,發(fā)現(xiàn)會載入美女圖層了,但依然還有透明區(qū)域的選區(qū)。不管它,繼續(xù)按Ctrl+Alt 不放,鼠標再點擊一下縮略圖,透明部分選區(qū)變小了多按幾次,透明區(qū)域的選區(qū)就慢慢沒了。最終變成這樣

Photoshop合成打散效果圖像教程

圖10

然后反選一下這樣就得出我們想要的輪廓了,然后在圖層3 填充白色就可以得到較好的輪廓了但是我們發(fā)現(xiàn),鼻子部分和耳朵部分高光沒了,連邊緣體毛都被顯示出來了毛絨絨的。實際上這個效果也是曾經(jīng)有人求的摳發(fā)絲的效果原理是一樣的。但在這圖里面這些體毛很明顯是多余的。不是我們需要的東西

Photoshop合成打散效果圖像教程

圖11

這個影響美觀但沒關(guān)系,缺失的我們用畫筆給她補回去,多余的用蒙板擦掉就可以了。添加個蒙板這些都就不是問題了。用3號畫筆,不透明度40%左右,8像素大小,然后放大圖片慢慢處理擦除掉細節(jié)方面是需要點耐心,常言道成功在于細節(jié)。擦好的效果如下,還不錯!

Photoshop合成打散效果圖像教程

圖12

發(fā)絲細節(jié)很完美。

Photoshop合成打散效果圖像教程

圖13

另外一種方法是通過計算來創(chuàng)建個快照,然后把我們剛剛弄好的白色圖層刪掉來嘗試另外一種方法----計算!在黑色的圖層上面新建一個空白圖層然后Ctrl點擊美女圖層,載入選區(qū)

Photoshop合成打散效果圖像教程

圖14

頂部菜單 【圖像】-----【計算】,參數(shù)如下計算功能的計算方法都是依賴這些源1 和源2 的設置,改動一下就有一些不同的效果注意下面的結(jié)果是選區(qū),默認好像是新建文檔。

Photoshop合成打散效果圖像教程

圖15

然后把選區(qū)在空白圖層上面填充白色,然后按Ctrl+D 取消選區(qū)來看下效果

Photoshop合成打散效果圖像教程

圖16

Photoshop合成打散效果圖像教程

圖17

效果很不錯,細節(jié)也很完美。計算果然是很強大的啊,可惜平時用得比較少,我都沒怎么去研究它。這次為了嘗試新方法,所以一想到的就是它了。OK ~ RGB通道摳純色圖的方法就講到這里,這個講的是方法。而不是最終的案例,摳圖的手法很多,因圖而變,沒有哪一種手法是萬能的而最終都是屬于混合剪切法。既然圖摳出來了,那么就別浪費素材。來給它做個作品吧,決定來個經(jīng)典的教程打造碎裂效果的美女。

3、首先這個美女很明顯比較亮 不太適合那種頹廢滄桑的效果所以新建一個調(diào)整圖層---黑白

Photoshop合成打散效果圖像教程

圖19

然后拖入素材,圖層混合選擇 【正片疊底】再添加蒙板,把裂紋修整一下

Photoshop合成打散效果圖像教程

圖20

這樣感覺顏色還是有點亮,所以來給它添加個曲線調(diào)整圖層

Photoshop合成打散效果圖像教程

圖22

調(diào)整之后效果就會好一些拖入素材,然后【正片疊底】調(diào)整位置,添加蒙板擦除多余的部分

Photoshop合成打散效果圖像教程

圖23

然后就是各種素材,正片疊底各種蒙板這里大家自己發(fā)揮吧,重復的步驟比較多這里就不一步一腳印的去截圖了來看一下我貼好的效果(大家可以自己發(fā)揮創(chuàng)意沒必要一模一樣)

Photoshop合成打散效果圖像教程

圖24

然后拖入火山熔巖的素材復制多幾層出來調(diào)整好位置,然后把他們合并在一起圖層混合選擇【變亮】

Photoshop合成打散效果圖像教程

圖25

然后接下來的步驟需要一點耐心主要是把火焰的地方用,自由套索工具,套選中合適的火焰按V 復制拖動到合適的地方也可以用印章工具來,添加這些紋理。位置不好的也可以用變形工具調(diào)整,這里方法不限,都是很基礎的操作。如果覺得火焰不好控制的話可以復制多幾層出來處理,或者取合適的素材我找了3張比較合適的,隨便都可以取樣來貼圖。當素材貼得差不多了 用涂抹工具 強度40%左右,用3號畫筆在脖子周邊擦出火苗的樣子

Photoshop合成打散效果圖像教程

圖26

裂縫的火焰和邊緣的火苗這個是體力活,需要耐性才能把細節(jié)做好,細節(jié)越好效果就越好。由于邊打字邊做教程的時間關(guān)系,我大致的做了差不多的效果大家如果沒事干的話,可以把優(yōu)化更加細致。

Photoshop合成打散效果圖像教程

圖27

4、隱藏黑色的背景圖層,然后Ctrl+Alt+Shift+E 蓋章圖層然后顯示回黑色的背景,Ctrl+T 把這個圖層拉寬放大,然后隱藏圖層

Photoshop合成打散效果圖像教程

圖28

拖入粒子素材,復層多一層出來 自由變換 調(diào)整好位置把它建立一個組這樣方便管理一些給它命名叫 粒子

Photoshop合成打散效果圖像教程

圖29

然后按住Ctrl+Shift 點擊粒子圖層的縮略圖和它的副本把這兩個粒子圖層轉(zhuǎn)為選區(qū),然后隱藏掉,顯示被我們拉寬的圖層

Photoshop合成打散效果圖像教程

圖30

然后反選,按Delete刪除多余選區(qū),這樣就可以得到破碎粒子效果的圖像了

Photoshop合成打散效果圖像教程

圖31

5、拖入火花素材,調(diào)整好位置并添加蒙板把多余的擦除掉

Photoshop合成打散效果圖像教程

圖32

再拖入煙霧素材,調(diào)整好位置,圖層混合效果---【變亮】然后Ctrl+U 色相飽和度 把煙霧調(diào)整成跟火一樣的顏色

Photoshop合成打散效果圖像教程

圖33

然后添加蒙板,把下巴多余的部分擦除。這樣我們整體就做好了,給它蓋個章,剩下的就是調(diào)色了

Photoshop合成打散效果圖像教程

圖34

6、添加可調(diào)整圖層----照片濾鏡---選擇 【加溫濾鏡81】這樣,可以讓整體的顏色看起來有一種發(fā)熱的溫度感,能提升主體的感知效果。

Photoshop合成打散效果圖像教程

圖35

添加可調(diào)整圖層----色階 讓中間調(diào)分明一些

Photoshop合成打散效果圖像教程

圖36

添加可調(diào)整圖層-----曲線提亮高光,和降低邊緣顏色讓光聚焦在裂痕的位置。

Photoshop合成打散效果圖像教程

圖37

這樣效果就完成了,其實還可以擴展其它的效果比如頭發(fā)可以做成油漆潑墨抽離效果但我估計再做下去,應該沒人看這個教程了,太長了~~(從構(gòu)思到找素材,再到邊寫邊做 足足花了我將近10個小時)油漆潑墨的抽離效果留下一期來做其它的作品吧。

最終效果:

Photoshop合成打散效果圖像教程

添加了濾色 彩色背景的效果

Photoshop合成打散效果圖像教程

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
秋風中的秋千2018-12-03 07:35
<img src="http://bbs.16xx8.com/data/attachment/album/201705/15/175442f3m36z2eil303e44.jpg" />
幸運四葉草[emoj2018-12-03 04:15
<img src="http://bbs.16xx8.com/data/attachment/album/201705/15/175442f3m36z2eil303e44.jpg" />
2018-12-03 12:59
<img src="http://bbs.16xx8.com/data/attachment/album/201705/15/175442f3m36z2eil303e44.jpg" />
侯810625502018-12-03 12:10
<img src="http://bbs.16xx8.com/data/attachment/album/201705/15/175442f3m36z2eil303e44.jpg" />
起名好難a02017-05-28 02:56
回復一下
地獄悲傷2017-05-28 02:33
支持,支持
胖紙都很萌2017-05-28 01:01
好東西啊啊啊啊啊
zpzxczp2017-05-27 10:43
學習學習。!
木子姑涼_lee2017-05-27 05:37
努力學習
金頂一小金2017-05-27 03:50
想仔細了解一下
囧囧蝸牛哥2017-05-27 11:50
學習學習
想起戀你2017-05-27 11:49
學習一下
天似夢2017-05-27 04:53
收益
雪兔小姐5202017-05-27 04:51
大神
332017-05-15 05:54

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!