Photoshop電商美工設(shè)計(jì)實(shí)用教程

第1章 電商美工必備知識(shí) 009
1．1 什么是電商美工 010
1．1．1 店鋪裝修的意義 010
1．1．2 電商美工的技能要求 010
1．2 電商美工的工作目的 011
1．2．1 美化商品的目的 011
1．2．2 美化店鋪的目的 011
1．3 電商美工應(yīng)遵循的裝修規(guī)則 011
1．4 電商美工的日常工作 012
1．4．1 優(yōu)化商品圖片 012
1．4．2 設(shè)計(jì)店鋪首頁 013
1．4．3 制作活動(dòng)海報(bào) 013
1．4．4 制作寶貝詳情頁 013
1．5 店鋪裝修常用的圖片格式 014
1．6 本章小結(jié) 014
第2章 色彩、文字、版式 015
2．1 色彩的搭配 016
2．1．1 色彩的分類 016
2．1．2 色彩三要素 017
2．1．3 色彩的對(duì)比 018
2．1．4 頁面常見配色方法 020
2．1．5 主色、輔助色與點(diǎn)綴色 020
2．2 電商文字 021
2．2．1 頁面常用字體 021
2．2．2 電商字體設(shè)計(jì) 021
2．2．3 不同風(fēng)格的字體效果 022
2．3 版式設(shè)計(jì) 023
2．3．1 常見的版面布局 024
2．3．2 版面布局設(shè)計(jì)準(zhǔn)則 025
2．4 本章小結(jié) 025

第3章 Photoshop的基礎(chǔ)操作 026
3．1 認(rèn)識(shí)Photoshop圖像處理軟件 027
3．1．1 認(rèn)識(shí)Photoshop的工作界面 027
3．1．2 工作界面的詳細(xì)介紹 027
3．2 Photoshop基本操作 029
3．2．1 新建文檔 029
3．2．2 打開和置入圖像 029
3．2．3 存儲(chǔ)圖像 030
3．2．4 修改圖片尺寸 030
3．2．5 修改畫布大小 031
3．2．6 復(fù)制和粘貼操作 032
3．2．7 撤銷和恢復(fù) 032
3．2．8 課堂案例——置入嵌入的對(duì)象 033
3．3 Photoshop圖層操作 033
3．3．1 新建圖層與新建圖層組 033
3．3．2 合并與蓋印圖層 035
3．3．3 圖層混合模式 035
3．3．4 圖層樣式 037
3．3．5 圖層蒙版 038
3．3．6 課堂案例—— 制作抵用券 039
3．4 圖片的二次構(gòu)圖 040
3．4．1 裁剪工具 040
3．4．2 按固定比例裁剪 040
3．4．3 校正后裁剪 040
3．4．4 透視校正后裁剪 042
3．4．5 課堂案例—— 將圖像裁剪為平面圖 042
3．5 本章小結(jié) 043
3．6 課后習(xí)題 043
3．6．1 課后習(xí)題—— 置入火龍果圖像 043
3．6．2 課后習(xí)題—— 裁剪主圖 044

第4章 使用Photoshop美化圖片 045
4．1 去除圖片瑕疵 046
4．1．1 污點(diǎn)修復(fù)畫筆工具 046
4．1．2 修飾工具 046
4．1．3 用“內(nèi)容識(shí)別”功能修飾圖像 046
4．1．4 羽化 047
4．1．5 修飾殘缺商品 047
4．1．6 銳化商品圖像 048
4．1．7 模糊商品圖像 049
4．1．8 減淡工具 049
4．1．9 加深工具 050
4．1．10 液化工具 050
4．1．11 課堂案例—— 去除面部瑕疵 050
4．2 糾正照片偏色問題 051
4．2．1 亮度/對(duì)比度 051
4．2．2 色階 052
4．2．3 曲線 052
4．2．4 色相/飽和度 053
4．2．5 色彩平衡 053
4．2．6 可選顏色 053
4．2．7 曝光度 054
4．2．8 課堂案例—— 處理顏色暗淡的照片 054
4．3 商品圖片的摳圖處理 055
4．3．1 摳取不規(guī)則形狀的圖像 055
4．3．2 從簡(jiǎn)單背景中摳圖 056
4．3．3 按邊緣摳取圖像 057
4．3．4 摳取毛發(fā)圖像 057
4．3．5 摳取光效圖像 059
4．3．6 課堂案例—— 制作新鮮果橙主圖 059
4．4 本章小結(jié) 060
4．5 課后習(xí)題 060
4．5．1 課后習(xí)題—— 復(fù)制商品圖像 060
4．5．2 課后習(xí)題—— 處理偏暗照片 061

