新媒體電商美工設計與廣告製作（微視頻版）

《新媒體電商美工設計與廣告製作（微視頻版）》採用理論與實踐相結合的方式，講解瞭如何利用Photoshop軟件進行新媒體美工設計與製作，主要內容包括認識新媒體電商美工、掌握電商美工設計工具——Photoshop、商品圖片美化與調色、圖像摳圖與作品合成、商品圖像特效與批處理、靈活運用文字、網頁切片與輸出、信息平臺界面製作、音視頻平臺界面製作以及H5手機網頁界面設計。 《新媒體電商美工設計與廣告製作（微視頻版）》結構清晰，適合新媒體廣告設計初學者、內容創作者、新媒體從業者等學習使用，同時也可以作為各類電腦培訓機構、大中專、高等院校等新媒體設計類課程的教材。

目 錄

第1章 認識新媒體電商美工 1

1.1　認識新媒體美工 2

1.1.1 什麽是新媒體電商美工 2

1.1.2 新媒體美工的技能要求 3

1.1.3 新媒體平臺分類 3

1.2 電商美工應掌握的基礎知識 5

1.2.1 網店各類模塊的圖片規格 5

1.2.2 各類素材的獲取渠道 7

1.3 新媒體美工設計流程 8

1.3.1 明確設計目的 9

1.3.2 搜集素材 9

1.3.3 整合與處理素材 10

1.4 運用色彩讓作品更具魅力 11

1.4.1 色彩的三要素 11

1.4.2 色彩搭配的原理 13

1.4.3 色彩的使用要點 14

1.5　運用文字的魅力 16

1.5.1　文字要易於識別 16

1.5.2　文字的層次感要強 17

1.5.3　文字的色彩要突出 17

1.6　版式構圖與佈局 18

1.6.1　認識三大基本構圖要素 18

1.6.2　常見的構圖方式 20

1.6.3　新媒體界面的佈局原則 23

1.7　精彩作品案例分析與實戰 24

1.7.1 “雙十一”電商Banner素材的搜集與整合 24

1.7.2 元宵節海報素材的搜集與整合 25

1.7.3 公眾號封面首圖素材的搜集與整合 26

1.8　思考與練習 27

第2章 掌握電商美工設計工具——Photoshop 29

2.1 Photoshop基礎操作 30

2.1.1 新建與保存圖像文件 30

2.1.2 在文檔中置入圖片 31

2.1.3　實戰——使用縮放工具放大與縮小圖像 32

2.1.4　實戰——使用抓手工具平移圖像 33

2.2 圖像的尺寸和方向 34

2.2.1 調整圖片的尺寸和分辨率 34

2.2.2　改變圖片畫布大小 35

2.2.3　裁剪圖片 36

2.2.4　旋轉畫布角度 37

2.2.5　實戰——校正產品圖片透視 37

2.2.6　實戰——裁切多餘的像素 39

2.3 認識與應用圖層 40

2.3.1　認識圖層及原理 40

2.3.2　新建與選擇圖層 41

2.3.3　復制與刪除圖層 42

2.3.4　實戰——調整圖層順序與合並 43

2.3.5　實戰——移動與對齊圖層 44

2.3.6　實戰——分佈圖層 45

2.4　創建與使用選區 46

2.4.1　什麽是選區 46

2.4.2　選區的基本操作 46

2.4.3　實戰——矩形和橢圓形選區 49

2.4.4　實戰——使用套索工具製作任意選區 50

2.4.5　實戰——使用選區描邊功能 52

2.5　變換圖像 53

2.5.1　縮放與旋轉圖像 54

2.5.2　扭曲與斜切圖像 55

2.5.3　實戰——使用自由變換填充背景 56

2.5.4　實戰——保留主體並調整圖像比例 58

2.6　色彩與顏色的應用 58

2.6.1　前景色和背景色 59

2.6.2　在拾色器中選取顏色 59

2.6.3　使用Web安全色 60

2.6.4　實戰——用吸管工具拾取顏色 61

2.7　實戰案例與應用 62

2.7.1 製作網店促銷廣告 62

2.7.2 製作公眾號求關註界面 64

2.8　思考與練習 67

第3章 商品圖片美化與調色 69

3.1 使用畫筆和橡皮擦工具 70

3.1.1 畫筆工具 70

3.1.2 橡皮擦工具 71

3.1.3　實戰——使用畫筆和橡皮擦工具製作打折海報 72

3.2 修復圖像瑕疵 74

3.2.1 仿製圖章和圖案圖章 74

3.2.2　修復畫筆工具 76

3.2.3　修補工具 77

3.2.4　實戰——去除水印 79

3.3　圖像修飾與清晰度處理 80

3.3.1　減淡和加深工具 80

3.3.2　海綿和塗抹工具 82

3.3.3　顏色替換工具 83

3.3.4　液化濾鏡 83

3.3.5　模糊工具 85

3.3.6 實戰——更改商品顏色 86

3.3.7 實戰——為模特瘦臉瘦身 87

3.4　自動校正圖像顏色 88

3.4.1 自動色調 88

3.4.2 自動對比度 88

3.4.3 自動顏色 89

3.5　調整圖像明暗度 90

