第1章--裝修基礎(chǔ)篇-網(wǎng)店美工

1、第1章裝修基礎(chǔ)篇目錄1.1拍攝事項1.2收集素材1.3圖片處理1.4發(fā)布上傳 網(wǎng)絡(luò)交易時代，我們一直強(qiáng)調(diào)圖片對于一個網(wǎng)店至關(guān)重要，大家也都很清楚圖片的傳達(dá)效果要遠(yuǎn)遠(yuǎn)勝于文字的表現(xiàn)力。那么圖片的好與壞可以決定一個網(wǎng)店的生死，我們常說“賣產(chǎn)品等于賣圖片”，一張能夠吸引眼球的圖片也就承載了賣家與買家之間溝通的橋梁作用。 因此，在淘寶網(wǎng)店中，具備視覺效果和差異化是圖片拍攝、圖片制作的兩個基本出發(fā)點，所以有計劃地去拍攝圖片就很有必要了。背景、道具、光線、構(gòu)圖、擺型等風(fēng)格設(shè)定，甚至細(xì)到場景、模特的選擇、產(chǎn)品整理、產(chǎn)品搭配等，這些都要先計劃好、規(guī)劃好。本章將從商品拍攝、收集素材、圖片處理以及發(fā)布上傳的過程來

2、完成店鋪的基礎(chǔ)裝修。1.1 拍攝事項1.1.1 拍攝基本知識1相機(jī)的基本操作拍攝一張具備商業(yè)價值的商品照片要有3 個標(biāo)準(zhǔn)： 照片具備一個鮮明、清晰的主題； 照片必須要把注意力引向被拍攝物體； 照片簡潔，必須擠壓或排除掉不能烘托或分散注意力的元素。 通過示意圖我們可以看到光圈大小和光圈F 值是成反比的，光圈越大數(shù)值越小，進(jìn)光量越小，光圈越小數(shù)值越大，進(jìn)光量越大。 進(jìn)光量的多少，會影響照片亮度。也就是說，在快門速度相同的情況下，照片亮度是不同的，使用大光圈的圖片會曝光過度（偏亮）；相反，使用小光圈的圖片會曝光不足（偏暗），如下圖所示。后面會詳細(xì)講解曝光補(bǔ)償功能的使用。 對于使用小光圈F 值大的情況

3、，可以擴(kuò)大景深拍攝的效果，對焦位置及周邊都是非常清晰的，稱之為大景深。 對于使用大光圈F 值小的情況，可以虛化背景，突出主題產(chǎn)品的拍攝效果，對焦位置清晰，周邊都是比較模糊虛化的，稱之為小景深 焦距對景深的影響，鏡頭焦距越長（長焦），景深越小焦距越短（廣角），景深越大總結(jié)影響景深的三個要素如下：（1）被拍攝物體離相機(jī)越近，景深越??；被拍攝物體離相機(jī)越遠(yuǎn)，景深越大。（2）光圈越大（光圈值越小），景深越?。还馊υ叫。ü馊χ翟酱螅吧钤酱?。（3）鏡頭焦距越長，景深越??；焦距越短，景深越大。常見的快門速度有：1,1/2,1/4,1/8,1/15,1/30,1/60,1/125,1/250,1/500,

4、1/1000,1/2000 等，不同快門速度拍攝的效果ISO 感光度設(shè)置同樣景物不同ISO 感光度的呈現(xiàn)曝光補(bǔ)償設(shè)置曝光補(bǔ)償?shù)捻樞颍?（1）將模式撥盤對準(zhǔn)“P”、“S”或“ A”，因為只有在這三種模式時，才能使用曝光補(bǔ)償按鈕進(jìn)行曝光補(bǔ)償。（2）按住曝光補(bǔ)償按鈕的同時，旋轉(zhuǎn)主指令撥盤，向左轉(zhuǎn)為增加曝光補(bǔ)償，向右轉(zhuǎn)為降低曝光補(bǔ)償。（3）松開曝光補(bǔ)償按鈕，所有的拍攝均進(jìn)行曝光補(bǔ)償，此時將顯示進(jìn)行曝光補(bǔ)償?shù)臉?biāo)記。在使用曝光補(bǔ)償時的兩點注意事項：（1）曝光補(bǔ)償值即使在切斷相機(jī)電源后也不會恢復(fù)為0，因此需要加以注意。（2）在“M”模式下，僅影響顯示在電子模擬曝光面板上的曝光信息，并不改變快門速度和光圈值的

