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

出屏效果!教你做鉆出電腦屏幕的照片效果(5)

來源:優(yōu)設(shè) 作者:_projava_ 學(xué)習(xí):28112人次

效果非常的簡單,就是屏幕中的蜘蛛俠鉆出筆記本電腦的屏幕,鉆出的部分跟屏幕內(nèi)的部分我做了飽和度的處理,后面制作過程我用的是“黑白”,其實(shí)你完全可以用色相飽和度或者自然飽和度來實(shí)現(xiàn),效果沒有多大區(qū)別,還有就是一些細(xì)節(jié)性的東西,比如那只摁在筆記本上手的陰影和倒影需要一些耐心,盡量讓他看上去比較真實(shí),沒有“漂浮”的感覺,我認(rèn)為這個(gè)最要緊。

下面是最后的效果。

出屏效果!教你做鉆出電腦屏幕的照片效果

這是我在網(wǎng)上找到的一張筆記本素材。

素材打包鏈接:http://pan.baidu.com/s/1jGIc3m2 密碼:2jk0

出屏效果!教你做鉆出電腦屏幕的照片效果

復(fù)制粘貼進(jìn)蜘蛛俠。

出屏效果!教你做鉆出電腦屏幕的照片效果

自由變化一下它的大小及角度。

出屏效果!教你做鉆出電腦屏幕的照片效果

隱藏自由變化完成后的蜘蛛俠。用圓角矩形描出屏幕的路徑。如果你有時(shí)間,可以調(diào)整一下這個(gè)路徑,盡量使它跟屏幕吻合,我就是這么做的。

出屏效果!教你做鉆出電腦屏幕的照片效果

新建一個(gè)路徑層,繼續(xù)描伸出屏幕外部分的蜘蛛俠,手指哪里比較花功夫。其實(shí)不用很精細(xì),因?yàn)榈胶笃谖視?huì)用蒙版做微調(diào)。

出屏效果!教你做鉆出電腦屏幕的照片效果

從路徑里先后復(fù)制屏幕和手頭肩膀的選區(qū),給蜘蛛俠添加蒙版。

出屏效果!教你做鉆出電腦屏幕的照片效果

復(fù)制一層,把底下蜘蛛俠的混合模式改為正片疊底。

出屏效果!教你做鉆出電腦屏幕的照片效果

在上面添加一個(gè)“黑白”調(diào)整層。

出屏效果!教你做鉆出電腦屏幕的照片效果

復(fù)制屏幕的選區(qū),在黑白調(diào)整層的蒙版中填充80%亮度的灰色,我想讓屏幕里的部分飽和度稍微低一點(diǎn),現(xiàn)在我開始后悔了,應(yīng)該讓飽和度再高一點(diǎn),感覺顏色有點(diǎn)太淡了。

出屏效果!教你做鉆出電腦屏幕的照片效果

鉆出屏幕的部分的飽和度保持不變,所以我繼續(xù)在路徑里復(fù)制手和頭的選區(qū),羽化一個(gè)像素。

出屏效果!教你做鉆出電腦屏幕的照片效果

在蒙版中填充黑色,這樣屏幕外面的部分完全保留當(dāng)初的飽和度。

出屏效果!教你做鉆出電腦屏幕的照片效果

在上面新建一層,填充白色,執(zhí)行濾鏡-素描-半調(diào)圖案。我想制作一個(gè)老式電視機(jī)的逐行閃動(dòng)的效果。

出屏效果!教你做鉆出電腦屏幕的照片效果

ctrl+t把條紋層縮小到比屏幕稍大一點(diǎn)。

出屏效果!教你做鉆出電腦屏幕的照片效果

在路徑里復(fù)制屏幕的選區(qū),添加蒙版。手和頭部分既然伸出屏幕了,當(dāng)然不受那些條紋的影響,所以我又在路徑里復(fù)制手,頭和左肩部的的選區(qū),填充黑色。

出屏效果!教你做鉆出電腦屏幕的照片效果

把底層的蜘蛛俠去色,在蒙版中用白色低透明度的畫筆把手的陰影和倒影仔細(xì)的涂出來。

出屏效果!教你做鉆出電腦屏幕的照片效果

由于鋼筆摳得不是很細(xì)致,彩色層蜘蛛俠的手指周圍還有一些淺色的毛邊,同樣在蒙版里用黑色小畫筆仔細(xì)擦除。

出屏效果!教你做鉆出電腦屏幕的照片效果

繼續(xù)新建一層,復(fù)制手和頭的選區(qū),羽化一個(gè)像素后填充任意顏色,把填充透明度調(diào)到0,雙擊進(jìn)入圖層樣式,在“圖層蒙版隱藏效果”前打勾。

出屏效果!教你做鉆出電腦屏幕的照片效果

添加漸變外發(fā)光,這里我要制作蜘蛛俠鉆出屏幕部分的截面跟顯示器摩擦產(chǎn)生的電弧光的效果。

出屏效果!教你做鉆出電腦屏幕的照片效果

添加蒙版把屏幕以外的部分擦除。

出屏效果!教你做鉆出電腦屏幕的照片效果

在筆記本上新建一層,用黑色畫筆筆記本上涂抹一些陰影,透明度要把握好。

出屏效果!教你做鉆出電腦屏幕的照片效果

最后在頂層新建一層,圖層混合模式改為“柔光”,用白色畫筆強(qiáng)化高光部分,比如頭的左邊,手臂和肩膀,還有左邊最靠近光源的兩個(gè)手指都要涂一些高光,暗的部分也用黑色畫筆涂一點(diǎn)。

出屏效果!教你做鉆出電腦屏幕的照片效果

大功告成咯。

出屏效果!教你做鉆出電腦屏幕的照片效果

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
hpj200212252018-12-26 04:15
me 虎姐姐2018-12-26 09:05
[emoji:02c7]老〃徹底2018-12-25 03:59
zhouleyu2018-06-22 10:18
不負(fù)期待2018-01-10 10:13
找到的一
2017-02-07 02:28
shift+f6
2017-02-07 02:02
怎么羽化的?53435 的原帖:shift+f6
烽火戲漫天2016-04-16 02:22
實(shí)在搞不懂路徑那一塊!
烽火戲漫天2016-04-16 02:04
實(shí)在搞不懂路徑那一塊。
534352015-10-29 12:10
怎么羽化的?
534352015-10-29 12:10
怎么羽化的?
韋永東2015-01-23 08:25
后面的實(shí)在做不出來了
韋永東2015-01-23 08:01
后面的實(shí)在做不出來了
這么難找啊2015-01-13 02:22
頂頂
又沒占到座2015-01-13 02:22
頂頂

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

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