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