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

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

來源:站酷 作者:梁清寅 學(xué)習(xí):32710人次

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

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

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

效果:
打散人像,制作打散的格子臉效果_www.theoat.com.cn

下面正式開始教程。

 

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

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

 

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

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

 

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

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

 

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

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

 

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

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

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

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

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

打散人像,制作打散的格子臉效果_www.theoat.com.cn

打散人像,制作打散的格子臉效果_www.theoat.com.cn

 

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

 

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

 

打散人像,制作打散的格子臉效果_www.theoat.com.cn

 

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

 

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

學(xué)習(xí) · 提示

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

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

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