[攝影小教室] 大太陽下完全無法拍液晶螢幕嗎?用 Photoshop 後製上去會是個好方法!

by 陳寗
2016.03.01 07:46PM
是[攝影小教室] 大太陽下完全無法拍液晶螢幕嗎?用 Photoshop 後製上去會是個好方法!這篇文章的首圖

最近拍了一個需要用到 Apple Watch 的使用場景,不過因為我想拍的是人走在路上使用的感覺,因此我把小正妹柯柯 Emi Ke 帶到馬路上去拍照,其中一張照片就是今天用來示範的 Apple Watch 操作畫面。

過去在「業配文這樣拍」專題中我寫過非常多次關於液晶螢幕的拍法,在持續燈、棚燈等環境下都有,有興趣的朋友可以在本文末的連結中找到。不過今天的狀況有點不一樣,由於拍攝當天太陽實在太亮了,亮到液晶螢幕連肉眼都幾乎看不到的程度。因此這次的照片很難用對螢幕測光的方式搞定螢幕顯示問題,甚至連要把螢幕拍到「看得見」都有困難。

那該怎麼辦呢?

--

如果你要拍的場景示意圖怎麼拍都拍不好,Photoshop 或許會是更好的解法。

來學 Photoshop 吧!請追蹤「陳寗說科技」:https://www.facebook.com/chenning.wowdigi

--

這次的教學比較特別一些,因為過去的文章我幾乎都只用 Lightroom 就搞定照片的各種大小問題,甚少動用 Photoshop 來處理。不過今天要用的方法是「疊圖合成」,因此就必須開 Photoshop 來修圖啦!好在 Lightroom 跟 Photoshop 在 Adobe CC 訂閱服務裡是綁在一起賣的,所以通常擁有 Lightroom 的朋友應該都同時擁有 Photoshop 才是。

如果沒有的話 ... 就去下載試用版來玩一個月看看吧~之後再用訂閱就好囉!

baf7737f939981611de1dee5ca8f93de

接下來我們就開始來修圖片吧!這次用的鏡頭是 Leica Summilux 80mm(請別管 EXIF,手動鏡不會顯示正確資訊),是一顆不論是顏色漸層、或是背景虛化都很迷人的照片,由於焦段夠長、對焦行程夠短,所以用來拍今天這種特寫照也非常合適,強烈推薦給願意玩老鏡又想要人像鏡的朋友。

好吧,再繼續下去就變成推坑鏡頭了,我們繼續來說圖片吧!

這張照片沒有什麼測光技巧,就是把照片拍亮、對焦對在手指上,光圈縮一些讓 Apple Watch 從上緣到下緣都清楚,就這麼簡單。這裡唯一需要注意的是手錶螢幕的反光,我特別調整角度讓螢幕稍有一些反光顏色、但仍維持大部分區域都是黑色的,這樣能讓後續疊圖合成之後看起來更自然些。

8775bf0f4ffd6884ee39f092a969c027

 RAW 檔的顏色實在太淡了,因此我在 Lightroom 裡稍作調整讓照片顏色更強烈一些,也拉高銳利度讓照片看起來很利。顏色的部分如上圖,這我已經講過很多次了,這裡就不贅述。倒是銳利度的部分需要注意一下,由於這張照片是「特寫」,所以不僅要收一些光圈讓照片看起來夠利、景深夠深,後製時也應該拉高銳利度讓照片看起來更清晰,否則就會變成一張看起來有點糊的失敗照。

這點很重要,請千萬記住。

34ce6a87599fff1d3c095e0e6e52eac7

把照片顏色搞定之後就可以轉到 Photoshop 處理啦!你可以選擇直接從 Lightroom 裡把照片轉過去 Photoshop 處理,也可以先輸出 tif 或 jpg 之後再用 Photoshop 處理,由於今天只是疊圖,並不會再去針對顏色之類的作修整,因此不用太在意圖片壓縮的問題,依照你方便的方式處理即可。

把手錶的照片用 Photoshop 開啟之後,也請把你要合成上去的畫面一起開啟,如上圖這樣,左邊是剛剛修好的手錶照片、右邊則是要合成的 Apple Watch 介面。

注意!以下圖片上的註釋中「Command」快捷鍵為 Mac OS X 使用;「Ctrl」則為 Windows 版 Photoshop 使用。

41e145405f00d7c08b80856390c6cf9f

如果你的螢幕介面圖片本身就是螢幕截圖,那就直接全選(Command/Ctrl+A)複製貼上到要疊合的底圖上即可。但如果你的介面圖像上面這樣是從實體模擬照片上取出來的,那麼請用矩形選取畫面工具(如上圖紅框)把要擷取的畫面框起來,接著用快捷鍵複製下來。

