Photoshop CC網(wǎng)店美工全能一本通課件

項(xiàng)目簡介：在進(jìn)入裝修環(huán)節(jié)前，還需要將Photoshop設(shè)計(jì)后的頁面進(jìn)行切片與上傳的處理，因此圖片的切片與上傳是連接網(wǎng)店設(shè)計(jì)與裝修的重要橋梁。本章針對圖片的切片上傳等基礎(chǔ)知識進(jìn)行系統(tǒng)講解，并針對前幾章制作完成的店鋪首頁進(jìn)行圖片的切片與上傳演練。通過本章的學(xué)習(xí)，讀者可以對圖片的切片與上傳有一個系統(tǒng)的認(rèn)識，并快速掌握圖片切片與上傳的技巧和方法，幫助網(wǎng)店美工更好地完成圖片的切片與上傳。第8章圖片的切片與上傳課堂學(xué)習(xí)目標(biāo)了解圖片切片的概念熟悉圖片切片的要點(diǎn)了解素材中心的概述掌握素材中心的功能了解素材中心的管理8.1圖片切片圖片切片的概念圖片切片的要點(diǎn)家具產(chǎn)品首頁圖片切片

8.1.1圖片切片的概念切片是進(jìn)行網(wǎng)店裝修前必不可缺的環(huán)節(jié)，它是指將一張大的圖片切開，分割成多個可以獨(dú)立展示的小圖。進(jìn)行切片時，主要使用的是Photoshop的切片工具

。

8.1.2圖片切片的要點(diǎn)在使用Photoshop進(jìn)行切片時，為了使切片合理、規(guī)范，需要掌握以下切片的要點(diǎn)。（1）依靠參考線在Photoshop軟件的標(biāo)尺上拖動鼠標(biāo)，可以為圖片創(chuàng)建切片時的參考線，根據(jù)參考線進(jìn)行切片會更加精確。（2）切片位置切片時，盡量不要將一個完整的區(qū)域切開。應(yīng)根據(jù)商品和文字切割出完整圖片，以免因網(wǎng)速等問題造成圖片不能完整展現(xiàn)，影響消費(fèi)者的瀏覽體驗(yàn)。

8.1.3家具產(chǎn)品首頁圖片切片下面為家具產(chǎn)品首頁圖片切片的方法，在處理過程中，我們運(yùn)用切片工具為家具產(chǎn)品首頁圖片做了尺寸裁剪，使其方便圖片上傳，并為后續(xù)的店鋪裝修奠定基礎(chǔ)。8.2圖片上傳素材中心的概述素材中心的功能素材中心的管理家具產(chǎn)品首頁圖片上傳

8.2.1素材中心的概述素材中心包含了裝修店鋪的所有素材，同時還有各種風(fēng)格的模塊樣式，極大程度地提升了網(wǎng)店美工裝修店鋪的工作效率。下面對素材中心的概述進(jìn)行詳細(xì)地講解。

1.素材中心的概念素材中心是淘寶商家的線上儲存空間，可以儲存與店鋪裝修相關(guān)的圖片、視頻、音樂和動圖等素材。網(wǎng)店美工通常先將相關(guān)素材上傳到素材中心，裝修店鋪時再調(diào)取使用。素材中心可以通過登錄淘寶網(wǎng)，進(jìn)入千牛賣家中心，然后單擊頁面左側(cè)導(dǎo)航欄“商品”，進(jìn)入商品頁面，再單擊該頁面左側(cè)二級導(dǎo)航欄“商品管理”下方的“圖片空間”進(jìn)入。另外還可以通過登錄淘寶網(wǎng)，單擊“賣家中心”，以打開千牛賣家的方式進(jìn)入素材中心或直接輸入網(wǎng)址“”進(jìn)入。8.2.1素材中心的概述

2.素材中心的容量素材中心的容量并不是無限使用。目前，淘寶平臺根據(jù)店鋪的等級高低給予商家不同大小的免費(fèi)容量。鉆石及以下的商家免費(fèi)容量為1GB，皇冠級商家為4GB,紅冠級商家為30GB。同時如果素材中心給予的免費(fèi)容量不夠用，商家也可以通過在淘寶服務(wù)市場付費(fèi)購買的方式來擴(kuò)大素材中心的容量。8.2.1素材中心的概述

3.素材中心的優(yōu)勢素材中心在店鋪裝修過程中具有獨(dú)特的優(yōu)勢，具體表現(xiàn)為安全穩(wěn)定、管理方便和瀏覽快速這三個方面?！ぐ踩€(wěn)定。素材中心由淘寶官方直接研發(fā)，采用CDN存儲，令存儲的數(shù)據(jù)更加穩(wěn)定和安全?！す芾矸奖恪Ｋ夭闹行目梢詫ι蟼鞯乃夭倪M(jìn)行分類從而使圖片更好地展現(xiàn)，方便商家查找與管理。此外，即使服務(wù)器過期，也不影響使用，這樣不僅能節(jié)約時間，還能避免再次上傳圖片的麻煩?！g覽快速。在素材中心瀏覽圖片，就如同平時使用電腦查看桌面文件一樣方便。與此同時，店鋪裝修時應(yīng)用素材中心中的圖片可以加快頁面打開的速度，這樣可以提高消費(fèi)者的瀏覽量，促進(jìn)轉(zhuǎn)化率。8.2.1素材中心的概述

