網(wǎng)店運營與管理課件 第三章 網(wǎng)店商品圖片拍攝與處理

網(wǎng)店運營與管理第三

章網(wǎng)店商品圖片拍攝與處理網(wǎng)店商品圖片的拍攝/網(wǎng)店商品圖片的處理目錄CONTENTS網(wǎng)店商品圖片的拍攝網(wǎng)店商品圖片的處理0102網(wǎng)店商品圖片的拍攝01第三章網(wǎng)店商品圖片拍攝與處理3.1.1拍攝器材

商品圖片的拍攝與處理是商品發(fā)布、網(wǎng)店裝修和營銷推廣的基礎(chǔ)。消費者認識網(wǎng)店商品的直接途徑就是網(wǎng)店的圖文、視頻。有視覺沖擊力的高品質(zhì)圖片往往能大大提升消費者的購買欲望。相反，質(zhì)量差的圖片會使商品或網(wǎng)店給消費者留下負面印象。因此，圖片拍攝是網(wǎng)店運營中的重要環(huán)節(jié)。第三章網(wǎng)店商品圖片拍攝與處理3.1.1拍攝器材（一）數(shù)碼相機

數(shù)碼相機是常用的拍攝工具，單反數(shù)碼相機由于在圖像傳感器、可更換鏡頭、響應(yīng)速度、手控功能、附件等方面具有很大的優(yōu)勢，因此成為網(wǎng)店商品拍攝的常用工具。（二）攝影燈

光線對攝影來講至關(guān)重要，用好光線是攝影的精髓。攝影燈是商品室內(nèi)拍攝的常用輔助器材，按功能可分為主燈、輔助燈；按位置可分為前照燈、頂燈、側(cè)照燈、背景燈。（三）三腳架

三腳架的主要作用是穩(wěn)定數(shù)碼相機。拍攝網(wǎng)店商品時，一般一次要拍攝多件商品，需要經(jīng)常調(diào)整數(shù)碼相機參數(shù)和拍攝角度，使用三腳架可以提高拍攝的穩(wěn)定性和效率。（四）攝影棚

攝影棚是用于拍攝攝影作品的特殊構(gòu)筑物。網(wǎng)店攝影棚一般設(shè)置電動卷軸、背景布或背景墻、攝影臺、柔光箱、四葉遮光板、反光傘、柔光傘、反光板等輔助器材。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（一）了解拍攝對象在準備拍攝一個商品之前，首先要做的是對商品進行360°的觀察，找到這件商品最美的地方，必要時還需要了解商品的制作工藝及相關(guān)文化背景。當(dāng)我們把商品最美的一面展示出來時，拍攝就已經(jīng)成功了一半。例如，通過柔光表現(xiàn)水果的光澤，如圖3-2所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（二）確定適合商品的表現(xiàn)方式（1）數(shù)量

首先需要確定畫面中需要表現(xiàn)的商品數(shù)量。有些商品是以套裝的形式進行展示的，比如常見的化妝品套裝、洗護用品套裝。拍攝此類商品時需要將多個商品放在畫面內(nèi)進行表現(xiàn)，構(gòu)圖時需要考慮商品的合理分布，如圖3-3所示。有些商品是獨立的，比如數(shù)碼和杯子類商品，此類商品更適合單個展示，如圖3-4所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（二）確定適合商品的表現(xiàn)方式

（2）擺放方式擺放方式分為直擺、平鋪和懸掛。大多數(shù)商品的拍攝都采用直擺，此種擺放方式更容易固定商品，拍攝機位及光位的選擇也更多，如圖3-5所示。平鋪多用于服裝拍攝，以此充分表現(xiàn)其款式及顏色，如圖3-6所示。懸掛通常用于拍攝項鏈、耳墜等飾品，可以展示佩戴的效果，如圖3-7所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（二）確定適合商品的表現(xiàn)方式