5、大小，如下圖所示。曝光補(bǔ)償特殊情況的“白加黑減”總結(jié)曝光補(bǔ)償?shù)男〖记桑海?）拍攝時，不建議使用自動曝光補(bǔ)償。（2）用黑底拍攝產(chǎn)品，向負(fù)數(shù)補(bǔ)償兩檔。（3）用白底拍攝產(chǎn)品，向正數(shù)補(bǔ)償兩檔。微距拍攝的自然景物用小花朵來表示微距檔位進(jìn)行微距拍攝時的注意點：（1）微距攝影時，相機(jī)與被拍攝商品距離很近，如果想要突出商品的部分細(xì)節(jié)，可以運(yùn)用較大的光圈；如果想要將商品的整體細(xì)節(jié)表現(xiàn)得足夠清晰，就要選擇較小的光圈。（2）拍攝時相機(jī)如果晃動就可能造成圖像模糊，所以通常要選擇較快的快門速度，或者設(shè)法將相機(jī)固定在三腳架上。（3）當(dāng)相機(jī)與被拍攝物體的距離較近時，相機(jī)本身就會對周圍環(huán)境光線造成比較明顯的遮擋，使得被拍攝物

6、體可能得不到足夠的曝光；同時，閃光燈的照明度可能過強(qiáng)而使商品曝光過度，所以在微距拍攝時要特別注意商品的照明。微距拍攝法則：按照被拍攝物體比例放大到5倍左右；一般情況下使用不大于F16 的光圈；使用淺景深是必不可少的；在自然環(huán)境中風(fēng)的影響很大，注意消除其對拍攝的影響；穩(wěn)定的三腳架是必需的；多云但明亮的天氣尤其適合微距攝影。微距拍攝的商品圖片 有的相機(jī)是拍攝之前在菜單里預(yù)設(shè)白平衡模式，有的相機(jī)在菜單選擇時還可以通過液晶顯示屏觀察所選模式的變化，預(yù)覽拍攝效果，有了直觀的感受以后再確定使用哪一種光源模式。在不同光源情況下的白平衡模式在相同場景下不同白平衡的呈現(xiàn)效果多重光源復(fù)雜情況手動設(shè)置白平衡2場景與

7、布光自然光 拍攝中的布光多種多樣，充分了解并學(xué)習(xí)布光，對于呈現(xiàn)一張好的商品圖片尤為重要。拍攝中的布光主要包括：順光、側(cè)光、逆光細(xì)分。正面布光：順光，亦稱“正面光”，光線投射方向跟相機(jī)拍攝方向一致的照明。兩側(cè)45布光：側(cè)順光（斜側(cè)光），光線投射水平方向與相機(jī)拍攝方向成45左右時的攝影照明。單側(cè)布光：側(cè)光，光線投射方向與拍攝方向成90左右的照明。 前后交叉布光：就是前側(cè)光和逆?zhèn)裙獾慕M合。后方布光：逆光，亦稱“背面光”，來自被拍攝物體后面的光線照明。對場景的選擇和具體的運(yùn)用有以下幾點作用：在宏觀上可以影響照片的敘事風(fēng)格和造型風(fēng)格，從而決定商品圖片的風(fēng)格；有利于商品形象的塑造；能夠表現(xiàn)一種空間感。常用

8、的場景類型有4 種：內(nèi)景、外景、實景、棚拍。下面我們以服裝類目商品為例，看看每個場景是如何呈現(xiàn)效果的。內(nèi)景：室內(nèi)真實環(huán)境或人工搭建的生活場景。外景：大自然中自然景觀的場景。實景：人類居住和活動的自然建筑的場景棚拍：室內(nèi)搭建拍攝場景，有輔助光源、背景3產(chǎn)品與取景及構(gòu)圖抗皺襯衣 平拍與穿拍影響構(gòu)圖的因素有以下幾個。拍攝距離與角度：拍攝距離有遠(yuǎn)景、全景、中景、近景以及特寫焦距與人像拍攝距離的效果 嘗試用垂直角度，通常采用的方法不外乎三種：等高的則平視（平角）、較高的則仰視（仰角）、較低的則俯視（俯角）。橫、豎版面的決定：在于主體的橫、豎，主體移動的方向，以及主體和陪體、環(huán)境的關(guān)系視覺中心& 幾何中心