第5章 商品圖像的合成與效果制作 062
5．1 投影/倒影的制作方法 063
5．1．1 模糊投影 063
5．1．2 漸變投影 064
5．1．3 扁平化長(zhǎng)投影 065
5．1．4 商品正視圖的倒影 066
5．1．5 圓柱體商品斜視圖的倒影 067
5．1．6 立方體商品斜視圖的倒影 068
5．1．7 課堂案例—— 制作女包倒影 069
5．2 圖像的合成和特效的制作方法 070
5．2．1 合成“鉆出”屏幕效果 070
5．2．2 為商品圖像制作繪畫效果 071
5．2．3 添加光暈以體現(xiàn)商品協(xié)調(diào)性 073
5．2．4 添加光線效果 074
5．2．5 課堂案例—— 制作立體商品圖 075
5．3 本章小結(jié) 077
5．4 課后習(xí)題 078
5．4．1 課后習(xí)題—— 制作牙刷倒影 078
5．4．2 課后習(xí)題—— 制作筆記本宣傳圖 078

第6章 店鋪首頁設(shè)計(jì) 079
6．1 店鋪首頁制作規(guī)范 080
6．1．1 店鋪首頁內(nèi)容 080
6．1．2 首頁主要元素的擺放位置 080
6．1．3 首頁布局介紹 081
6．1．4 課堂案例—— 設(shè)計(jì)簡(jiǎn)約的首頁布局 082
6．2 店招設(shè)計(jì) 086
6．2．1 店招的分類 086
6．2．2 店招設(shè)計(jì)的注意事項(xiàng) 086
6．2．3 店招包括的信息 087
6．2．4 店招的意義 087
6．2．5 課堂案例—— 店招制作 087
6．3 導(dǎo)航條設(shè)計(jì) 089
6．3．1 導(dǎo)航條介紹 089
6．3．2 導(dǎo)航條的設(shè)計(jì)要求 089
6．3．3 課堂案例—— 制作小清新導(dǎo)航條 090
6．4 首頁海報(bào)設(shè)計(jì) 093
6．4．1 海報(bào)的尺寸與格式規(guī)范 093
6．4．2 首頁海報(bào)的設(shè)計(jì)技巧 094
6．4．3 課堂案例—— 甜品店鋪首頁海報(bào)設(shè)計(jì) 094
6．5 輔助板塊設(shè)計(jì) 097
6．5．1 收藏區(qū)設(shè)計(jì) 097
6．5．2 客服區(qū)設(shè)計(jì) 097
6．5．3 店鋪頁尾設(shè)計(jì) 098
6．5．4 課堂案例—— 制作收藏按鈕 098
6．6 本章小結(jié) 101
6．7 課后習(xí)題 101
6．7．1 課后習(xí)題—— 制作早餐食品店鋪首頁
海報(bào) 101
6．7．2 課后習(xí)題—— 制作清新店招 101