（3）圖片功能根據(jù)圖片功能的不同來決定是拍攝商品的整體、局部還是細節(jié)。一般來講，在全面表現(xiàn)一件商品時，商品的整體、局部、細節(jié)均需要有圖片來進行展示。整體圖片用于表現(xiàn)商品的外觀、顏色，在網(wǎng)店中作為主圖出現(xiàn)，是最重要的商品圖，如圖3-8所示；局部圖片用于表現(xiàn)商品在設(shè)計或功能上的特點；細節(jié)圖片用于表現(xiàn)商品的材料質(zhì)感或精細做工，如圖3-9所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（三）選擇合適的影調(diào)

攝影中有5種影調(diào)，分別為高調(diào)、中高調(diào)、中調(diào)、中低調(diào)、低調(diào)。在拍攝商品前要根據(jù)商品的特性確定合適的影調(diào)。例如，高跟鞋適合用高調(diào)去表現(xiàn)其高雅、簡潔，如圖3-10所示；毛巾、床上用品適合用中高調(diào)去表現(xiàn)其干凈、舒適；一些珠寶適合用中低調(diào)去表現(xiàn)其色彩及質(zhì)感；牛仔帽適合用低調(diào)表現(xiàn)其神秘感，如圖3-11所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（四）布景

布景分為兩種情況：一種是僅考慮照片的背景，另一種是布置一個場景。如果是單純地展示商品材質(zhì)、形狀、顏色、質(zhì)感，那么只需要考慮用何種背景?？梢再徺I單色背景紙或漸變背景紙，白色背景商品圖、黑色背景商品圖分別如圖3-12、圖3-13所示；也可以通過燈光的布置打造富有變化的背景，如圖3-14所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（四）布景

布景時忌諱的是陪體的加入導(dǎo)致主體不夠突出，所以一定要確定每一個陪體都可以突出主體，否則就不要添加。禮物場景的布置、玩偶場景的布置分別如圖3-15、圖3-16所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（五）布光攝影是光的藝術(shù)，對光線的處理和運用是創(chuàng)作的重要環(huán)節(jié)，尤其是在商品拍攝中。在商品拍攝作品中，商品及模特等強烈的視覺形象都是通過拍攝中對光的藝術(shù)處理形成的。商品拍攝必須嚴格地針對不同的創(chuàng)意內(nèi)容來設(shè)計光位、光的強弱、光的面積及光源的遠近高低等。這些都是相當(dāng)重要的技術(shù)環(huán)節(jié)，是商品攝影師必須嚴格把控的。照明燈逆光效果如圖3-17所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.2拍攝前的準備工作（六）準備道具

