當前位置:首頁>ps入門教程>ps邊框教程>教程內(nèi)容

出屏效果,Photoshop如何制作延伸框外的景色

來源:m.tgudhdp.cn 作者:優(yōu)圖之家 學習:18365人次

今天教大家創(chuàng)建一個超出框外的圖片效果,很簡單,但是用好了逼格滿滿。要將這個效果做的出彩,主要看圖片的選用是否得當以及一定的創(chuàng)意。下面這兩張圖就因為兼顧了這兩點,所以十分出彩:

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn
m.tgudhdp.cn

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

話不多說,現(xiàn)在就將大家具體怎么操作吧。!

創(chuàng)建準備:

一張畫框圖片
一張有連貫性的素材

正式開始

創(chuàng)建一個1920×1080px的文檔,然后把準備好的畫框嵌入進來,并利用自由變換工具將其調(diào)整到合適的大。

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

用鋼筆工具勾選出畫框的白色部分,創(chuàng)建選區(qū),按住Alt鍵后添加蒙版

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

將畫框圖層復制一層,并反相(留下的就是白色部分):

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

將準備好的素材圖片嵌入其中,我嵌入的是一張包含道路元素的圖片:

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

將圖片的不透明度降低(方便觀察),利用自由變換工具將圖片調(diào)整到合適的方位(道路的邊沿和畫框的邊角重合):

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

利用鋼筆工具框選出圖片在畫框外的延申部分,創(chuàng)建選區(qū)后,選中畫框復制圖層的蒙版,將前景色改為白色后,利用畫筆工具將選區(qū)全部涂白:

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

這時選擇風景圖層,對下創(chuàng)建剪貼蒙版,大致效果就已經(jīng)出來了:

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

將風景圖層復制一層,降低其不透明度后利用自由變換工具將其放大一點,并放到合適的位置。添加一個蒙版,擦掉多余的部分:

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

最后添加一群鳥來豐富圖片的內(nèi)容,整個效果就OK了:

出屏效果,Photoshop如何制作延伸框外的景色_m.tgudhdp.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
1537965792020-07-11 02:29
謝謝您的分享。
我是高個子的女學霸2018-07-23 05:42
贊喔
錫箔焦魚2018-07-23 12:03
很不錯
咻冬咚2018-07-23 07:08
樓主在逗我嗎
別惹小郭2018-07-23 06:33
挺不錯的教程
笑容最美2018-07-23 05:31
頂下頂下頂下頂下頂下頂下
我代表記憶姐2018-07-23 03:39
很喜歡
韓筱朔2018-07-23 03:21
學習了

關注大神微博加入>>

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