這部分請千萬只框選螢幕的範圍,別把旁邊不相關的東西框進來,否則稍後你會很難疊圖。

7f2c837aaf4be2b85ec81fd2771af362

接著再把視窗切換到你預備要疊圖的目標圖片上,按下上圖中註釋的快捷鍵將剛剛複製的介面圖片貼上。貼上之後的圖片大小肯定會跟你的底圖相差甚遠,這時候請按下快捷鍵「Command/Ctrl+T」啟動圖片尺寸調整,啟動之後圖片的周邊會出現虛線與八個小方格(如下圖),接著再接到下圖步驟開始調整圖片尺寸。

08bfb0fb57ee7acf50e561a2ca2371eb

上圖是一個非常重要的技巧 —— 傾斜拉伸圖片。

如果你只是單純的拉動圖片邊緣的八個小方塊,那只會讓照片直向或橫向拉伸,再怎麼拉都是「2D」的存在。但如果我們要把圖片疊合到如上圖這樣的傾斜液晶螢幕上,你必須在拉動方塊的時候同時按著「Command/Ctrl」不放,就可以如上圖這樣往鞋的方向拉伸你的圖片,接著在將四個角落用同樣的方法拉到底圖的液晶螢幕邊緣上,就完成疊圖的第一步啦!成果請見下圖。

這方法非常實用,舉凡任何疊圖到指定方框如液晶螢幕、相框上的狀況都適用,例如我的另一個專欄「蘋果急診室」首圖常常會有我把我自己電腦桌面截圖放在圖中 Mac 電腦螢幕上,就是用這個方法處理的。

668016435d2f4f4e58b353e9df9b9ec2

拉好之後,再確認一次合成的圖片是否四個角落、四個邊都與目標液晶螢幕的邊框貼合,確認之後就可以按下鍵盤的 Enter 將圖片變形固定下來。完成之後請點擊圖層選單最上方(上圖紅框處)的圖層樣式下拉選單,如下圖這樣:

27ec2eba5ecc253161ffb9cfd4fc593d

在樣式選單中有非常多不同的疊合樣式,由於今天用的圖片只是一張黑底的圖,因此我直接選擇「加亮」顏色將淡色的文字疊合到 Apple Watch 螢幕上。其他的樣式各有不同的效果,如果你疊的圖片比較複雜,就請你多試試不同的樣式囉!之後我會再講色彩更複雜圖片(例如照片)的合成方法,那就更麻煩囉!這裡先講入門的就好~

790733335dd634d582ab5c27f7da2cca

可以看到在將樣式調整成「加亮顏色」之後,合成的圖片就完全融合到底圖的 Apple Watch 上了,就連原先就有的螢幕刮傷、反光等都會直接顯示再疊上去的圖上,這也是為什麼我說一開始拍照就要注意你的手錶螢幕反光。試想一下,如果一開始的反光讓手錶螢幕變成白色,那你現在要如何疊圖上去、還能看起來如上圖那樣自然呢?

確認疊圖效果之後,接下來就要用橡皮擦把疊在手指上的字擦掉啦!請從工具欄找到橡皮擦並點擊他,接著在圖片上按右鍵開啟筆刷大小調整,接著將筆刷調整到適當大小、並將筆刷類型選為最右邊那個漸層圓圈。

漸層筆刷能讓筆刷邊緣漸層羽化,擦掉圖片的時候就不會讓照片邊緣變得太過銳利,能讓邊緣修飾變得更自然一些,請大家自己試試效果。

cbb87743b15e5e35d4440ed0246a5b34

橡皮擦在擦掉手指上文字時,由於前面選擇了漸層筆刷,因此實際上會把文字的邊緣擦掉一些,變成如上圖這樣有點漸層消失的效果。這點是非常非常重要的視覺認知設計,由於手指按上螢幕之後會在邊緣產生些許陰影,因此手指邊緣的文字、圖片有點漸層消失其實是正常的!如果手指邊緣很整齊地消失,那看起來就會很怪很不自然。

請記住:修圖最重要的是看起來是否自然,不自然就一切休提,就算邊緣擦得再乾淨也是白搭。

1bf92f49817041f20c27ea70141589a1

擦好之後得再調整一下整個圖層的透明度,我這裡將疊上去的圖片透明度降到 48%,至於各位的照片要調整到多少那就請自己判斷了,一切都以看起來自然為優先!

這裡要說明一下,為什麼要降低透明度看起來才會自然?