在拍攝過程中，需要用到背景布、襯托物和輔助拍攝的道具，要提前做好準備。用來給實物做大小參照的材料物可以是手機、雜志等人們熟悉的物品；白紙、鋁箔紙等可用來做輔助拍攝的反光板；一根曲別針、一朵花甚至一臺跑車等都可以用來做道具。總之，使用道具是為了輔助拍攝，襯托商品。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（1）中心構(gòu)圖法中心構(gòu)圖法是指在畫面的中心位置安排主元素。這樣的構(gòu)圖能給人穩(wěn)定、莊重的感覺，較適合表現(xiàn)對稱式內(nèi)容，可產(chǎn)生中心透視效果。不過這種構(gòu)圖容易使畫面顯得呆板，所以需要注意一些細節(jié)上的設(shè)計，使畫面有所變化。圖3-18所示為中心構(gòu)圖法示例，主題文字在畫面中間，主體商品也在畫面中間，可以讓消費者的視覺重心落在畫面中間，整體設(shè)計穩(wěn)定而又不平淡。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（2）九宮格構(gòu)圖法九宮格構(gòu)圖法是用類似“井”字的4條線把畫面平分成9塊，在4個交點中，選擇1個點或2個點作為畫面的主體商品的位置，同時在其他點還應(yīng)適當(dāng)考慮平衡、對比等因素。這種構(gòu)圖能呈現(xiàn)變化與動感，使畫面富有活力。圖3-19所示為九宮格構(gòu)圖法示例，主體商品和文字基本處于交點位置，信息一目了然，符合消費者瀏覽習(xí)慣。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（3）對角線構(gòu)圖法對角線構(gòu)圖法是主體本身位于畫面對角線上，能使畫面產(chǎn)生較強的動勢。這種構(gòu)圖法與中心構(gòu)圖法相比，具有打破平衡、活潑生動的特點。圖3-20所示為對角線構(gòu)圖法示例，在畫面中鞋子擺放在對角線上，有一種向前的動勢，給人強烈的視覺動感，有利于加深消費者的記憶。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（4）三角形構(gòu)圖法三角形構(gòu)圖法是在設(shè)計中以3個視覺中心為元素的主要位置，元素形成或近似形成一個三角形。三角形構(gòu)圖具有安定、均衡但又不失靈活的特點。這種三角形可以是正三角形，也可以是斜三角形，其中斜三角形較為常用，也較為靈活。圖3-21所示為三角形構(gòu)圖法示例，建筑近似形成了一個三角形，畫面相對平衡。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（5）黃金分割構(gòu)圖法黃金分割構(gòu)圖法又稱黃金律構(gòu)圖法，即將整體畫面一分為二，其中較大部分面積與較小部分面積之比約等于整體面積與較大部分面積之比，其比為1∶0.618。0.618被公認為最具有審美意義的比例數(shù)字。黃金分割具有比例性、藝術(shù)性、和諧性，蘊藏著豐富的美學(xué)價值。遵循這一規(guī)則的構(gòu)圖形式具有和諧之美，對設(shè)計師而言，黃金分割是在構(gòu)圖創(chuàng)作中必須深入領(lǐng)會的一種規(guī)則。圖3-22所示為黃金分割構(gòu)圖法示例。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（6）三分線構(gòu)圖法三分線構(gòu)圖法實際上是黃金分割構(gòu)圖法的簡化版，是指從橫或豎向三等分畫面，當(dāng)被拍攝主體以線條的形式出現(xiàn)時，可將其置于畫面任意一條三分線的位置。這種構(gòu)圖方式能夠在視覺上帶給人愉悅和生動的感受，避免主體居中而產(chǎn)生的呆板感。三分線構(gòu)圖法示例如圖3-23所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（7）對稱式構(gòu)圖法對稱式構(gòu)圖法是為了突出主體，在拍攝時將主體放在畫面的中間，左右基本對稱的構(gòu)圖方法，也稱均分構(gòu)圖法。以這種構(gòu)圖法呈現(xiàn)的畫面會給人一種協(xié)調(diào)、平靜和秩序感。對稱式構(gòu)圖法示例如圖3-24所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（一）構(gòu)圖的基本方法

（8）S形曲線構(gòu)圖法S形曲線構(gòu)圖法是指通過拍攝的角度或通過商品的擺放方式使商品在畫面中呈現(xiàn)S形曲線的構(gòu)圖方式。由于畫面中存在S形曲線，因此其所形成的線條變化，能夠使得商品展現(xiàn)柔美之姿。S形曲線構(gòu)圖法示例如圖3-25所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（二）拍攝的基本技巧

（1）主體突出拍攝任何畫面都要保證畫面主體的突出。網(wǎng)店銷售主要通過圖片來展現(xiàn)商品，因此更要突出商品主體。圖片通常只需要一個主體，而且要盡可能大，背景要盡量簡單，別拼湊兩張或更多的小圖，否則在縮略圖中什么也看不清楚。如果需要更多的圖片，請將其放到商品描述中。具體來說，比較常見的突出主體的方法有突出前景、弱化背景，每次只拍攝一個主體，切忌喧賓奪主。拍攝商品有時要加入一些小裝飾物，切忌裝飾物過大，搶了主體的位置。如用干凈的背景突出運動鞋，如圖3-26所示。

第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（二）拍攝的基本技巧