8.2.2素材中心的功能圖片、視頻、音頻和動圖等素材在素材中心的功能與工作操作基本一樣，這里以圖片為例分別講解素材中心中的上傳、替換、刪除與還原、復(fù)制與移動等功能。1.上傳進(jìn)入素材中心頁面，單擊右上角的

“上傳”按鈕，打開“上傳圖片”對話框，如圖8-15所示。由“上傳圖片”對話框可知，上傳圖片可以通過拖曳上傳和點(diǎn)擊上傳兩種方式進(jìn)行。

2.替換圖片上傳至素材中心后，在圖片列表中選中需要替換的圖片單擊“替換”按鈕，打開“打開”窗口。在“打開”窗口中選擇需要的圖片，單擊“打開”按鈕之后會彈出替換前后圖片的縮略圖對話框，單擊“確定”

沒機(jī)會按鈕即可完成替換。

8.2.2素材中心的功能

3.刪除與還原在素材中心的圖片列表中選中需要刪除的圖片，單擊“刪除”按鈕，會彈出是否確認(rèn)刪除的對話框，單擊“確定”按鈕即可完成刪除；或鼠標(biāo)移動到需要刪除的圖片，在彈出的按鈕中，選擇“刪除”按鈕進(jìn)行刪除。刪除的圖片會被放入圖片回收站，在圖片回收站內(nèi)可對圖片進(jìn)行徹底刪除和還原操作，如果7天內(nèi)未對圖片進(jìn)行還原操作，則會被徹底刪除。8.2.2素材中心的功能

4.復(fù)制與移動將需要的圖片上傳到素材中心后，網(wǎng)店美工往往還需要復(fù)制和移動圖片到對應(yīng)文件夾中，進(jìn)行圖片整理。這樣在后期裝修時，網(wǎng)店美工可以便捷地選擇圖片進(jìn)行嵌入，提高裝修工作的效率。（1）復(fù)制在素材中心的圖片列表中選中需要復(fù)制的圖片，單擊“復(fù)制”按鈕，在彈出的二級下拉菜單中單擊相應(yīng)按鈕即可完成相關(guān)復(fù)制；或鼠標(biāo)移動到需要復(fù)制的圖片上方，在彈出的按鈕中選擇“復(fù)制圖片”按鈕、“復(fù)制鏈接”按鈕、“復(fù)制代碼”

按鈕進(jìn)行相關(guān)復(fù)制。8.2.2素材中心的功能

（2）移動在素材中心的圖片列表中選中需要移動的圖片，單擊“更多”按鈕，在彈出的下拉菜單中單擊“移動到”選項(xiàng)，彈出“移動到”的對話框。選擇圖片需要移動到的文件夾，單擊“確定”

按鈕即可完成移動。8.2.2素材中心的功能

8.2.3素材中心的管理在素材中心中，圖片的排列方式會按照先文件夾后圖片進(jìn)行，這樣的排序方式會導(dǎo)致整體圖片展示顯得比較散亂，不利于網(wǎng)店美工快速找到需要的圖片，從而降低工作效率。因此需要對素材中心的圖片進(jìn)行管理，使其按照一定的規(guī)律排列，便于網(wǎng)店美工工作，下面分別講解圖片顯示方式和圖片的授權(quán)等內(nèi)容。

1.圖片顯示方式素材中心有兩種圖片顯示方式，一種是圖標(biāo)式，另一種是橫向列表式。兩種顯示方式各有優(yōu)勢。圖標(biāo)式顯示較大，同時更加直觀，常在制作店鋪模板時使用。其使用方法為：在素材中心頁面，單擊左上角的按鈕，即可切換成圖標(biāo)式顯示方式，如圖8-22所示。橫向列表式能夠顯示圖片的類型、尺寸和大小等詳細(xì)信息，常在刪除圖片或移動圖片時使用。其使用方法為：在素材中心頁面，單擊左上角的按鈕，即可切換成圖標(biāo)式顯示方式。8.2.3素材中心的管理

2.圖片的授權(quán)素材中心里的圖片，默認(rèn)只能由當(dāng)前店鋪使用。但如果有商家同時經(jīng)營了多個店鋪，需要在不同的店鋪模塊都使用相同的圖片，那么將圖片重復(fù)性地上傳到各個店鋪的素材中心再進(jìn)行裝修就會很耽誤時間，這時可以使用素材中心的“授權(quán)店鋪管理”功能來將圖片分享給其他店鋪。8.2.3素材中心的管理

8.2.4家具產(chǎn)品首頁圖片上傳下面為家具產(chǎn)品首頁圖片上傳的方法，在處理過程中，我們運(yùn)用上傳按鈕，在千牛賣家中心的圖片空間上傳圖片，以便在進(jìn)行店鋪裝修時直接調(diào)取使用，其具體操作步驟如下。（1）登錄淘寶成功之后，單擊“千牛賣家中心”按鈕。

（2）進(jìn)入“千牛”界面，單擊“商品”選項(xiàng)卡，在“商品管理”的列表中單擊“圖片空間”選項(xiàng)，跳轉(zhuǎn)到新的網(wǎng)頁界面。8.2.4家具產(chǎn)品首頁圖片上傳

（3）雙擊“店鋪裝修”文件夾，單擊右上角的“上傳”按鈕，打開“上傳圖片”對話框。點(diǎn)擊上傳，彈出“打開”對話框，選擇需要上傳的文件。8.2.4家具產(chǎn)品首頁圖片上傳

（4）單擊“打開”按鈕，將圖片上傳到圖片空間中。單擊“確定”按鈕。家