fbpx
網站設計行銷

讓你網站品質提升的商品拍攝小技巧

By 2019-01-09 5 月 23rd, 2019 No Comments

前一篇的首篇系列文有提到,網頁上的照片其實是整個網站最主要的靈魂(畢竟大部分的我們都是外貌協會嘛哈)。那麼這一篇就要來說說,如果你打算自己來拍攝這些商品圖片,有那些小技巧可以學學,把網站的圖片再往上提升個檔次:

 

構圖

第一步要來教教大家的就是背景啦!一般來說,會建議大家先從乾淨的背景開始拍起,尤其如果你的產品是屬於有比較多細節,例如顏色比較多彩繽紛,或是比較複雜的紋路。相繼於比較複雜的的背景,比較簡單的背景其實更容易透過層次將商品凸顯出來,像是單色的攝影紙、布料、牆面,都可以更加地去強調商品本身的特點。不過當我們要塑造一個情境時,除了維持簡單背景+裝飾物外,有時候其實換成細節稍微複雜的背景,反而會讓情境氛圍更滿喔。例如旅行時使用的商品,放一張世界地圖當作背景,就可以把旅遊的氣氛建立起來,讓消費者有身歷其境的感受就會更想下單購買。


圖1 – 範例照 商品和簡單背景


圖2 – 範例NG照 商品和複雜背景


圖3 – 範例照 商品和世界地圖

 

拍攝手法

 

另外在商品的拍攝手法上,這邊也透露個幾招給大家:

斜角拍攝商品 – 和拍人像一樣,如果MODEL站的直挺挺地,難免給人家一種太正經、無趣的感覺,有時候如果用斜一點的角度拍攝,會產生一些立體感覺,在網站上面呈現也不那麼平敘喔。


圖4 – 範例照 Before 直挺挺NG照


圖5 – 範例照 After 斜角度ok照

 

Flat Lay平鋪俯拍 – 你有曾經在咖啡廳看到一些部落客站在高處從上往下囊括所有餐點美景的拍法嗎? (如果沒有請試著想像一下…) 是的,這種平鋪俯拍是現今網路社群最流行的拍法之一。而這種拍法最需要掌握的重點在於,所有的物品都攤在一個面上,所以背景以及裝飾物的擺設顯得非常重要。搭配好的話,可以創造出一種日常生活的隨興輕鬆感。


圖6 – 範例照 flatray照


圖7 – 範例照 flatray照2

對稱軸拍法 – 在畫面的中央,畫上一條直直的參考線,接著將你的商品和搭配的裝飾物,都以對齊參考線的方式置中擺放。這種左右對稱的和諧感,可以讓視覺動線更專注在商品本身上喔!


圖8 – 範例照 對稱軸ok照


圖9 – 範例照 對稱軸ok照2

 

對角線構圖 – 利用畫面的對角線,當作觀看者的主要視覺動線。只要沿著對角線沿途分布擺放商品與裝飾物,也會創造出一種亂中有序的視覺效果喔!


圖10 – 範例照 對角線構圖ok照

圖11 – 範例照 對角線構圖ok照2

 

「人像」功能 – 現在很多手機都配備著雙鏡頭,搭配手機內建的「人像」功能,其實可以很輕鬆地拍出物淺景深的效果。這種效果用來強調商品本身,算是最合適的方法之一啦!


圖12 – 範例照 人像功能ok照

「人」的元素 – 適時地在照片裡面,加入一些人的元素,例如一雙正準備拿取一塊牛角麵包的手,或是拿著商品露出一臉滿足的微笑。這些「人」的元素一旦入鏡,不僅僅可以大大增加照片的溫度,也更容易帶領觀看者進入一段故事與世界,更能包裝網站產品上能帶來的一切美好!


圖13-14 – 範例照 人的元素ok照

 

光源

燈要怎麼打?哪一種的燈具比較好?大俠只能跟各位說,燈光角度真的是一門很深的功夫呀!所以我們應該要善加利用自然光!無論是戶內還是戶外,對於攝影者來說,光線充足的環境都是最重要的!使用自然光不僅僅他是最便利地方法(只要在一面窗戶旁開始架設拍攝環境就好,其他燈光什麼的都不用煩惱啦),拍出來的效果往往也都會尚天然ㄟ,什麼燈具都模擬不來的呀。而且我們也可以利用一些簡單的小道具,例如珍珠板,當作簡易的反光板使用,讓商品在拍攝的時候能夠更加自然完美喔!另外手機也可以開啟HDR功能,讓相機捕捉進來的色彩更加飽和呢!


圖15 – 範例照 自然光好棒棒ok照


圖16 – 範例照 自然光好棒棒ok照2

 

濾鏡

 

在後製修圖的時候,除了把一些小瑕疵修飾掉外,其實有一個重點就是,同一系列的商品都盡量使用統一的濾鏡,如此一來,照片在經過統一的濾鏡過色後,輸出的成品會更協調,整體感會更一致。當然不同的拍攝場景,還是要配合地去挑選合適的濾鏡。除了專業的PHOTOSHOP、LIGHTROOM外,簡易的做法還可以使用windows內建的相片編輯器或是mac OS的相片編輯功能等。另外就是手機上其實也有許多專業修圖的APP如 VSCO、Snapseed等。這些APP提供多款適用於不同風格的濾鏡,有的甚至還可以批次套上濾鏡,讓我們可以在較短的時間內完成修圖作業,使商品照更有效率地提升一個檔次喔!

 

 

 

 

 

 

 

 

 

圖17-19 – 統一濾鏡商品系列照

如果您有設計上的需求,也喜歡我們的作品,歡迎隨時聯繫我們喔☛ info@mjitec.com | LINE我們 | Facebook訊息我們

Source:
自家網站大賣的鐵則 | 竹內謙禮
http://bit.ly/2VPUWj2
http://bit.ly/2UA9Jy8
http://bit.ly/2UyvSNo
http://bit.ly/2HtxqnX

Leave a Reply