（2）注重體現(xiàn)商標在購買任何商品之前，可能每個人都會留意此種商品的品牌，而最簡單、最直觀的方式就是觀察商品的商標。任意一件商品，大到汽車，小到紐扣，都有著獨特的商標，因此在拍攝網(wǎng)店商品的時候，對商標的表現(xiàn)也十分重要，它能使每個觀看商品圖片的人直觀地看出商品的品牌。對于一些固定外形的網(wǎng)店商品，表現(xiàn)其商標比較簡單。例如，在拍攝袋裝咖啡時，可以直接將其有商標的一面正對相機，這樣能使人們直觀地看出商品的品牌特征，如圖3-27所示。

第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（二）拍攝的基本技巧

（3）利用構(gòu)圖表現(xiàn)商品的局部細節(jié)有些商品通過局部的拍攝能將其材質(zhì)的質(zhì)感表現(xiàn)出來。如果商品尺寸較大，比如拖把、字畫等，也可以拍攝商品的局部細節(jié)，即所謂的“窺一斑而知全豹”。細節(jié)的精致表現(xiàn)，對商品整體效果的突出也有積極的作用。它關(guān)系到如何拍攝對象。并不是將見到的所有視覺元素都納入鏡頭中就可以得到一張好的照片，在很多商品的拍攝中，局部的細節(jié)能使畫面更具有視覺的沖擊力，也能抓住商品的特征并傳達出更多的信息。因此，突出商品的局部是一種巧妙的構(gòu)圖技巧，如圖3-28所示。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（二）拍攝的基本技巧

（4）利用道具修飾畫面“道具”一詞我們經(jīng)常在電影、電視上看到，好的道具可以使電影、電視的效果更加精彩。其實，在攝影中也會用到不同的道具，只不過攝影道具一般都比較簡單，不一定在每次拍攝的時候都會用到。在特殊的情況下，使用恰當(dāng)?shù)牡谰?，可以起到畫龍點睛的作用。例如，圖3-29是以人物為背景表現(xiàn)杯子。第三章網(wǎng)店商品圖片拍攝與處理3.1.3商品拍攝的構(gòu)圖（二）拍攝的基本技巧

（5）通過布景營造氣氛

布景非常重要，布景中的每樣?xùn)|西都是可以烘托氛圍的道具。例如，為了表現(xiàn)一款香水，挑選了牛仔帽作為背景，如圖3-30所示。網(wǎng)店商品圖片的處理02第三章網(wǎng)店商品圖片拍攝與處理3.2.1調(diào)整圖片大小

第一步：打開Photoshop，選擇“文件”菜單中的“打開”選項，選擇要處理的商品圖片，如圖3-31所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.1調(diào)整圖片大小

第二步：選擇“圖像”菜單中的“圖像大小”選項，如圖3-32所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.1調(diào)整圖片大小

第三步：在進行圖片大小調(diào)整的時候，必須維持長寬的比例，以免商品變形，因此選中“圖像大小”對話框，進行相應(yīng)設(shè)置，單擊“確定”按鈕，如圖3-33所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.1調(diào)整圖片大小

第四步：假定所需的圖片的寬度要控制在400像素，從而在“寬度”字段輸入“400”；調(diào)整完寬度后，高度會隨著寬度自行變化，但不管如何變化，這張圖片都不會變形，然后單擊“確定”按鈕，如圖3-34所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.1調(diào)整圖片大小

第五步：選擇“文件”菜單中的“存儲為”選項，打開“存儲為”對話框，選擇好文件夾，并輸入新的文件名，單擊“保存”按鈕，如圖3-35所示，保存文件。第三章網(wǎng)店商品圖片拍攝與處理3.2.2裁剪圖片

可以使用裁剪商品圖片的方法去掉圖片中的多余部分，從而突出商品的細節(jié)。下面介紹使用Photoshop裁剪素材文件“3.2.jpg”圖片的步驟。

第一步：在Photoshop中打開準備裁剪的商品圖片，如圖3-36所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.2裁剪圖片