第7章 寶貝詳情頁設(shè)計(jì) 102
7．1 寶貝詳情頁的布局與分類 103
7．1．1 詳情頁布局 103
7．1．2 詳情頁類型 104
7．1．3 課堂案例—— 制作毛絨玩具詳情頁 105
7．2 詳情頁的分析與設(shè)計(jì)技巧 111
7．2．1 詳情頁模塊分析 111
7．2．2 詳情頁設(shè)計(jì)技巧 112
7．2．3 課堂案例—— 制作曲奇詳情頁 114
7．3 本章小結(jié) 118
7．4 課后習(xí)題 119
7．4．1 課后習(xí)題—— 制作零食詳情頁 119
7．4．2 課后習(xí)題—— 制作炒鍋詳情頁 120
第8章 活動(dòng)圖的設(shè)計(jì)與制作 121
8．1 促銷廣告設(shè)計(jì) 122
8．1．1 促銷廣告的尺寸規(guī)范 122
8．1．2 促銷廣告的設(shè)計(jì)準(zhǔn)則 122
8．1．3 常見促銷廣告類型 123
8．1．4 課堂案例—— 制作雙十二促銷廣告 124
8．2 直通車推廣圖設(shè)計(jì) 127
8．2．1 直通車存在的意義 127
8．2．2 直通車推廣圖設(shè)計(jì)技巧 128
8．2．3 課堂案例—— 制作精美手表直通車推
廣圖 129
8．3 鉆展圖設(shè)計(jì) 134
8．3．1 鉆展圖的含義 134
8．3．2 鉆展圖設(shè)計(jì)要求 134
8．3．3 課堂案例—— 制作沙發(fā)鉆展圖 135
8．4 本章小結(jié) 139
8．5 課后習(xí)題 139
8．5．1 課后習(xí)題—— 制作堅(jiān)果食品直通車推
廣圖 139
8．5．2 課后習(xí)題—— 制作情人節(jié)鮮花鉆展圖 140
第9章 手機(jī)端電商店鋪視覺設(shè)計(jì) 141
9．1 手機(jī)端電商店鋪 142
9．1．1 手機(jī)端電商店鋪與PC端電商店鋪的區(qū)別 142
9．1．2 手機(jī)端電商店鋪設(shè)計(jì)規(guī)范 143
9．1．3 課堂案例—— 手機(jī)端女包店鋪布局設(shè)計(jì) 144
9．2 手機(jī)端電商店鋪首頁裝修 149
9．2．1 首頁裝修技巧 149
9．2．2 店招 150
9．2．3 焦點(diǎn)圖 150
9．2．4 優(yōu)惠券 150
9．2．5 活動(dòng)區(qū) 150
9．2．6 分類區(qū) 150
9．2．7 商品展示區(qū) 151
9．2．8 課堂案例—— 制作手機(jī)端時(shí)尚家具店鋪
首頁 151
9．3 手機(jī)端電商店鋪詳情頁裝修 156
9．3．1 詳情頁設(shè)計(jì)規(guī)范 156
9．3．2 產(chǎn)品描述要素 156
9．3．3 課堂案例—— 制作手機(jī)端大米詳情頁 158
9．4 本章小結(jié) 163
9．5 課后習(xí)題 163
9．5．1 課后習(xí)題—— 制作手機(jī)端家具店鋪首頁 163
9．5．2 課后習(xí)題—— 制作手機(jī)端年貨詳情頁 164
第10章 圖片的切片與優(yōu)化 165
10．1 圖片的切片 166
10．1．1 切片工具 166
10．1．2 切片的作用與技巧 166
10．1．3 切片的方法 167
10．1．4 課堂案例—— 切割護(hù)膚品店鋪首頁 167
10．2 圖片的優(yōu)化與保存 170
10．2．1 圖片的優(yōu)化 170
10．2．2 圖片的保存 171
10．2．3 課堂案例—— 優(yōu)化與保存收納用品店
鋪首頁局部圖片 171
10．3 本章小結(jié) 173
10．4 課后習(xí)題 173
10．4．1 課后習(xí)題—— 切割數(shù)碼產(chǎn)品店鋪首頁 173
10．4．2 課后習(xí)題—— 切割并優(yōu)化烘焙食品
店鋪首頁商品展示區(qū)圖片 174
第11章 商業(yè)案例實(shí)訓(xùn) 176
11．1 鉆展圖設(shè)計(jì) 177
11．1．1 課堂案例—— 制作手表鉆展圖 177
11．1．2 課堂練習(xí)—— 制作蜂蜜鉆展圖 186
11．1．3 課后習(xí)題—— 制作手機(jī)端鉆展海報(bào) 186
11．2 首頁設(shè)計(jì) 187
11．2．1 課堂案例—— 制作家用電器店鋪首頁 187
11．2．2 課堂練習(xí)—— 制作烤箱店鋪首頁 200
11．2．3 課后習(xí)題—— 制作秋季上新的護(hù)膚品
店鋪首頁 201
11．3 詳情頁設(shè)計(jì) 201
11．3．1 課堂案例—— 大閘蟹詳情頁 201
11．3．2 課堂練習(xí)—— 制作橙子詳情頁 211
11．3．3 課后習(xí)題—— 制作燉湯藥材詳情頁 212
11．4 本章小結(jié) 212