PS教程！手把手教你打造蜘蛛俠鉆出屏幕的效果

編者按：周一練個手！今天的教程3D效果十足，視覺沖擊力非常強(qiáng)，同學(xué)們可以發(fā)散思維運(yùn)用到社團(tuán)海報(bào)以及平面廣告中，教程界面全中文，作者講述很細(xì)致，趁著周一，開個好頭，現(xiàn)在就練起來吧 >>>

_projava_大牛系列教程合集：

• 《PS教程！手把手教你創(chuàng)建“舊地重游”的圖片效果》
• 《PS教程！手把手教你繪制高格調(diào)的墻體雕刻文字》

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

下面是最后的效果。

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

• 素材打包 微盤下載

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

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

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

新建一個路徑層，繼續(xù)描伸出屏幕外部分的蜘蛛俠，手指哪里比較花功夫。其實(shí)不用很精細(xì)，因?yàn)榈胶笃谖視妹砂孀鑫⒄{(diào)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

大功告成咯。

【優(yōu)設(shè)教程練習(xí)三部曲】

一枚漂亮精致的圖標(biāo)教程！
《PS教程！手把手教你創(chuàng)建炫酷的彩色格子圖標(biāo)》

吃貨必備的果凍豆文字效果教程！
《PS教程！手把手教你創(chuàng)建美味可口的果凍豆文字效果》

給人感覺非常舒服的播放器圖標(biāo)！
《PS教程！手把手教你繪制精致舒服的播放器圖標(biāo)》

作者：_projava_

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量89萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
官方微信：想在手機(jī)上、被窩里獲取設(shè)計(jì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號：youshege