第二步：在工具箱中選擇“裁剪工具”，在圖像上單擊并拖動以創(chuàng)建裁剪框，如圖3-37所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.2裁剪圖片

第三步：按“Enter”鍵即可完成裁剪的操作，效果如圖3-38所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.3旋轉(zhuǎn)圖片

下面介紹使用Photoshop旋轉(zhuǎn)素材文件“3.3.jpg”圖片的步驟。

第一步：在Photoshop中打開圖片，如圖3-39所示，可以看出圖中的物品豎向放置。第三章網(wǎng)店商品圖片拍攝與處理3.2.3旋轉(zhuǎn)圖片

第二步：選擇“圖像”菜單中的“圖像旋轉(zhuǎn)”選項，然后選擇“順時針90度”選項，如圖3-40所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.3旋轉(zhuǎn)圖片

第三步：旋轉(zhuǎn)后的效果如圖3-41所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.4調(diào)整圖片的亮度

調(diào)整圖片的亮度可以通過“色階”和“曲線”命令實現(xiàn)，下面介紹使用Photoshop調(diào)整素材文件“3.4.jpg”圖片亮度的步驟。1.使用Photoshop中的“色階”命令調(diào)整圖片亮度的操作步驟

第一步：在Photoshop中打開需要調(diào)整的圖片，選擇“圖像”菜單中的“調(diào)整”選項，然后選擇“色階”選項，如圖3-42所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.4調(diào)整圖片的亮度1.使用Photoshop中的“色階”命令調(diào)整圖片亮度的操作步驟

第二步：打開“色階”對話框。在對話框中的“輸入色階”下方會有3個三角形，左邊的三角形代表圖中的暗部色調(diào)，中間的三角形代表圖片的中間色調(diào)，而右邊的三角形則代表圖片的亮部色調(diào)，如圖3-43所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.4調(diào)整圖片的亮度1.使用Photoshop中的“色階”命令調(diào)整圖片亮度的操作步驟

第三步：該圖片整體偏暗，需要調(diào)亮，因此往左移動“輸入色階”下方右邊的三角形，最終效果如圖3-44所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.4調(diào)整圖片的亮度2．使用Photoshop中的“曲線”命令調(diào)整圖片亮度的操作步驟

第一步：在Photoshop中打開需要調(diào)整的圖片，選擇“圖像”菜單中的“調(diào)整”選項，然后選擇“曲線”選項，如圖3-45所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.4調(diào)整圖片的亮度2．使用Photoshop中的“曲線”命令調(diào)整圖片亮度的操作步驟

第二步：打開“曲線”對話框，如圖3-46所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.4調(diào)整圖片的亮度2．使用Photoshop中的“曲線”命令調(diào)整圖片亮度的操作步驟

第三步：鼠標指針移動至曲線上，會形成小黑點，移動曲線上的小黑點，圖片隨著小黑點的移動，亮度和對比度發(fā)生變化。小黑點越往上，圖片亮度越高，小黑點越往左，圖片對比度越低；反之，小黑點往下移動時，亮度變低，小黑點往右移動時，對比度變高?？梢愿鶕?jù)圖片的實際情況來調(diào)整亮度，最終效果如圖3-47所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.5調(diào)整圖片的顏色

嚴謹?shù)纳收{(diào)整，必須經(jīng)過非常復(fù)雜的調(diào)整手續(xù)，若網(wǎng)店商品對色彩要求沒那么嚴格，色彩不要偏差太多即可。下面介紹使用Photoshop調(diào)整素材文件“3.5.jpg”圖片顏色的步驟。

第一步：在Photoshop中打開要處理的圖片，如圖3-48所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.5調(diào)整圖片的顏色

第二步：選擇“圖像”菜單中的“調(diào)整”選項，然后選擇“色相/飽和度”選項，如圖3-49所示。第三章網(wǎng)店商品圖片拍攝與處理3.2.5調(diào)整圖