9、突出主體：在照片中，主體物是畫面的主角，創(chuàng)作意圖、作品闡述主題，都是通過它來感染消費者的。前景與背景的關(guān)系：一張照片可以沒有前景，但絕對不會沒有背景。透視規(guī)律的應(yīng)用：線條透視，拍攝距離、拍攝方向、拍攝高度，階調(diào)透視（空氣透視）。橫式構(gòu)圖：是被拍攝商品呈橫向放置或者橫向排列的橫幅構(gòu)圖方法。豎式構(gòu)圖：是被拍攝商品呈豎向放置或者豎向排列的豎幅構(gòu)圖方法。對角線構(gòu)圖：是把被拍攝商品安排在對角線上，利用畫面對角線來整體統(tǒng)一畫面元素，同時也使陪體與主體發(fā)生直接關(guān)系。X 形構(gòu)圖：是對角線構(gòu)圖的復(fù)雜版，X 形構(gòu)圖也可以稱為放射線構(gòu)圖。變化式構(gòu)圖：又稱作留白式構(gòu)圖。拍攝時將被拍攝商品故意安排在某一角或某一邊，留出

10、大部分空白畫面。畫面上的空白是組織畫面上各對象相互關(guān)系的紐帶。井字構(gòu)圖：也叫三分法構(gòu)圖，用兩橫、兩豎一共4 條線把畫面均分為九等分，所以也叫“九宮格”，中間4 個交點成為視線的重點，也是構(gòu)圖時放置主體的最佳位置。均分法構(gòu)圖：為了在視覺上突出主體，常常將主體放在畫面的中間，左右基本對稱，因為很多人喜歡把視平線放在中間，上下空間的比例大體均分。疏密相間法構(gòu)圖：當(dāng)需要在一個畫面中擺放多個物體進(jìn)行拍攝時，取景時最好是讓它們錯落有致、疏密相間。遠(yuǎn)近明暗法構(gòu)圖：拍攝商品圖片有時候需要帶上點近景，或者隱隱約約保留一點顏色比較淡的遠(yuǎn)景，以增強(qiáng)立體感，表現(xiàn)出豐富的拍攝層次。1.1.2 拍攝腳本與流程目前在網(wǎng)店中

11、，我們把商品大致分為：標(biāo)類、非標(biāo)類、綜合類型三大類別。不同的產(chǎn)品會有不同的風(fēng)格展現(xiàn)效果，也就是說，要挖掘商品賣點，掌握拍攝風(fēng)格。標(biāo)類商品：主要是指以功能性主導(dǎo)的商品，以功能為利益點化妝品拍攝風(fēng)格第1 種：突出商品內(nèi)質(zhì)的拍攝風(fēng)格直截了當(dāng)，直觀體現(xiàn)化妝品拍攝風(fēng)格第2 種：情景烘托商品主題的拍攝風(fēng)格營造氛圍，主題感受化妝品拍攝風(fēng)格第3 種：明星代言商品的拍攝風(fēng)格品牌提升，明星效應(yīng)化妝品拍攝風(fēng)格第4 種：全方面展示商品的拍攝風(fēng)格全方面展示，關(guān)聯(lián)銷售非標(biāo)類商品：屬于個性定制化產(chǎn)品，以外觀造型為利益點箱包拍攝風(fēng)格第1 種：突出商品色彩的拍攝風(fēng)格顏色多彩箱包拍攝風(fēng)格第2 種：商品大小對比尺寸的拍攝風(fēng)格尺寸明

12、確，定位準(zhǔn)確箱包拍攝風(fēng)格第3 種：展示商品內(nèi)部結(jié)構(gòu)的拍攝風(fēng)格內(nèi)有乾坤，選我所需箱包拍攝風(fēng)格第4 種：真人秀商品的拍攝風(fēng)格你是我的“菜”，要定你！綜合類型商品：對于不符合標(biāo)類及非標(biāo)類的商品就被稱為綜合類型商品制定拍攝方案的內(nèi)容，要結(jié)合店鋪、品牌的風(fēng)格，配合運(yùn)營和設(shè)計來寫基本的拍攝腳本。選擇模特時可以從如下幾個方面來考慮：模特氣質(zhì)方面：甜美、性感、成熟、時尚、青春等；肢體語言：個性、年齡、職業(yè)；外國模特：親切感不強(qiáng)、國際范兒、讓人仰視、高貴、顯得有檔次。 在選擇模特時，要記住四要、四不要，這樣才能夠發(fā)揮所長，更好地協(xié)助商品的展示，突出商品的賣點，吸引點擊。要選擇合適的，不要隨便選擇；要看生活照，不

