本教材主要教學(xué)目標(biāo)是讓學(xué)生能夠達(dá)到美工助理設(shè)計(jì)這個(gè)層級。這個(gè)級別中的設(shè)計(jì)師基本屬于行業(yè)新手，尚處于"學(xué)徒”階段，設(shè)計(jì)經(jīng)驗(yàn)基本在半年左右，能基本掌握 PS 一般技能，獨(dú)立完成網(wǎng)店頁面設(shè)計(jì)和商品展示設(shè)計(jì)；獨(dú)立完成店鋪產(chǎn)品的描述頁面設(shè)計(jì)制作及商品的上下架；以及配合運(yùn)營崗位完成日常店鋪維護(hù)和活動期間的調(diào)整。本教材理論體系以任務(wù)驅(qū)動為核心，突出視覺設(shè)計(jì)技能訓(xùn)練，每一個(gè)項(xiàng)目都做到理論和實(shí)踐相結(jié)合，操作性和指導(dǎo)性突出。結(jié)合淘寶美工助理崗位技能的實(shí)際情況，增強(qiáng)學(xué)生學(xué)習(xí)興趣，提高教學(xué)效果，經(jīng)過企業(yè)調(diào)研和專家分析，本教材選取典型的初創(chuàng)店鋪搭建工作為主線；接著依據(jù)初學(xué)者現(xiàn)有的電子商務(wù)專業(yè)理論知識，從電商平臺主營類目的典型性、學(xué)生的興趣點(diǎn)以及課堂教學(xué)的可操作性等方面進(jìn)行項(xiàng)目的可行性分析，選擇出3個(gè)大任務(wù)轉(zhuǎn)化為教學(xué)項(xiàng)目，分別作為本教材任務(wù)內(nèi)容：電商圖片處理基礎(chǔ)、營銷圖片設(shè)計(jì)技巧與規(guī)范、海報(bào)設(shè)計(jì)技巧與規(guī)范的教學(xué)載體；結(jié)合淘寶店鋪美工助理崗位技能的鞏固要求，設(shè)計(jì)了"大促頁面和主推產(chǎn)品詳情頁設(shè)計(jì)”綜合任務(wù)。最后任務(wù)的安排從"教師帶著做”到 "學(xué)生嘗試獨(dú)立完成”到"學(xué)生獨(dú)立完成”再到考核。任務(wù)載體的設(shè)計(jì)遵循職業(yè)教育課程教學(xué)設(shè)計(jì)的"6+2原則”，每個(gè)任務(wù)根據(jù)完成任務(wù)的需要設(shè)置了覆蓋知識、技能和素養(yǎng)目標(biāo)、符合教學(xué)內(nèi)容遞進(jìn)關(guān)系的子任務(wù)，使教學(xué)切實(shí)可行。
朱楚芝，講師，一直致力于管理經(jīng)濟(jì)等領(lǐng)域研究，積極投身于10余項(xiàng)省部級、市廳級、校級普通和重點(diǎn)教學(xué)改革和縱向課題研究，從2016年開始從事產(chǎn)品拍攝與圖片處理、跨境圖文編輯、視覺營銷設(shè)計(jì)工作室等課程教學(xué)工作，完成發(fā)表電商、跨境電商視覺設(shè)計(jì)、人才培養(yǎng)等研究內(nèi)容的論文10余篇。
第一部分 電商圖片處理基礎(chǔ)知識
項(xiàng)目1 電商圖片處理基礎(chǔ)應(yīng)用
...............2
項(xiàng)目導(dǎo)圖
...................................................2
項(xiàng)目情境
...................................................2
任務(wù)1 圖像尺寸和方向
.........................2
任務(wù)情境
...................................................2
1. 圖像大小
......................................................4
2. 畫布大小
......................................................6
3. 裁剪工具
......................................................7
4. 透視裁剪工具
..............................................8
任務(wù)2 圖像變換與變形
.........................9
任務(wù)情境
...................................................9
1.自由變換
.....................................................12
2. 內(nèi)容識別縮放
............................................15
3. 操控變形
....................................................15
4.自動對齊圖層
.............................................16
5.自動混合圖層
.............................................17
任務(wù)3 常用輔助工具
...........................19
任務(wù)情境
................................................19
1. 標(biāo)尺工具
....................................................19
2. 參考線
........................................................20
3. 縮放工具
....................................................20
4. 抓手工具
....................................................21
素養(yǎng)園地
.................................................21
同步實(shí)訓(xùn)
.................................................22
同步測試
.................................................22
項(xiàng)目2 電商圖片的選區(qū)編輯與填色
......23
項(xiàng)目導(dǎo)圖
.................................................23
項(xiàng)目情境
.................................................23
任務(wù)1 創(chuàng)建選區(qū)
...................................23
任務(wù)情境
.................................................23
1. 矩形選框工具
............................................24
2. 橢圓選框工具
............................................26
3. 單行或單列選框工具
................................29
4. 套索工具
....................................................30
5. 多邊形套索工具
........................................30
任務(wù)2 選取顏色
...................................31
任務(wù)情境
.................................................31
1. 吸管工具
....................................................31
2. 拾色器
........................................................31
3. 色板面板
....................................................32
4. 顏色面板
....................................................33
任務(wù)3 選區(qū)填充
...................................33
任務(wù)情境
.................................................33
1. 普通顏色填充和內(nèi)容識別填充
................33
2. 油漆桶工具填充
........................................34
3. 定義圖案填充
............................................36
4. 漸變工具填充
............................................37
任務(wù)4 選區(qū)編輯
...................................39
任務(wù)情境
.................................................39
1. 變換選區(qū)
....................................................39
2. 調(diào)整邊緣
....................................................40
3. 邊界選區(qū)
....................................................42
4. 平滑選區(qū)
....................................................42
5. 擴(kuò)展選區(qū)
....................................................43
6. 收縮選區(qū)
....................................................43
7. 羽化選區(qū)
....................................................44
8. 擴(kuò)大選取
....................................................45
9. 選取相似
....................................................45
素養(yǎng)園地
.................................................46
項(xiàng)目實(shí)訓(xùn)
.................................................46
同步測試
.................................................46
項(xiàng)目3 電商營銷圖片的修飾
................48
項(xiàng)目導(dǎo)圖
.................................................48
項(xiàng)目情境
.................................................48
任務(wù)1 營銷圖片修復(fù)
...........................48
任務(wù)情境
.................................................48
1. 仿制圖章工具
............................................48
2. 圖案圖章工具
............................................50
3. 污點(diǎn)修復(fù)畫筆工具
....................................50
4. 修復(fù)畫筆工具
............................................52
5. 修補(bǔ)工具
....................................................53
6. 紅眼工具
....................................................55
任務(wù)2 營銷圖片修飾
...........................56
任務(wù)情境
.................................................56
1. 模糊工具和銳化工具
................................56
2. 涂抹工具
....................................................56
3. 減淡工具和加深工具
................................57
4. 海綿工具
....................................................58
素養(yǎng)園地
.................................................58
同步實(shí)訓(xùn)
.................................................59
同步測試
.................................................59
項(xiàng)目4 電商營銷圖片的調(diào)色
................60
項(xiàng)目導(dǎo)圖
.................................................60
項(xiàng)目情境
.................................................60
任務(wù)1 營銷圖片調(diào)色準(zhǔn)備
...................60
任務(wù)情境
.................................................60
1. RGB與CMYK 顏色模式
..........................61
2. Lab顏色模式
..............................................63
3. HSB顏色模式
............................................63
任務(wù)2 營銷圖片自動調(diào)色
...................64
任務(wù)情境
.................................................64
1. “自動色調(diào)”命令
....................................64
2. “自動對比度”命令
................................65
3. “自動顏色”命令
....................................65
任務(wù)3 營銷圖片明暗調(diào)整
...................66
任務(wù)情境
.................................................66
1. “亮度/對比度”命令
...............................66
2. “色階”命令
............................................66
3. “曲線”命令
............................................68
任務(wù)4 營銷圖片色彩調(diào)整
...................71
任務(wù)情境
.................................................71
1. “色彩平衡”命令
....................................71
2. “色相/飽和度”命令
...............................74
3. “去色”命令
............................................75
4. “匹配顏色”命令
....................................76
5. “替換顏色”命令
....................................76
素養(yǎng)園地
.................................................78
項(xiàng)目實(shí)訓(xùn)
.................................................78
同步測試
.................................................78
項(xiàng)目5 電商營銷圖片主體的選取
.........79
項(xiàng)目導(dǎo)圖
.................................................79
項(xiàng)目情境
.................................................79
任務(wù)1 顏色差異摳圖
...........................79
任務(wù)情境
.................................................79
1. 快速選擇工具
............................................80
2. 魔棒工具
....................................................82
3. 磁性套索工具
............................................83
4. 魔術(shù)橡皮擦工具
........................................85
5. 背景橡皮擦工具
........................................87
6. 色彩范圍
....................................................88
任務(wù)2 鋼筆工具精確摳圖
...................92
任務(wù)情境...................92
.................................................92
1. 相關(guān)概念
....................................................92
2. 繪制路徑
....................................................93
3. 編輯路徑
.....
4. Alpha通道
................................................105
5. 應(yīng)用圖像
..................................................106
6. 專色通道
..................................................107
7. 通道與選區(qū)
..............................................108
任務(wù)4 混合模式摳圖
.........................111
任務(wù)情境
...............................................111
1. 白色背景摳圖
..........................................112
2. 純黑色背景摳圖
......................................114
3. 相同色背景摳圖
......................................115
素養(yǎng)園地
...............................................116
項(xiàng)目實(shí)訓(xùn)
...............................................116
同步測試
...............................................116
第三部分 電商平臺營銷圖片設(shè)計(jì)技巧
項(xiàng)目6 文字工具制作營銷圖片
...........118
項(xiàng)目導(dǎo)圖
...............................................118
項(xiàng)目情境
...............................................118
任務(wù)1 文字工具
.................................118
任務(wù)情境
...............................................118
1. 文字工具
..................................................119
2. 點(diǎn)文本
......................................................122
3. 段落文本
..................................................124
4. 路徑文字
..................................................126
5. 區(qū)域文字
..................................................126
6. 變形文字
..................................................127
7. 文字蒙版
..................................................130
8. 字形
..........................................................132
任務(wù)2 文字屬性
.................................132
任務(wù)情境
...............................................132
1. 字符選項(xiàng)卡
..............................................133
2. 文字樣式
..................................................136
3. 段落選項(xiàng)卡
..............................................136
任務(wù)3 文字編輯
.................................140
任務(wù)情境
...............................................140
1. 柵格化文字
..............................................140
2. 文字轉(zhuǎn)換為形狀
......................................141
3. 文字路徑
..................................................141
4. 拼寫檢查
..................................................142
5. 查找和替換文本
......................................143
素養(yǎng)園地
...............................................144
項(xiàng)目實(shí)訓(xùn)
...............................................144
同步測試
...............................................144
項(xiàng)目7 濾鏡工具制作營銷圖片
...........145
項(xiàng)目導(dǎo)圖
...............................................145
項(xiàng)目情境
...............................................145
任務(wù)1 智能濾鏡
.................................145
任務(wù)情境
...............................................145
1. 智能濾鏡與普通濾鏡
..............................146
2. 重新排列智能濾鏡
..................................147
3. 復(fù)制智能濾鏡
..........................................148
4. 刪除智能濾鏡
..........................................149
5. 效果圖層
..................................................149
任務(wù)2 模糊濾鏡
.................................151
任務(wù)情境
...............................................151
1. 表面模糊濾鏡
..........................................152
2. 動感模糊濾鏡
..........................................153
3. 方框模糊濾鏡
..........................................153
4. 高斯模糊濾鏡
..........................................154
5. 模糊濾鏡和進(jìn)一步模糊濾鏡
..................154
6. 徑向模糊濾鏡
..........................................155
7. 鏡頭模糊濾鏡
..........................................156
8. 平均濾鏡
..................................................
9. 特殊模糊濾鏡
..........................................158
10. 形狀模糊濾鏡
........................................159
11. 場景模糊濾鏡
........................................160
12. 光圈模糊濾鏡
.......................................162
13. 移軸模糊濾鏡
........................................163
任務(wù)3 特殊濾鏡
.................................164
任務(wù)情境
...............................................164
1. 自適應(yīng)廣角濾鏡
......................................16
2. 鏡頭校正濾鏡
..........................................166
3. 液化濾鏡
..................................................168
任務(wù)4 風(fēng)格化濾鏡
.............................170
任務(wù)情境
...............................................170
1. 查找邊緣濾鏡
..........................................171
2. 等高線濾鏡
..............................................171
3. 風(fēng)濾鏡
......................................................172
4. 浮雕效果濾鏡
..........................................173
5. 擴(kuò)散濾鏡
..................................................173
6. 拼貼濾鏡
..................................................174
7. 曝光過度濾鏡
..........................................175
8. 凸出濾鏡
..................................................175
任務(wù)5 像素化和渲染濾鏡
.................176
任務(wù)情境
...............................................176
1. 彩塊化濾鏡
..............................................176
2. 彩色半調(diào)濾鏡
..........................................177
3. 點(diǎn)狀化濾鏡
..............................................178
4. 晶格化濾鏡
..............................................179
5. 馬賽克濾鏡
..............................................180
6. 碎片濾鏡
..................................................181
7. 銅版雕刻濾鏡
..........................................181
8. 分層云彩濾鏡
..........................................182
9. 鏡頭光暈濾鏡
..........................................182
10. 纖維濾鏡
................................................184
11. 云彩濾鏡
................................................185
12. 光照效果濾鏡
........................................186
素養(yǎng)園地
...............................................188
項(xiàng)目實(shí)訓(xùn)
...............................................188
同步測試
...............................................188
項(xiàng)目8 節(jié)日大促電商營銷圖片設(shè)計(jì)
案例
........................................189
項(xiàng)目導(dǎo)圖
...............................................189
項(xiàng)目情境
...............................................189
任務(wù)1 營銷圖片設(shè)計(jì)之色彩搭配
.....189
任務(wù)情境
...............................................189
1. 配色比例
..................................................190
2. 認(rèn)識色相環(huán)
..............................................190
3. 色彩搭配
..................................................190
4. 單色搭配
..................................................191
5. 相鄰色搭配
..............................................191
6. 對比色搭配
..............................................192
任務(wù)2 跨境電商營銷圖片設(shè)計(jì)
.........192
任務(wù)情境
...............................................192
1. 跨境產(chǎn)品營銷圖片
..................................192
2. 跨境產(chǎn)品營銷圖片設(shè)計(jì)案例
..................192
任務(wù)3 簡約風(fēng)營銷圖片設(shè)計(jì)
.............197
任務(wù)情境
...............................................197
1. 簡約風(fēng)營銷圖片
......................................197
2. 節(jié)日大促簡約風(fēng)設(shè)計(jì)案例
......................198
任務(wù)4 中國風(fēng)營銷圖片設(shè)計(jì)
.............200
任務(wù)情境
...............................................200
1. 中國風(fēng)營銷圖片
......................................200
2. 中國風(fēng)營銷圖片設(shè)計(jì)案例
......................201
任務(wù)5 歐式風(fēng)格營銷圖片設(shè)計(jì)
.........207
任務(wù)情境
...............................................207
1. 歐式風(fēng)格營銷圖片
..................................207
2. 歐式風(fēng)格營銷圖片設(shè)計(jì)案例
..................207
任務(wù)6 可愛風(fēng)格營銷圖片設(shè)計(jì)
.........212
任務(wù)情境
...............................................212
1. 可愛風(fēng)格營銷圖片
..................................212
2. 可愛風(fēng)格營銷圖片設(shè)計(jì)案例
..................212
素養(yǎng)園地
...............................................218
項(xiàng)目實(shí)訓(xùn)
...............................................218
同步測試
...............................................218
書單推薦
