項目一 網(wǎng)店美工入門基礎 ············································································.1
任務 1 網(wǎng)店美工的概念 ··········································································.2
任務引入 ························································································.2
知識準備 ························································································.2
一、了解網(wǎng)店美工 ············································································.2
二、了解網(wǎng)店裝修的作用 ···································································.3
三、網(wǎng)店美工圖片的文件格式 ·····························································.4
任務總結 ························································································.5
任務 2 網(wǎng)店美工的配色 ··········································································.5
任務引入 ························································································.5
知識準備 ························································································.5
一、色彩的基礎知識 ·········································································.5
二、色彩搭配的技巧 ·········································································.7
任務總結 ························································································.9
任務 3 商品拍攝 ···················································································.9
任務引入 ························································································.9
知識準備 ························································································.9
一、選擇攝影器材 ············································································.9
二、攝影技巧 ················································································.10
三、攝影中的基本構圖 ····································································.11
任務總結 ······················································································.12
項目總結 ····························································································.12
項目實戰(zhàn) ····························································································.12
實戰(zhàn) 繪制化妝品海報 ····································································.12
項目二 網(wǎng)店圖片設計 ················································································.18
任務 1 初識 Photoshop ··········································································.19
任務引入 ······················································································.19
知識準備 ······················································································.19
一、新建與打開圖片 ·······································································.19
二、查看商品圖片細節(jié) ····································································.22
三、為商品添加注釋信息 ·································································.25
四、網(wǎng)店裝修圖片的保存 ·································································.26
任務總結 ······················································································.28
任務 2 圖片調(diào)色 ·················································································.28
任務引入 ······················································································.28
知識準備 ······················································································.28
一、調(diào)整偏色的商品圖片 ·································································.29
二、調(diào)整圖片的對比度 ····································································.30
三、調(diào)整曝光不足的圖片 ·································································.31
四、自由更改圖片中的顏色 ······························································.33
任務總結 ······················································································.34
任務 3 圖片修飾 ·················································································.34
任務引入 ······················································································.34
知識準備 ······················································································.34
一、調(diào)整圖片尺寸 ··········································································.34
二、網(wǎng)店圖片的摳圖技巧 ·································································.37
三、網(wǎng)店圖片的瑕疵修復 ·································································.45
任務總結 ······················································································.47
項目總結 ····························································································.47
項目實戰(zhàn) ····························································································.48
實戰(zhàn) 汽車變色 ·············································································.48
項目三 網(wǎng)店文字和圖形應用 ·······································································.49
任務 1 文字的基礎設計 ········································································.50
任務引入 ······················································································.50
知識準備 ······················································································.50
任務總結 ······················································································.55
任務 2 特效字 ····················································································.55
任務引入 ······················································································.55
知識準備 ······················································································.56
一、玉雕文字 ················································································.56
二、光芒字 ···················································································.58
三、透視字 ···················································································.60
四、立體字 ···················································································.62
任務總結 ······················································································.67
任務 3 圖形的應用 ··············································································.67
任務引入 ······················································································.67
知識準備 ······················································································.67
一、在商品圖片中繪制規(guī)則圖形 ························································.68
二、在商品圖片中繪制不規(guī)則圖形 ·····················································.69
任務總結 ······················································································.71
項目總結 ····························································································.71
項目實戰(zhàn) ····························································································.71
實戰(zhàn) 制作水晶透明文字 ·································································.71
項目四 網(wǎng)上店鋪裝修 ················································································.75
任務 1 設計店標 ·················································································.76
任務引入 ······················································································.76
知識準備 ······················································································.76
任務總結 ······················································································.76
任務 2 設計店招與導航 ········································································.77
任務引入 ······················································································.77
知識準備 ······················································································.77
一、設計店招 ················································································.77
二、設計導航 ················································································.84
任務總結 ······················································································.97
任務 3 設計模板 ·················································································.97
任務引入 ······················································································.97
知識準備 ······················································································.98
一、模板的管理 ·············································································.98
二、模塊的設置 ············································································.100
任務總結 ·····················································································.101
項目總結 ···························································································.101
項目實戰(zhàn) ···························································································.101
實戰(zhàn) 制作化妝品導航條 ································································.101
項目五 頁面設計 ····················································································.104
任務 1 網(wǎng)店首頁的設計 ······································································.105
任務引入 ····················································································.105
知識準備 ····················································································.105
一、網(wǎng)店首頁概述 ········································································.105
二、輪播海報 ··············································································.106
三、歡迎模塊 ··············································································.107
四、促銷廣告 ···············································································.114
五、收藏區(qū)與客服區(qū) ······································································.119
任務總結 ····················································································.128
任務 2 商品詳情頁的設計 ···································································.128
任務引入 ····················································································.128
知識準備 ····················································································.128
一、商品詳情頁概述 ·····································································.129
二、商品詳情頁的制作 ··································································.129
任務總結 ····················································································.136
項目總結 ··························································································.136
項目實戰(zhàn) ··························································································.137
實戰(zhàn) 制作金飾的商品描述 ····························································.137
項目六 主圖、鉆展圖片和直通車圖片的設計與制作 ·······································.140
任務 1 主圖的設計與制作 ···································································.141
任務引入 ····················································································.141
知識準備 ····················································································.141
一、主圖的設計要點 ·····································································.141
二、主圖的制作 ···········································································.141
任務總結 ····················································································.150
任務 2 鉆展圖片的設計與制作 ·····························································.150
任務引入 ····················································································.150
知識準備 ····················································································.150
一、鉆展圖片的設計原則 ·······························································.150
二、鉆展圖片的制作 ·····································································.151
任務總結 ····················································································.158
任務 3 直通車圖片的設計與制作 ··························································.159
任務引入 ·····················································································.159
知識準備 ·····················································································.159
一、直通車圖片的設計原則 ·····························································.159
二、直通車圖片的制作 ···································································.160
任務總結 ·····················································································.168
項目總結 ···························································································.168
項目實戰(zhàn) ···························································································.169
實戰(zhàn) 制作涼拖直通車 ···································································.169
項目七 圖片的切片與管理 ·········································································.171
任務 1 圖片切片 ················································································.172
任務引入 ·····················································································.172
知識準備 ·····················································································.172
一、創(chuàng)建切片 ···············································································.172
二、設置切片選項 ·········································································.174
任務總結 ·····················································································.176
任務 2 素材中心 ················································································.177
任務引入 ·····················································································.177
知識準備 ·····················································································.177
一、素材中心概述 ·········································································.177
二、素材中心的功能 ······································································.178
任務總結 ·····················································································.183
項目總結 ···························································································.184
項目實戰(zhàn) ···························································································.184
實戰(zhàn) 還原素材圖片 ······································································.184
項目八 裝修服裝店鋪實例 ·········································································.186
一、設計店招和導航 ······································································.186
二、設計歡迎模塊 ·········································································.188
三、設計客服區(qū) ············································································.191
四、設計商品詳情 ·········································································.192
五、售后服務區(qū) ············································································.195