13、要看藝術(shù)照；要看表現(xiàn)力，不要看感覺；要看素質(zhì)，不要看漂亮。 在制定腳本時需要考慮商品細(xì)節(jié)的展現(xiàn)，拍攝細(xì)節(jié)圖時使用微距鏡頭偏多，對焦以及燈光都需要注意。商品角度展現(xiàn)遠(yuǎn)程跟進(jìn)需要注意3 點：跟攝影師（拍攝機(jī)構(gòu)）進(jìn)行有效溝通，并按照約定時間提交拍攝商品；要求攝影師（拍攝機(jī)構(gòu)）在正式拍攝前試拍以確定拍攝風(fēng)格，然后再進(jìn)行拍攝；由于不能在現(xiàn)場隨時與攝影師或模特進(jìn)行直接溝通，不能及時糾正或修補(bǔ)不符合要求的動作、角度和燈光，所以需要及時抽檢，把控好拍攝效果?，F(xiàn)場跟進(jìn)需要注意4 點：跟攝影師進(jìn)行有效溝通，并按照約定時間提交拍攝商品；在現(xiàn)場正式拍攝前，要求攝影師（拍攝機(jī)構(gòu)）試拍以確定拍攝風(fēng)格，然后再進(jìn)行拍攝；與攝

14、影師（拍攝機(jī)構(gòu)）、模特即時溝通互動，準(zhǔn)確提出要求及修改意見；現(xiàn)場及時修正不符合要求的動作、角度和燈光。填寫拍攝方案表格后期套模板表格歸類和角度基本要求拍攝清單拍攝流程張樣片比較歸檔管理圖片1.1.3 視頻應(yīng)用享拍攝視頻的技巧：（1）手臂自然彎曲、放松，手柄和DV 成90垂直。（2）拍攝時腿略彎曲，小碎步前進(jìn)、后退。（3）轉(zhuǎn)彎時以手柄為圓心轉(zhuǎn)動身體，手臂和身體同步轉(zhuǎn)動。1.2 收集素材1.2.1 確定圖片要求（1）主圖的尺寸為700px*700px 或者以上，才能實現(xiàn)放大鏡效果。（2） 直通車圖尺寸：中型圖為500px*500px ；長方形圖為210px*315px ；方塊圖為75px*75px

15、；縮略圖為100px*100px。需要注意商品、主色調(diào)、銷量、價格、品牌等方面的展示。（3）其他推廣圖片尺寸有很多，具體要看展現(xiàn)的位置而定，都是有具體尺寸規(guī)范的。1.2.2 搜索方法 找到好的素材，可以省去不少的力氣，節(jié)約很多的時間，尤其是在創(chuàng)意制作時，好素材尤為重要。下面總結(jié)一些經(jīng)驗，跟大家分享。（1）到專業(yè)的圖片素材網(wǎng)站上找。推薦幾個網(wǎng)站：素材網(wǎng)站、全景網(wǎng)、昵圖網(wǎng)、愛圖網(wǎng)、素材天下等，在這里可以下載得到高精度的精美圖片。（2）直接在百度或谷歌圖片中搜索瀏覽挑選中意的圖片點擊圖片下方的鏈接，然后就會自動鏈接到這張圖片所在的網(wǎng)站，可以比較清晰和全面地了解該圖片的信息。（3）關(guān)鍵詞尋找非常重要。

16、一定要把握住關(guān)鍵詞的準(zhǔn)確性，同時要不斷地變換關(guān)鍵詞，這樣才能找到所需要的圖片。（4）關(guān)注攝影藝術(shù)為主的網(wǎng)站。1.2.3 歸類存儲1文件夾2文件名管理對于文件名管理來說，都有一些規(guī)律及規(guī)范的方法，就如同每個人的身份證一樣。下面我們來看看對身份證號碼的解讀。（1）第1、2 位數(shù)字：表示所在省份的代碼；（2）第3、4 位數(shù)字：表示所在城市的代碼；（3）第5、6 位數(shù)字：表示所在區(qū)縣的代碼；（4）第7 14 位數(shù)字：表示出生年、月、日；（5）第15、16 位數(shù)字：表示所在地編號代碼；（6）第17 位數(shù)字：表示性別，奇數(shù)為男性，偶數(shù)為女性；（7）第18 位數(shù)字：校檢碼，校檢碼可以是0 9 的數(shù)字，有時也

17、用x 表示。提取文件屬性，按照一定的順序排列命名：關(guān)鍵字+ 日期+ 屬性+提取屬性：商家編碼、日期、顏色、尺碼、數(shù)量DS035 20130316 01 03 001 .JPGDS035 20130316 01 03 002 .JPGDS035 20130316 01 03 003 .JPG只要知道要找的圖片屬性，就能準(zhǔn)確找到目標(biāo)。3歸類整理。 圖像類型按形成圖像的方式分為兩種：位圖圖像和矢量圖像；按圖像的動靜又分為靜止圖像和動態(tài)圖像兩類。（1）位圖圖像（Bit-mapped Image），是對視覺信號量化而得到的一種數(shù)字視覺媒體。（2）矢量圖像（Vector-based Graphics），是

