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

打散人像,制作打散的格子臉效果(4)

來源:站酷 作者:梁清寅 學習:32710人次

這次的打散效果做的比較細致,臉像一塊塊方格碎裂似的,有興趣的同學跟著一練習吧,做完記得交作業(yè)。

首先申明,本教程并非原創(chuàng),是本人觀察其他高手設(shè)計的作品,而后在自己的理解下進行摸索制作的結(jié)果。如有相似,純屬巧合!

本教程中采用的素材來自于網(wǎng)絡(luò),作者本人無從查證,素材中模特人物無法查明,如有冒犯,請您諒解!若冒犯您肖像權(quán),請與我聯(lián)系。

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

效果:
打散人像,制作打散的格子臉效果_m.tgudhdp.cn

下面正式開始教程。

 

首先尋找素材,你若有合適的素材便可以稍作修飾,并開始正式的制作。我找到的這個素材人物,十分具有立體感,五官端正,結(jié)構(gòu)分明,隱約有些許神秘感。是十分適合這次設(shè)計構(gòu)思中效果的。

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

觀察人物素材特點,畫面幾乎完全沒有問題,只是稍稍暗淡了些,構(gòu)思在后續(xù)的設(shè)計中做出適當?shù)恼{(diào)整!

 

開始制作 :新建 (單位px) 寬 1000 × 高 900

將人物素材置入畫板中,調(diào)整位置,根據(jù)這次的設(shè)計構(gòu)思,把人物靠左放置留出合理空間為后續(xù)的效果留出制作空間。

 

我們需要做的第一步是什么呢!答對了,格子!

那么問題來了,多大的格子才是合適的呢!我們可以這樣做,PS中打開參考線,設(shè)置合適的單位,用于網(wǎng)絡(luò) OR 屏幕顯示,一般采用像素(px),用于印刷一般采用毫米(mm) OR 厘米(cm),考慮到畫布大小的分布,構(gòu)思人物格子的大小,具體可按照你的具體設(shè)計需要制作,以畫布的尺寸為依據(jù)在 ILLUSTRATOR中使用矩形網(wǎng)格工具,建立格子,我這里的設(shè)置為,水平線15、垂直線15 ,如圖所示:線條描邊1mm(這里的描邊粗細亦沒有所謂一定之規(guī),按你的需求設(shè)置即可)。

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

 

將AI中的格子素材置入 Photoshop,控制縮放適合的大小,然后觀察,由于人臉是立體的空間結(jié)構(gòu),故而格子的表現(xiàn)理所當然應(yīng)該是體現(xiàn)出人臉的立體空間,適當?shù)恼{(diào)整格子的編制,快捷鍵 Ctrl T,控制完成大體的范圍之后,點擊變形模式,扭轉(zhuǎn)格子曲線貼合人物臉部輪廓,這一步需要耐心與細致,盡量完美貼合。

友情提示:這里純正面人物,相對容易制作,若是其他角度,個人建議:把圖片置入AI 中操作好格子之后再轉(zhuǎn)入PS執(zhí)行后期步驟。

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

 

好了,到這一步格子已經(jīng)控制完成,下一步是,先復制人物圖層,以備不時之需,按住ctrl,點擊格子縮覽圖,引發(fā)螞蟻線,在人物圖層上做刪除命令,把人物圖像切成格子。

(中途,我來給大家整理下思路,我們的目的是把人物圖像切成碎片處理成剝離狀,然后使其產(chǎn)生飄離效果。注意是飄離,是寧靜的。)

切完格子的人物圖片已經(jīng)相當具有形式感了吧!美美噠!由于之前的分析,現(xiàn)在階段可以來提亮畫面了,我們只要提亮切完格子后的人物圖片,這樣前后兩個圖層就產(chǎn)生了層次感,再為色彩做出適當?shù)拿阑稽c點就好。

開始剝離,我們點擊“以快速蒙板模式編輯”,用畫筆工具畫出選擇范圍,畫筆設(shè)置透明度 100%,填充100%,畫筆畫出的紅色范圍為選擇范圍,若選擇范圍錯誤,可以使用橡皮工具刪除,如圖顯示;

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

