本書以 Photoshop 軟件為工具,通過 8 個項目全面、詳細(xì)地介紹了網(wǎng)店設(shè)計與裝修的基本方法和技巧。具體內(nèi)容為:網(wǎng)店美工入門基礎(chǔ)、網(wǎng)店圖片設(shè)計、網(wǎng)店文字和圖形應(yīng)用、網(wǎng)上店鋪裝修、頁面設(shè)計、主圖、鉆展圖片和直通車圖片的設(shè)計與制作、圖片的切片與管理及裝修服裝店鋪實例。本書實例豐富、內(nèi)容翔實、操作方法簡單易學(xué),不僅適合作為電子商務(wù)專業(yè)大中專學(xué)生的教材,還可供感興趣的讀者及相關(guān)的專業(yè)人士參考。本書附有電子資料,包括書中所有實例的源文件及軟件操作過程的錄屏動畫,另附贈了大量的實例素材供讀者在學(xué)習(xí)中使用。
彭敢,1984年出生于江蘇淮安,計算機(jī)專業(yè)碩士,江蘇財經(jīng)職業(yè)技術(shù)學(xué)院副研究員。教授多門專業(yè)課程,發(fā)表論文二十余篇;主持市廳級課題2項,主持校級教改課題8項,授權(quán)實用新型專利十余項;指導(dǎo)學(xué)生獲全國保險綜合業(yè)務(wù)技能大賽一等獎;江蘇省優(yōu)秀畢業(yè)設(shè)計三等獎;指導(dǎo)學(xué)生省級大學(xué)生實踐創(chuàng)新2項、校級6項;獲淮安市科技進(jìn)步獎三等獎、淮安市優(yōu)秀發(fā)明專利,多次獲校級先進(jìn)工作者、優(yōu)秀教育工作者、優(yōu)秀共產(chǎn)黨員、校級服務(wù)能手。
項目一 網(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
項目總結(jié) ····························································································.12
項目實戰(zhàn) ····························································································.12
實戰(zhàn) 繪制化妝品海報 ····································································.12
項目二 網(wǎng)店圖片設(shè)計 ················································································.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
項目總結(jié) ····························································································.47
項目實戰(zhàn) ····························································································.48
實戰(zhàn) 汽車變色 ·············································································.48
項目三 網(wǎng)店文字和圖形應(yīng)用 ·······································································.49
任務(wù) 1 文字的基礎(chǔ)設(shè)計 ········································································.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
項目總結(jié) ····························································································.71
項目實戰(zhàn) ····························································································.71
實戰(zhàn) 制作水晶透明文字 ·································································.71
項目四 網(wǎng)上店鋪裝修 ················································································.75
任務(wù) 1 設(shè)計店標(biāo) ·················································································.76
任務(wù)引入 ······················································································.76
知識準(zhǔn)備 ······················································································.76
任務(wù)總結(jié) ······················································································.76
任務(wù) 2 設(shè)計店招與導(dǎo)航 ········································································.77
任務(wù)引入 ······················································································.77
知識準(zhǔn)備 ······················································································.77
一、設(shè)計店招 ················································································.77
二、設(shè)計導(dǎo)航 ················································································.84
任務(wù)總結(jié) ······················································································.97
任務(wù) 3 設(shè)計模板 ·················································································.97
任務(wù)引入 ······················································································.97
知識準(zhǔn)備 ······················································································.98
一、模板的管理 ·············································································.98
二、模塊的設(shè)置 ············································································.100
任務(wù)總結(jié) ·····················································································.101
項目總結(jié) ···························································································.101
項目實戰(zhàn) ···························································································.101
實戰(zhàn) 制作化妝品導(dǎo)航條 ································································.101
項目五 頁面設(shè)計 ····················································································.104
任務(wù) 1 網(wǎng)店首頁的設(shè)計 ······································································.105
任務(wù)引入 ····················································································.105
知識準(zhǔn)備 ····················································································.105
一、網(wǎng)店首頁概述 ········································································.105
二、輪播海報 ··············································································.106
三、歡迎模塊 ··············································································.107
四、促銷廣告 ···············································································.114
五、收藏區(qū)與客服區(qū) ······································································.119
任務(wù)總結(jié) ····················································································.128
任務(wù) 2 商品詳情頁的設(shè)計 ···································································.128
任務(wù)引入 ····················································································.128
知識準(zhǔn)備 ····················································································.128
一、商品詳情頁概述 ·····································································.129
二、商品詳情頁的制作 ··································································.129
任務(wù)總結(jié) ····················································································.136
項目總結(jié) ··························································································.136
項目實戰(zhàn) ··························································································.137
實戰(zhàn) 制作金飾的商品描述 ····························································.137
項目六 主圖、鉆展圖片和直通車圖片的設(shè)計與制作 ·······································.140
任務(wù) 1 主圖的設(shè)計與制作 ···································································.141
任務(wù)引入 ····················································································.141
知識準(zhǔn)備 ····················································································.141
一、主圖的設(shè)計要點 ·····································································.141
二、主圖的制作 ···········································································.141
任務(wù)總結(jié) ····················································································.150
任務(wù) 2 鉆展圖片的設(shè)計與制作 ·····························································.150
任務(wù)引入 ····················································································.150
知識準(zhǔn)備 ····················································································.150
一、鉆展圖片的設(shè)計原則 ·······························································.150
二、鉆展圖片的制作 ·····································································.151
任務(wù)總結(jié) ····················································································.158
任務(wù) 3 直通車圖片的設(shè)計與制作 ··························································.159
任務(wù)引入 ·····················································································.159
知識準(zhǔn)備 ·····················································································.159
一、直通車圖片的設(shè)計原則 ·····························································.159
二、直通車圖片的制作 ···································································.160
任務(wù)總結(jié) ·····················································································.168
項目總結(jié) ···························································································.168
項目實戰(zhàn) ···························································································.169
實戰(zhàn) 制作涼拖直通車 ···································································.169
項目七 圖片的切片與管理 ·········································································.171
任務(wù) 1 圖片切片 ················································································.172
任務(wù)引入 ·····················································································.172
知識準(zhǔn)備 ·····················································································.172
一、創(chuàng)建切片 ···············································································.172
二、設(shè)置切片選項 ·········································································.174
任務(wù)總結(jié) ·····················································································.176
任務(wù) 2 素材中心 ················································································.177
任務(wù)引入 ·····················································································.177
知識準(zhǔn)備 ·····················································································.177
一、素材中心概述 ·········································································.177
二、素材中心的功能 ······································································.178
任務(wù)總結(jié) ·····················································································.183
項目總結(jié) ···························································································.184
項目實戰(zhàn) ···························································································.184
實戰(zhàn) 還原素材圖片 ······································································.184
項目八 裝修服裝店鋪實例 ·········································································.186
一、設(shè)計店招和導(dǎo)航 ······································································.186
二、設(shè)計歡迎模塊 ·········································································.188
三、設(shè)計客服區(qū) ············································································.191
四、設(shè)計商品詳情 ·········································································.192
五、售后服務(wù)區(qū) ············································································.195