3.5.1　亮度和對比度 90

3.5.2　曝光度 91

3.5.3　陰影和高光 91

3.5.4 實戰——使用【色相/飽和度】命令改變商品顏色 92

3.6　調整圖像色彩 93

3.6.1　色彩平衡 94

3.6.2　通道混合器 94

3.6.3　色調分離 96

3.6.4 實戰——使用【去色】命令製作商品詳情頁 97

3.7　實戰案例與應用 98

3.7.1 製作萌寵海報 99

3.7.2 製作雜志內頁 102

3.8　思考與練習 105

第4章 圖像摳圖與作品合成 107

4.1 非幾何形對象選擇工具 108

4.1.1 套索工具 108

4.1.2 多邊形套索工具 108

4.1.3　實戰——製作降價海報 109

4.2 智能摳圖工具 111

4.2.1 磁性套索 111

4.2.2　魔棒工具 112

4.2.3 快速選擇工具 113

4.2.4 實戰——製作網店Banner廣告 115

4.3　編輯選區 117

4.3.1 全選、反選與移動選區 117

4.3.2　變換選區 118

4.3.3 擴展選區 119

4.3.4 平滑選區 120

4.3.5 存儲與載入選區 120

4.3.6 實戰——製作不規則形狀的底色海報 122

4.4　鋼筆工具摳圖 123

4.4.1 使用鋼筆工具繪制路徑 123

4.4.2 編輯路徑與轉換為選區 125

4.4.3 自由鋼筆工具和磁性鋼筆工具 129

4.4.4 實戰——製作輔導班海報 130

4.5 蒙版和通道工具摳圖 132

4.5.1 蒙版分類及工作方式 132

4.5.2　通道概述及工作方式 133

4.5.3 實戰——製作漸變文字海報 135

4.6 實戰案例與應用 136

4.6.1 為商品主體圖像調色 137

4.6.2 製作紅酒商品圖 138

4.6.3 製作美發廣告 140

4.7 思考與練習 142

第5章 商品圖像特效與批處理 143

5.1 使用濾鏡處理圖像 144

5.1.1　認識濾鏡 144

5.1.2 實戰——製作塗鴉效果海報 145

5.1.3 實戰——製作拼貼畫效果

詳情頁 146

5.2 製作商品動態圖 147

5.2.1 時間軸面板 147

5.2.2 實戰——製作動態商品展示圖 148

5.2.3 實戰——製作蝴蝶飛舞動畫 152

5.3　自動處理商品圖片 153

5.3.1 認識動作面板 154

5.3.2 記錄與使用動作 154

5.3.3 實戰——製作不同飽和度圖像動畫 156

5.4 實戰案例與應用 158

5.4.1 批量添加水印 159

5.4.2 批量調色商品圖片 161

5.5 思考與練習 163

第6章 靈活運用文字 165

6.1 認識與使用文字工具 166

6.1.1　創建點文字 166

6.1.2 創建段落文字 167

6.1.3　字符面板和段落面板 168

6.1.4 實戰——製作變形文字海報 170

6.2 使用圖層樣式製作文字特效 173

6.2.1 認識圖層樣式 173

6.2.2 實戰——製作網店公告 175

6.2.3 實戰——製作粉色調商品主圖 177

6.3 實戰案例與應用 180

6.3.1 製作運動風通欄廣告 180

6.3.2 製作奶牛斑點字海報 183

6.4 思考與練習 186

第7章 網頁切片與輸出 187

7.1 製作店面切片 188

7.1.1　認識切片與切片工具 188

7.1.2 製作切片的基本操作 188

7.1.3 實戰——基於參考線劃分網頁 190

7.2 輸出網頁切片 192

7.2.1 預設輸出網頁 192

7.2.2　選擇存儲格式 193

7.3 實戰案例與應用 194

7.3.1 使用切片工具進行網頁切片 194

7.3.2 基於參考線劃分網頁並導出圖像 196

7.4 思考與練習 197

第8章 信息平臺界面製作 199

8.1 微信小程序界面設計 200

8.1.1 製作矩形搜索框 200

8.1.2 製作功能菜單與首頁廣告 202

8.1.3 製作導航欄 204

8.2 微博主圖設計 205

8.2.1 製作平板電腦主圖 205

8.2.2 製作微博主圖界面效果 207

8.3 今日頭條廣告製作 208

8.3.1 製作廣告背景 208

8.3.2 製作今日頭條界面效果 210

第9章 音視頻平臺界面製作 213

9.1 抖音頂部背景圖片製作 214

9.1.1 製作背景 214

9.1.2 製作文字 215

9.1.3 將圖片設置為抖音背景 217

9.2 喜馬拉雅焦點宣傳圖製作 218

9.2.1 製作背景 218

9.2.2 製作文字 220

第10章  H5手機網頁界面設計 223

10.1 H5的基礎知識 224

10.1.1 什麽是H5 224

10.1.2 H5的類型和設計原則 224

10.1.3　H5界面設計要點 227

10.2 企業招聘H5頁面設計 228

10.2.1 運用漸變合成背景 228

10.2.2 製作六邊形框架與文字效果 231

10.2.3 製作招聘信息 232