berylgobby 發表於 2018-5-10 09:27:23

Photoshop文字遮罩效果應用設計

文、菜鳥編
https://www.lccnet.com.tw/lccnet/Upload/Article/news-1224.jpg


原文網址




文字遮罩指的是在文字圖層上方加上圖片圖層,透過剪裁遮色片製作出以圖片填滿的文字視覺效果。恰好過幾天就是母親節,小編就以祝賀母親節為內容,分享給大家了解,如何透過Photoshop製作出有文字遮罩效果的圖片。


Step1去背,將人物以外的部分遮罩住,保留圖片中的母女。Photoshop中去背的方式相當多,小編這邊是使用「選取並遮住」功能,快速鍵為Alt+Ctrl+R。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688677.png



Step2
去背動作完成後,就可將文字內容加入。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688695.png



Step3
選取文字範圍。方法如下,按住「Ctrl鍵」,滑鼠移至文字圖層中的縮圖,可以看到一個小圖示,如下圖。點擊滑鼠後,就可以將文字部分選取起來。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688730.png



Step4
使用擴張選取範圍,功能位置在”選取/修改/擴張”。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688750.png


視實際狀況調整擴張的大小,小編這邊設定為5像素。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688765.png



Step5
擴張選取範圍後,在圖片圖層的遮色片中填入黑色。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688790.png



Step6
將文字中的封閉區域做出與背景色填滿的效果,與Step5相同,我們透過筆刷,在遮色片上填上黑色來隱藏。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688811.png



Step7
選取圖片下方部分製作遮罩,主要是讓圖片與文字一體的效果。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688840.png


選取後,一樣在遮色片上填入黑色,完成後效果如下。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688861.png



Step8
複製圖片置於文字圖層上方。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688887.png



Step9
最後一步,就是製作出文字遮罩效果,在最後新增的圖片圖層上點擊滑鼠右鍵,選擇「建立剪裁遮色片」。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688908.png


另一個方式,可按住「Alt鍵」,將滑鼠移至文字與圖片圖層中間,出現下圖中的圖樣後,點擊滑鼠就可以製作出遮罩效果來。
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688929.png


完成後如下圖
https://www.lccnet.com.tw/lccnet/Upload/Ckeditor/1525688948.png


►推薦課程:Photoshop影像處理




延伸閱讀
Photoshop教學:撕裂邊緣效果製作
Photoshop教學:拼圖效果製作
聯成電腦分享:早別人一步滿足對創意的無限渴望
Photoshop教學:價值250美金的修圖
Photoshop教學:原來是機器人啊!


官方網站:http://www.lccnet.com.tw
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w


頁: [1]
查看完整版本: Photoshop文字遮罩效果應用設計