由於液晶螢幕實際上並不會真的把文字顯示在表面,我們必須透過蓋在螢幕上的玻璃才能看到文字,因此你如果仔細看液晶螢幕,會發現有些用料不好的螢幕看起來就有點「不清澈」或是「不亮麗」,就是因為前蓋玻璃所造成。這裡我們用的是疊圖的方式處理合成,因此並不存在那塊蓋在螢幕上的玻璃,會讓螢幕上的文字看起來太亮眼,那樣就太不自然了。

各位不妨看看蘋果官方網站的照片,他們在那些漂亮的 iPhone / Mac 圖片上都一定會在右上角加入一些螢幕反光,就是為了讓整台電腦看起來「更像實機」拍攝。至於那些螢幕是不是真的實機拍攝而非合成呢?看完這篇教學 ... 我想答案如何就請大家自己想像囉~

636517762a9dbcc51837ee517b2401f4

最後再用橡皮擦(漸層筆刷)把螢幕的邊緣稍微擦掉一些,畢竟這張照片必須模擬我們在大太陽下看液晶螢幕的效果,任何讓畫面看起來「太清楚」的可能都要盡量消除,這樣看起來才會自然。最後把整體的透明度重新調整一番,最後就可以打造出如上圖這樣看起來超自然的 Apple Watch 示意圖啦~如果我不是一開始就把對照圖放給你看,想來你在這篇業配文上線時也不會發現這介面是假的喔!

--

如果你要拍的場景示意圖怎麼拍都拍不好,Photoshop 或許會是更好的解法。

來學 Photoshop 吧!請追蹤「陳寗說科技」:https://www.facebook.com/chenning.wowdigi

--

作者:陳寗@癮科技

--

現在我的「攝影小教室」專欄有線上課程可以看囉!只要半價二十五美元,就可以一次購買終身學習!

c0db2949032338cdc77af990dace6f91

比起我的攝影小教室,這堂課程多了影音說明、實例示範等內容,如果你認為講師講解會比看文字更容易學習,那你也不需要花大錢去上什麼 Lightroom 一日實戰班了!直接購買我的教學課程,以後隨時想要複習也都可以再看一次、Lightroom 有重大更新的時候我也會再放上新的教學讓買過的人免費觀看,超划算的喔!想知道更多詳情請見我先前寫的課程說明文,優惠連結也在裡面~

首支「攝影小教室」線上課程上線囉~只要限時 25 美元,你就能輕鬆學會正確修圖觀念與 Lightroom 操作技巧喔!https://www.cool3c.com/article/101106

--

--

業配文這樣拍:

[攝影小教室] 業配文照片這樣拍(一):神癮少女之藍牙接收器車內攝影

[攝影小教室] 業配文照片這樣拍(二):可愛小正妹柯柯與超迷你的 MSi Cubi 小電腦

[攝影小教室] 業配文照片這樣拍(三):用閃燈高速凝結的「大人的科學」水龍捲風機

[攝影小教室] 業配文照片這樣拍(四):用 Lightroom 筆刷讓龍捲風更清晰!

[攝影小教室] 業配文照片這樣拍(五):長焦鏡頭+預先對焦 = 賽車追焦超簡單!

[攝影小教室] 業配文照片這樣拍(六):應用自然光,拍出有「空氣感」的商品照

[攝影小教室] 業配文照片這樣拍(七):雖然逆光照很漂亮,但如果修圖處理一下會更好!

[攝影小教室] 業配文照片這樣拍(八):只要攝影師有燈,處處都是攝影棚!

[攝影小教室] 業配文照片這樣拍(九):大電視+正妹+閃燈=自動背景合成攝影棚

[攝影小教室] 業配文照片這樣拍(十):用棚燈幫活動攝影打光!保護手臂健康~

[攝影小教室] 業配文照片這樣拍(11)反光板超好用!戶外補光的好夥伴!

[攝影小教室] 業配文照片這樣拍(12)只需要 Lightroom!輕鬆做出色彩強烈的電影海報風格照片

[攝影小教室] 業配文照片這樣拍(13)善用 Lightroom 調色,輕鬆造出「歐美落葉秋天風」照片

[攝影小教室] 業配文照片這樣拍(14)調整漸層濾鏡角度,讓你的「電影風相片」更吸睛!

[攝影小教室] 業配文照片這樣拍(15)就是要用持續燈!讓你簡單輕鬆拍出超漂亮玻璃杯~

[攝影小教室] 業配文照片這樣拍(16)燈為什麼要有兩盞?因為兩盞燈就能解決人像背後的陰影問題!

 

[攝影小教室] 業配文照片這樣拍(17)善用電腦螢幕,讓你的模型相片擁有超酷炫背景!

--

你或許會喜歡

4G上網月租最低只要299

寫卡片送好友,熱門手機現折500!

深入閱讀