18、依據(jù)某個標(biāo)準(zhǔn)對圖像進(jìn)行分析，抽取實體特征，形成產(chǎn)生圖形的算法，在繪制線條、矩形、圓形等圖形元素的基礎(chǔ)上去創(chuàng)建圖像。（3）動態(tài)圖像（Moving Picture），是一組隨著時間連續(xù)變化的靜態(tài)圖像或圖形序列。淘寶店鋪裝修及商品涉及的尺寸、大小及格式如下。店標(biāo)尺寸：文件格式為GIF、JPG、JPEG、PNG，大小在80KB 以內(nèi)，建議尺寸為80px*80px。店鋪公告尺寸：320px*400px。寶貝分類尺寸：寬度168px* 高度不限。店鋪介紹尺寸：600px*450px。計數(shù)器尺寸：137px*94px。論壇簽名尺寸：468px*60px。旺旺名片/ 頭像：尺寸為120px*120px，大小在

19、100KB以內(nèi)。寶貝圖片尺寸：700px*700px 及以上的圖片可以在寶貝詳情頁主圖提供圖片放大功能。店鋪招牌尺寸：不含導(dǎo)航尺寸，950px*120px ；含導(dǎo)航尺寸，950px*150px。寶貝描述尺寸：750px* 高度不限。1.3 圖片處理1裁剪2縮放尺寸3顏色調(diào)整用曲線來調(diào)整顏色4多圖邊框?qū)τ谏唐范鄰埣?xì)節(jié)圖片呈現(xiàn)，這是一種比較方便的方法。 在菜單欄中選擇“邊框”； 在下拉菜單中選擇“多圖邊框”；點擊導(dǎo)入合適的邊框模板；可以選擇添加圖片，同一張圖片或其他圖片都可以，也可以移動位置或者刪除后再添加；注意箭頭所指的預(yù)覽框，可以改變大小來調(diào)整呈現(xiàn)的畫面，不同的預(yù)覽就是不同的細(xì)節(jié)效果；調(diào)整合適

20、后可以選擇確定或“另存為”，不合適可以選擇取消并重新操作。保存時建議選擇“另存為”，盡量不要覆蓋原圖片。5圖片拼接6批處理（1）調(diào)整尺寸設(shè)置，選中“按寬高”，鎖定比例后在寬度位置輸入700px（尺寸按淘寶主圖要求），單擊“確定”按鈕。（2）添加文字設(shè)置，在輸入框內(nèi)輸入文字內(nèi)容，可以改變字體及字號大小，可以定位文字在畫面中的位置，利用水平邊距或垂直邊距，還可以調(diào)節(jié)透明度，單擊“確定”按鈕。紅色箭頭指向的就是添加好的文字效果。（3）添加邊框設(shè)置，選擇合適的邊框并點擊，單擊“確定”按鈕。紅色箭頭指向的就是添加好的邊框效果。（4）添加水印設(shè)置，選擇水印圖片（必須是PNG 格式的），然后可以分別調(diào)節(jié)透明

21、度、旋轉(zhuǎn)角度、水印大小，定位可以設(shè)置用9 方位選擇或平鋪效果，單擊“確定”按鈕。紅色箭頭指向的就是添加好的水印效果。1.4 發(fā)布上傳1.4.1 圖片切片流程切片前后對比切片工具第一種切片方法：（1）打開一張需要切片的素材圖片，并選擇切片工具（2）在圖片上單擊鼠標(biāo)右鍵，選擇“劃分切片”（3）根據(jù)圖片布局，設(shè)置劃分的行列數(shù)或像素值（4）圖中切片編號02、03 是一個整體，需要組合成一個切片（5）選擇“切片選擇工具”，或者按快捷鍵“Shift+C”切換到切片選擇工具，按住Shift鍵選中切片02 和03，（6）使用切片選擇工具選中切片02 和03 后，單擊鼠標(biāo)右鍵，選擇“組合切片”，切片02、03 組合完成，（7）切片劃分好后，有數(shù)字編號的藍(lán)色方框為一個切片，導(dǎo)出后成為一個個獨立的圖片文件（8）切片完成后，將切片文件存儲為Web 所用格式。步驟：選擇“文件”“存儲為Web 所用格式”。快捷鍵：Alt+Shift+Ctrl+S（9