電商視覺營銷手冊：網店美工設計與短視頻製作（全視頻微課版）

目錄

第1章　網店配色及商品圖像採集 001

1.1　網店配色基礎 002

1.1.1　色彩原理 002

1.1.2　網頁安全色 004

1.1.3　網店色彩分類 005

1.1.4　網店頁面色彩搭配 007

1.1.5　網店圖像配色 018

1.2　商品色調風格調整 018

1.2.1　商品顏色的調整 019

課堂案例　更換商品的顏色 019

1.2.2　商品亮度的調整 020

課堂案例　輓救曝光不足的商品圖片 020

1.3　通過拍攝採集商品圖片 022

1.3.1　相機的基本功能 022

1.3.2　靜態商品採集技巧 027

1.3.3　基本構圖與商品擺放 031

————

第2章　網店商品圖片校正與編輯 035

2.1　商品圖片校正 036

2.1.1　圖片外觀校正 036

課堂案例　橫幅與直幅之間的轉換 036

課堂案例　校正傾斜圖片 037

課堂案例　校正拍攝時產生的暈影 039

2.1.2　多張圖片校正 040

課堂案例　將多個商品照片裁成統一大小 040

2.2　商品圖片的編輯 043

2.2.1　修復商品圖片中的瑕疵 043

課堂案例　刪除照片中的日期 043

課堂案例　去掉照片中多餘物品 045

課堂案例　修復照片中的污漬 047

課堂案例　對模特面部進行磨皮美容 048

2.2.2　為圖片添加版權保護 050

課堂案例　為圖像添加畫筆水印 052

課堂案例　定義圖案後填充水印 054

2.2.3　為圖片添加文字 056

課堂案例　為商品圖像添加趣味對話 057

————

第3章　為網拍商品圖片替換背景 061

3.1　選區摳圖替換背景 062

3.1.1　規則幾何形選區摳圖 062

課堂案例　矩形選區摳圖換背景 062

3.1.2　不規則選區替換背景 064

課堂案例　多邊形套索工具結合磁性套索工具摳圖 065

3.1.3　智能選區替換背景 067

課堂案例　快速摳圖換背景 068

3.2　與選區結合的摳圖方式 070

3.2.1　路徑摳圖替換背景 070

課堂案例　使用鋼筆工具摳圖換背景 072

3.2.2　通道摳圖替換背景 075

課堂案例　使用通道摳圖換背景 076

3.2.3　綜合摳圖替換背景 078

課堂案例　發絲摳圖 079

————

第4章　網店視覺引流的設計方法 082

4.1　店鋪外部視覺設計 082

4.1.1　店標設計與製作 082

課堂案例　店標的製作過程 084

4.1.2　直通車圖片的設計與製作 088

課堂案例　直通車圖片製作 091

4.1.3　鑽展圖設計與製作 095

課堂案例　鑽展圖的主圖設計與製作 095

課堂案例　鑽展圖右側小圖的設計與製作 098

4.2　店鋪內部視覺設計 099

4.2.1　店招設計與製作 099

課堂案例　全屏店招的設計與製作 100

課堂案例　標準店招的製作 103

4.2.2　首屏廣告圖或輪播圖設計與製作 104

課堂案例　全屏廣告圖的設計與製作 104

4.2.3　自定義區域圖像設計 109

————

第5章　網店詳情頁設計 111

5.1　設計詳情頁的重要性 111

5.1.1　輔助商品引流 112

5.1.2　詳細講解商品 112

5.1.3　促成交易 112

5.2　詳情頁的設計與製作 113

5.2.1　詳情頁的設計思路 113

5.2.2　詳情頁的佈局 114

5.2.3　詳情頁的框架 114

5.2.4　詳情頁的製作 115

課堂案例　商品廣告區設計 115

課堂案例　商品色彩展示區設計 118

課堂案例　商品細節展示區設計 121

課堂案例　特點說明區設計 123

課堂案例　商品說明區設計 124

課堂案例　購物須知區設計 126

課堂案例　描述區設計 127

課堂案例　合成詳情頁 128

————

第6章　後台圖片空間的運用 132

6.1　進入“圖片空間” 133

6.2　編輯“圖片空間” 134

6.2.1　新建文件夾管理圖片 134

6.2.2　刪除文件夾 136

6.2.3　上傳優化的圖片 138

6.2.4　圖片搬家 140

6.2.5　恢復刪除的圖片 141

6.2.6　全選圖片 143

6.2.7　編輯圖片 144

6.2.8　設置水印 146

6.3　復制和粘貼圖片鏈接 148

6.3.1　復制圖片鏈接 148

6.3.2　將鏈接粘貼到代碼區 149

————

第7章　移動端視覺設計 151

7.1　手機淘寶店鋪設計原理 151

7.1.1　手機端與電腦端的區別 151

7.1.2　手機端店鋪設計要點 152

7.2　手機淘寶店鋪視覺設計 153

7.2.1　手機淘寶後台設置 153

7.2.2　手機淘寶容器設置 154

課堂案例　插入輪播圖海報 155

課堂案例　插入單圖海報 160

課堂案例　添加猜你喜歡功能 164

課堂案例　添加店鋪熱搜功能 165

課堂案例　插入文字標題 166

課堂案例　插入多熱區切圖 167

課堂案例　插入淘寶群聊入口模塊 173

課堂案例　插入人群海報 175

7.2.3　手機淘寶模塊設置 187

————

第8章　電商短視頻製作 189

8.1　剪映視頻編輯基礎 189

8.1.1　調整位置大小 189

8.1.2　多層混合與畫質調整 191

8.1.3　智能美顏與美體 192

8.1.4　分割與刪除視頻素材 194

8.2　視頻摳像 195

8.2.1　色度摳圖 195

8.2.2　自定義摳像 196

8.2.3　智能摳像 198

8.3　視頻蒙版 198

8.3.1　線性蒙版 199

8.3.2　鏡面蒙版 200

8.3.3　形狀蒙版 201

8.4　變速調節 203

8.4.1　常規變速 203

8.4.2　曲線變速 203

8.5　色彩調整 205

8.5.1　基礎調整 205

8.5.2　HSL調整 205

8.5.3　曲線調整 206

8.5.4　色輪調整 207

8.6　插入聲音及數字人 207

8.6.1　插入音樂 207

8.6.2　插入朗讀 208

8.6.3　插入數字人 210

8.7　網店視頻製作 212

8.7.1　網店視頻的製作規格 212

8.7.2　網店視頻設計與製作 212