這里一定有人會問:“為什么不使用魔術(shù)棒工具做出快速的選擇”,當然你可以嘗試,經(jīng)過我的實驗,魔術(shù)棒工具選擇近似的色彩范圍,很容易選擇超出某固定格子范圍,造成選擇操作的困擾!個人認為,使用“以快速蒙板模式編輯”最為方便實用。放大繪制會比較方便。完成后,點擊“以快速蒙板模式編輯”,恢復到正常模式了,原紅色區(qū)域變?yōu)檫x區(qū),按 Ctrl x,剪切,新建圖層 Ctrl v 粘貼,移動回原來位置,并隱藏格子圖層。給剛剛粘貼的圖層添加投影,雙擊圖層,添加投影式樣,如圖:

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

 

然后移動圖層位置,復制圖層,繼續(xù)……,降低后幾層透明度模擬出空間感,做到這里 大致的感覺出現(xiàn)了,然后繼續(xù)豐肉,讓畫面更豐富,我們把被摳掉的部分皮膚鏤鏤空,調(diào)出剛剛的格子選區(qū)用以勾掉皮膚。到這里人物會顯得機械化,像機器人似得,畫面的靈活性缺乏了,那么怎么豐肉呢!來想象這樣的一個畫面,人物剝離洋洋灑灑飄散開來,原本被人物擋住的光效從皮膚的分析透出來,散射。對了就是這個感覺!當然我們大致可以考慮兩種效果:1.一個光源 2.散點(多個)光源;當然其他還有很多種可以值得思考的。大家可以盡力嘗試!做出你心中的女神!(>^ω^<)

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

這里我嘗試了散點光源!大致如圖;其實我們也可以反過來思考,人物背后無光源,人物本身是光源,破碎出來的皮膚邊緣發(fā)光,以及格子線上有細碎的光,這樣人物形象會更像機器人了,鏤空處還可以處理上機器的內(nèi)部結(jié)構(gòu),如鋼管、螺絲、齒輪…………芭拉芭拉芭拉。越做到后期想象力越需要迸發(fā),有時可以停下來,好好思考,喝杯咖啡,再繼續(xù)……

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

 

最后,我們需要調(diào)整下玻璃下來的皮膚,因為分布均勻,失去了活力,適當旋轉(zhuǎn)下試試看!大家可以自行調(diào)整,加上投影,然后網(wǎng)上下載些碎片的筆刷,控制下散點畫筆,給畫面增加些許細碎的線索,就這樣完成了!是不是很好看呢!的確挺花時間的…… (  ̄︶ ̄ )↗

 

打散人像,制作打散的格子臉效果_m.tgudhdp.cn

 

我再給他豐豐肉,加上了機械化的效果,是不是更像機器人了,哈哈……,改明兒有空再做點啥其他效果呢!玻璃水晶,嗯可以考慮構(gòu)思下的,哈哈哈!

 

喜歡就請您點贊吧!或許我后期還會再給她豐豐肉,或者出個別的效果,更像機器人是不是會更好玩呢!哈哈哈!期待您的繼續(xù)關(guān)注!

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
天魔2018-11-26 09:29
大美女啊,唯昔日之貂蟬、之昭君可比之。。。。已收藏此圖。。。。
甜香的貓咪2018-11-25 09:17
大美女啊,唯昔日之貂蟬、之昭君可比之。。。。已收藏此圖。。。。
未來T_T2018-11-25 08:22
很不錯
甜香的貓咪2018-11-25 01:53
加油
小果果兒2017-12-11 03:04
感覺教程省了一大截
陽光溫熱05042017-05-27 02:26
學習
陽光照進城池2017-05-27 02:26
學習
抑郁小楓2017-05-27 02:26
學習
雨季還未停2017-05-27 02:26
學習
蓳小篸_2017-05-27 02:26
學習
小白白臉2017-05-27 02:26
學習
陽光溫熱05042017-05-27 02:26
學習
陽光照進城池2017-05-27 02:26
學習
抑郁小楓2017-05-27 02:26
學習
雨季還未停2017-05-27 02:26
學習

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

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