《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版》是2016年7月電子工業出版社出版的圖書,作者是六點木木。
基本介紹
- 書名:淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版
- 作者:六點木木
- ISBN:978-7-121-29177-7
- 頁數:392頁
- 定價:89.00元
- 出版社:電子工業出版社
- 出版時間:2016年7月
內容簡介,編輯推薦,內容提要,目錄,作者簡介,前言,
內容簡介
《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版》是一本從網店處理圖片需求出發的案例實操圖文詳解圖書。拜尋提書中涉及內容全部源自淘寶天貓開店一線經驗精華,通過學習《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版》,能幫你快速學會並掌握網店所需圖片處理以及店鋪排版技能。
《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版》共三篇。第一篇講解圖片處理,第二篇講解網店裝修排版朽匪,第三篇講解圖片處理與網店裝修排版的綜合使用。
編輯推薦
全實戰案例圖文詳解步驟演示,淘寶開店一線實戰經驗精華!
不進培訓班 零基礎輕辨獄嚷松學!
配套練習素材,涉及細節、所腿屑愚需素材會一一標註,邊看邊練習,即學即用!
本書為擁有多年一線實戰經驗的知名講師傾情奉獻,網店圖片處理、網店頁面排版,一本就夠!
內容提要
《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版》是一本從網店處理圖片需求出發的案例實操圖文詳解圖書。書中涉及內容全部源自淘寶天貓開店一線經驗精華,通過學習《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店鋪排版》旋台束,能幫你快速學會並掌握網店所需圖片處理以及店鋪排版技能。
《淘寶天貓網店美工一本通:Photoshop 圖像處理+Dreamweaver 店煮射鑽愚鋪排版》共三篇。第一篇講解圖片處理,第二篇講解網店裝修排版,第三篇講解圖片處理與網店裝修排版的綜合使用。市面上處理圖片的工具有很多,網店所需為平面圖片,所以我們用權威專業的Photoshop軟體+Dreamweaver軟體。真正實現:不進培訓班,輕鬆享受專業學習。
目錄
第一篇 網店 Photoshop 圖片處理實操技能
第 1 章 圖片剪裁、角度修正、文字處理 ......................................................................... 2
1.1 初識 Photoshop 軟體、版本、界面簡介 ............................................................. 2
1.1.1 初始 Photoshop 軟體、版本簡介 ............................................................. 2
1.1.2 Photoshop CS6 界面簡介 .......................................................................... 3
1.1.3 Photoshop 中新建、打開、保存、關閉、退出等基本操作 .................. 5
1.1.4 網店處理圖片時常用的畫布縮放、自由變換、移動操作 .................. 11
1.2 隨心所欲調整圖片大小 ...................................................................................... 21
1.2.1 旺鋪裝修、寶貝主圖、寶貝詳情圖的尺寸要求 .................................. 21
1.2.2 圖片尺寸 > 已知需求尺寸的處理 ........................................................ 22
1.2.3 圖片尺寸 < 已知需求尺寸的處理 ........................................................ 24
1.2.4 圖片大小調整 .......................................................................................... 31
1.3 多圖戶寒充灶拼接、認識圖層 .......................................................................................... 33
1.3.1 多圖拼接,圖層排序 .............................................................................. 33
1.3.2 圖層操作詳解 .......................................................................................... 40
1.4 對傾斜的商品圖片糾正角度 .............................................................................. 51
1.4.1 圖層整體旋轉 .......................................................................................... 51
1.4.2 圖層局部旋轉 .......................................................................................... 56
1.4.3 畫布旋轉 .................................................................................................. 59
1.4.4 標尺工具處理傾斜圖片 .......................................................................... 63
1.5 角度不好的商品圖片重新取景 .......................................................................... 66
1.6 字型及字型安裝 .................................................................................................. 71
1.7 在圖片上添加文字以及文字特效 ...................................................................... 73
1.7.1 橫排/直排文字工具 ................................................................................. 73
1.7.2 橫排/直排文字蒙版工具 ......................................................................... 76
1.7.3 文字排版:設定字型、大小、顏色、對齊方式、間距等 .................. 79
1.7.4 創建文字變形 .......................................................................................... 84
1.7.5 文字的圖層樣式 ...................................................................................... 87
1.8 常用圖片格式轉換 .............................................................................................. 92
1.9 圖片和文字的投影、倒影、加框線 .................................................................. 94
1.9.1 圖片投影、倒影、加框線 ...................................................................... 95
1.9.2 文字的描邊、投影、倒影 .................................................................... 110
1.10 製作 GIF 動態圖片,讓你的商品動起來 ...................................................... 113
第 2 章 色差調整美化圖片 ........................................................................................... 121
2.1 商品圖片亮度處理 ............................................................................................ 121
2.2 有白平衡、色差問題的圖片處理 .................................................................... 129
2.3 照片清晰度的調整(銳化) ............................................................................ 134
2.4 美化精修圖片 .................................................................................................... 151
2.4.1 祛斑遮瑕 ................................................................................................ 151
2.4.2 磨皮美白 ................................................................................................ 161
2.4.3 瘦臉瘦身/豐胸提臀 ............................................................................... 172
2.5 調整人物面部陰影或高光 ................................................................................ 178
2.6 逆光照片處理 .................................................................................................... 183
2.7 照片色彩調整 .................................................................................................... 186
第 3 章 輕鬆學會摳圖換背景 ....................................................................................... 190
3.1 調整邊緣法摳圖 ................................................................................................ 190
3.2 通道法摳圖 ........................................................................................................ 193
3.3 濾鏡抽出法摳圖 ................................................................................................ 197
3.4 圖層混合模式法摳圖 ........................................................................................ 202
3.5 色彩範圍法摳圖 ................................................................................................ 206
3.6 圖層樣式法摳圖 ................................................................................................ 209
3.7 鋼筆工具摳圖 .................................................................................................... 213
3.8 複雜背景摳取毛髮、婚紗技巧 ........................................................................ 215
3.9 摳取透明物體 .................................................................................................... 231
3.10 純色背景一步摳取法 ...................................................................................... 239
第 4 章 去水印/做水印/加水印 ..................................................................................... 244
4.1 常用 6 種去水印方法 ........................................................................................ 244
4.2 複雜背景去水印方法 ........................................................................................ 250
4.3 製作多種類型的水印 ........................................................................................ 253
4.3.1 橫排/豎排/傾斜文字水印 ...................................................................... 253
4.3.2 圖形水印 ................................................................................................ 254
4.3.3 圖形水印 ................................................................................................ 255
4.3.4 透明立體水印 ........................................................................................ 257
4.4 添加水印 ............................................................................................................ 260
4.5 批量修改圖片大小 ............................................................................................ 265
第 5 章 網店所需各類圖片設計製作 ............................................................................ 268
5.1 店招設計製作 .................................................................................................... 268
5.2 寶貝主圖設計製作 ............................................................................................ 274
5.3 寶貝詳情描述圖設計製作 ................................................................................ 281
5.4 店鋪裝修所需促銷圖、海報圖設計製作 ........................................................ 289
第二篇 完美兼容淘寶店鋪的 Dreamweaver 個性化排版
第 6 章 兼容淘寶網店的基礎代碼編寫 ........................................................................ 297
6.1 初識 Dreamweaver 軟體、版本、界面簡介 ................................................... 297
6.2 HTML 基本語法以及網店裝修常用標籤 ........................................................ 304
6.2.1 什麼是 HTML ........................................................................................ 304
6.2.2 HTML 語法 ............................................................................................ 305
6.2.3 網店裝修常用標籤 ................................................................................ 307
6.3 Dreamweaver 中插入文字、段落、圖片並加連結 ......................................... 309
6.3.1 添加文字及其文字代碼 ........................................................................ 309
6.3.2 段落及其代碼 ........................................................................................ 315
6.3.3 添加圖片及其圖片代碼 ........................................................................ 316
6.3.4 為文字圖片加連結及其代碼 ................................................................ 318
6.4 在 Dreamweaver 中用地圖實現一圖多連結 ................................................... 320
第 7 章 兼容淘寶網店的表格排版 ................................................................................ 323
7.1 Dreamweaver 中表格基礎知識 ........................................................................ 323
7.2 Dreamweaver 中表格進階之表格嵌套 ............................................................ 326
7.3 Dreamweaver 中 CSS 樣式布局排版及套用到網店的重要技巧 ................... 330
第 8 章 兼容淘寶網店的案例實操 ................................................................................ 334
8.1 表格布局製作優惠套餐模板 ............................................................................ 334
8.2 表格布局製作寶貝展示模組 ............................................................................ 340
8.3 表格布局製作產品分類模組 ............................................................................ 342
8.4 表格布局製作客服中心模組 ............................................................................ 346
第三篇 Photoshop 切片+Dreamweaver 加連結的綜合使用
第 9 章 Photoshop 切片+Dreamweaver 實現一圖多連結 ...................................... 356
9.1 Photoshop 切片工具及用法 .............................................................................. 356
9.2 Photoshop+Dreamweaver 綜合套用:不同類型圖的切片加連結方法 .......... 365
附錄 A 第一篇資料 ...................................................................................................... 378
附錄 B 第二篇資料 ...................................................................................................... 382
附錄 C 第三篇資料 ...................................................................................................... 384
作者簡介
李露茜
筆名六點木木,淘寶教育平台最早一批講師,卓瑞商學院創始人,卓瑞首席講師,6年來駐足淘寶一線,見證淘寶多次變革和發展,熟悉淘寶運作模式和誠信體系,根據開店流程獨創多個系統教學課程,授課方向:《淘寶開店內功修煉》《店鋪裝修》《網店推廣運營》《金牌客服系列》《老客維護二次行銷》《淘寶美工速成》《輕鬆學會摳圖換背景》《PS色差調整美化圖片》《網店促銷圖設計製作》《DW網店個性排版》等,幫助眾多中小賣家成功開店並實現盈利。原創開發的電商系列課程學員輻射超過八十萬。具有獨立編寫系統性、可操作性教學課件的能力,曾為北京知名企業研發製作電商系列課程,頗受學員好評及喜愛。
前言
這是一本從網店處理圖片需求出發的全實戰案例操作+圖文詳解圖書。書中涉及內容全部源自淘寶天貓開店一線經驗精華,認真看完並對照步驟練習,能快速學會並掌握網店所需圖片處理以及店鋪排版技能。
本書共三篇。第一篇講解圖片處理,第二篇講解網店裝修排版,第三篇講解圖片處理與網店裝修排版的綜合使用。市面上處理圖片和頁面排版的軟體有很多,功能各不相同,而網店所需為平面圖片,且淘寶天貓本身是一個網站,旗下所有網店的裝修排版屬於網頁編輯範疇,所以本書將採用最權威專業的平面處理軟體 Photoshop 和網頁設計軟體 Dreamweaver 為大家講解實操技能。真正實現:不進培訓班,輕鬆享受專業學習,零基礎也能學會獨立操作。
第一篇:網店 Photoshop 圖片處理實操技能,第 1~5 章。本篇從圖片剪裁/角度修正/文字處理、色差調整美化圖片、輕鬆學會摳圖換背景、去水印/做水印/加水印、網店所需各類圖片設計製作五個方向,以案例操作步驟圖文說明的形式,講解網店圖片利用 Photoshop 應該如何處理;通過處理過程的還原,大家既能學會網店圖片處理方法,又能輕鬆從案例操作步驟中掌握Photoshop 軟體不同工具的用法,一舉多得。
第二篇:完美兼容淘寶店鋪的 Dreamweaver 個性化排版,第 6~8 章。淘寶網是一個大型網站,每一個淘寶賣家的店鋪是其分支,可以理解為單個小型網站,由不同的網頁構成。當賣家裝修店鋪或發布寶貝時,可以個性化排版展示商品,這個“排版”的動作用 Dreamweaver 軟體可視化編輯會更簡單。本篇從 HTML 網頁基本語法、網店裝修常用標籤、排版時插入文字/段落/圖片並設定其樣式、為文字添加連結、為圖片添加一個或多個連結、利用表格布局排版等六個方面,手把手教會大家完美兼容淘寶網店的表格布局代碼編寫技巧,並通過案例還原網店使用頻率最高的“優惠套餐模組” 、 “寶貝展示模組” 、 “產品分類模組” 、 “客服中心模組”的排版過程,以及學會這幾類問題的處理方法。即使是零基礎的“小白”學完後,結合第一篇的圖片處理知識,也能獨立排版出網店常用 98%以上的寶貝展示效果。網店裝修個性化被淘寶官方限制在一定範圍內,對 Dreamweaver 軟體使用高手來說,更得看看這些內容,它跟獨立網站的設計和製作還是有區別的。
第三篇:Photoshop 切片+Dreamweaver 加連結的綜合使用,第 9 章。當對店鋪進行裝修或對店內商品詳情進行排版時,不管是圖片還是頁面展示,從無到有再到專業,一定是建立在對軟體熟練的基礎上按需靈活處理實現; 本篇將教會大家開店必備技巧:Photoshop 處理好的圖片切片、導出切片/代碼、在 Dreamweaver 軟體中編輯修改和安裝到店鋪。學會這些方法後,將終身受用。
1.1.4 網店處理圖片時常用的畫布縮放、自由變換、移動操作 .................. 11
1.2 隨心所欲調整圖片大小 ...................................................................................... 21
1.2.1 旺鋪裝修、寶貝主圖、寶貝詳情圖的尺寸要求 .................................. 21
1.2.2 圖片尺寸 > 已知需求尺寸的處理 ........................................................ 22
1.2.3 圖片尺寸 < 已知需求尺寸的處理 ........................................................ 24
1.2.4 圖片大小調整 .......................................................................................... 31
1.3 多圖拼接、認識圖層 .......................................................................................... 33
1.3.1 多圖拼接,圖層排序 .............................................................................. 33
1.3.2 圖層操作詳解 .......................................................................................... 40
1.4 對傾斜的商品圖片糾正角度 .............................................................................. 51
1.4.1 圖層整體旋轉 .......................................................................................... 51
1.4.2 圖層局部旋轉 .......................................................................................... 56
1.4.3 畫布旋轉 .................................................................................................. 59
1.4.4 標尺工具處理傾斜圖片 .......................................................................... 63
1.5 角度不好的商品圖片重新取景 .......................................................................... 66
1.6 字型及字型安裝 .................................................................................................. 71
1.7 在圖片上添加文字以及文字特效 ...................................................................... 73
1.7.1 橫排/直排文字工具 ................................................................................. 73
1.7.2 橫排/直排文字蒙版工具 ......................................................................... 76
1.7.3 文字排版:設定字型、大小、顏色、對齊方式、間距等 .................. 79
1.7.4 創建文字變形 .......................................................................................... 84
1.7.5 文字的圖層樣式 ...................................................................................... 87
1.8 常用圖片格式轉換 .............................................................................................. 92
1.9 圖片和文字的投影、倒影、加框線 .................................................................. 94
1.9.1 圖片投影、倒影、加框線 ...................................................................... 95
1.9.2 文字的描邊、投影、倒影 .................................................................... 110
1.10 製作 GIF 動態圖片,讓你的商品動起來 ...................................................... 113
第 2 章 色差調整美化圖片 ........................................................................................... 121
2.1 商品圖片亮度處理 ............................................................................................ 121
2.2 有白平衡、色差問題的圖片處理 .................................................................... 129
2.3 照片清晰度的調整(銳化) ............................................................................ 134
2.4 美化精修圖片 .................................................................................................... 151
2.4.1 祛斑遮瑕 ................................................................................................ 151
2.4.2 磨皮美白 ................................................................................................ 161
2.4.3 瘦臉瘦身/豐胸提臀 ............................................................................... 172
2.5 調整人物面部陰影或高光 ................................................................................ 178
2.6 逆光照片處理 .................................................................................................... 183
2.7 照片色彩調整 .................................................................................................... 186
第 3 章 輕鬆學會摳圖換背景 ....................................................................................... 190
3.1 調整邊緣法摳圖 ................................................................................................ 190
3.2 通道法摳圖 ........................................................................................................ 193
3.3 濾鏡抽出法摳圖 ................................................................................................ 197
3.4 圖層混合模式法摳圖 ........................................................................................ 202
3.5 色彩範圍法摳圖 ................................................................................................ 206
3.6 圖層樣式法摳圖 ................................................................................................ 209
3.7 鋼筆工具摳圖 .................................................................................................... 213
3.8 複雜背景摳取毛髮、婚紗技巧 ........................................................................ 215
3.9 摳取透明物體 .................................................................................................... 231
3.10 純色背景一步摳取法 ...................................................................................... 239
第 4 章 去水印/做水印/加水印 ..................................................................................... 244
4.1 常用 6 種去水印方法 ........................................................................................ 244
4.2 複雜背景去水印方法 ........................................................................................ 250
4.3 製作多種類型的水印 ........................................................................................ 253
4.3.1 橫排/豎排/傾斜文字水印 ...................................................................... 253
4.3.2 圖形水印 ................................................................................................ 254
4.3.3 圖形水印 ................................................................................................ 255
4.3.4 透明立體水印 ........................................................................................ 257
4.4 添加水印 ............................................................................................................ 260
4.5 批量修改圖片大小 ............................................................................................ 265
第 5 章 網店所需各類圖片設計製作 ............................................................................ 268
5.1 店招設計製作 .................................................................................................... 268
5.2 寶貝主圖設計製作 ............................................................................................ 274
5.3 寶貝詳情描述圖設計製作 ................................................................................ 281
5.4 店鋪裝修所需促銷圖、海報圖設計製作 ........................................................ 289
第二篇 完美兼容淘寶店鋪的 Dreamweaver 個性化排版
第 6 章 兼容淘寶網店的基礎代碼編寫 ........................................................................ 297
6.1 初識 Dreamweaver 軟體、版本、界面簡介 ................................................... 297
6.2 HTML 基本語法以及網店裝修常用標籤 ........................................................ 304
6.2.1 什麼是 HTML ........................................................................................ 304
6.2.2 HTML 語法 ............................................................................................ 305
6.2.3 網店裝修常用標籤 ................................................................................ 307
6.3 Dreamweaver 中插入文字、段落、圖片並加連結 ......................................... 309
6.3.1 添加文字及其文字代碼 ........................................................................ 309
6.3.2 段落及其代碼 ........................................................................................ 315
6.3.3 添加圖片及其圖片代碼 ........................................................................ 316
6.3.4 為文字圖片加連結及其代碼 ................................................................ 318
6.4 在 Dreamweaver 中用地圖實現一圖多連結 ................................................... 320
第 7 章 兼容淘寶網店的表格排版 ................................................................................ 323
7.1 Dreamweaver 中表格基礎知識 ........................................................................ 323
7.2 Dreamweaver 中表格進階之表格嵌套 ............................................................ 326
7.3 Dreamweaver 中 CSS 樣式布局排版及套用到網店的重要技巧 ................... 330
第 8 章 兼容淘寶網店的案例實操 ................................................................................ 334
8.1 表格布局製作優惠套餐模板 ............................................................................ 334
8.2 表格布局製作寶貝展示模組 ............................................................................ 340
8.3 表格布局製作產品分類模組 ............................................................................ 342
8.4 表格布局製作客服中心模組 ............................................................................ 346
第三篇 Photoshop 切片+Dreamweaver 加連結的綜合使用
第 9 章 Photoshop 切片+Dreamweaver 實現一圖多連結 ...................................... 356
9.1 Photoshop 切片工具及用法 .............................................................................. 356
9.2 Photoshop+Dreamweaver 綜合套用:不同類型圖的切片加連結方法 .......... 365
附錄 A 第一篇資料 ...................................................................................................... 378
附錄 B 第二篇資料 ...................................................................................................... 382
附錄 C 第三篇資料 ...................................................................................................... 384
作者簡介
李露茜
筆名六點木木,淘寶教育平台最早一批講師,卓瑞商學院創始人,卓瑞首席講師,6年來駐足淘寶一線,見證淘寶多次變革和發展,熟悉淘寶運作模式和誠信體系,根據開店流程獨創多個系統教學課程,授課方向:《淘寶開店內功修煉》《店鋪裝修》《網店推廣運營》《金牌客服系列》《老客維護二次行銷》《淘寶美工速成》《輕鬆學會摳圖換背景》《PS色差調整美化圖片》《網店促銷圖設計製作》《DW網店個性排版》等,幫助眾多中小賣家成功開店並實現盈利。原創開發的電商系列課程學員輻射超過八十萬。具有獨立編寫系統性、可操作性教學課件的能力,曾為北京知名企業研發製作電商系列課程,頗受學員好評及喜愛。
前言
這是一本從網店處理圖片需求出發的全實戰案例操作+圖文詳解圖書。書中涉及內容全部源自淘寶天貓開店一線經驗精華,認真看完並對照步驟練習,能快速學會並掌握網店所需圖片處理以及店鋪排版技能。
本書共三篇。第一篇講解圖片處理,第二篇講解網店裝修排版,第三篇講解圖片處理與網店裝修排版的綜合使用。市面上處理圖片和頁面排版的軟體有很多,功能各不相同,而網店所需為平面圖片,且淘寶天貓本身是一個網站,旗下所有網店的裝修排版屬於網頁編輯範疇,所以本書將採用最權威專業的平面處理軟體 Photoshop 和網頁設計軟體 Dreamweaver 為大家講解實操技能。真正實現:不進培訓班,輕鬆享受專業學習,零基礎也能學會獨立操作。
第一篇:網店 Photoshop 圖片處理實操技能,第 1~5 章。本篇從圖片剪裁/角度修正/文字處理、色差調整美化圖片、輕鬆學會摳圖換背景、去水印/做水印/加水印、網店所需各類圖片設計製作五個方向,以案例操作步驟圖文說明的形式,講解網店圖片利用 Photoshop 應該如何處理;通過處理過程的還原,大家既能學會網店圖片處理方法,又能輕鬆從案例操作步驟中掌握Photoshop 軟體不同工具的用法,一舉多得。
第二篇:完美兼容淘寶店鋪的 Dreamweaver 個性化排版,第 6~8 章。淘寶網是一個大型網站,每一個淘寶賣家的店鋪是其分支,可以理解為單個小型網站,由不同的網頁構成。當賣家裝修店鋪或發布寶貝時,可以個性化排版展示商品,這個“排版”的動作用 Dreamweaver 軟體可視化編輯會更簡單。本篇從 HTML 網頁基本語法、網店裝修常用標籤、排版時插入文字/段落/圖片並設定其樣式、為文字添加連結、為圖片添加一個或多個連結、利用表格布局排版等六個方面,手把手教會大家完美兼容淘寶網店的表格布局代碼編寫技巧,並通過案例還原網店使用頻率最高的“優惠套餐模組” 、 “寶貝展示模組” 、 “產品分類模組” 、 “客服中心模組”的排版過程,以及學會這幾類問題的處理方法。即使是零基礎的“小白”學完後,結合第一篇的圖片處理知識,也能獨立排版出網店常用 98%以上的寶貝展示效果。網店裝修個性化被淘寶官方限制在一定範圍內,對 Dreamweaver 軟體使用高手來說,更得看看這些內容,它跟獨立網站的設計和製作還是有區別的。
第三篇:Photoshop 切片+Dreamweaver 加連結的綜合使用,第 9 章。當對店鋪進行裝修或對店內商品詳情進行排版時,不管是圖片還是頁面展示,從無到有再到專業,一定是建立在對軟體熟練的基礎上按需靈活處理實現; 本篇將教會大家開店必備技巧:Photoshop 處理好的圖片切片、導出切片/代碼、在 Dreamweaver 軟體中編輯修改和安裝到店鋪。學會這些方法後,將終身受用。