內(nèi)容簡介

全書共20章，包括初識Photoshop CC、圖像的基本操作、選區(qū)的創(chuàng)建與基本操作、調(diào)整圖像的色彩、修飾與繪制圖像、快速制作圖像特效、圖層蒙版與通道的應用、制作網(wǎng)頁特效文字、制作網(wǎng)頁按鈕與導航條、制作網(wǎng)頁特效邊線與背景、制作網(wǎng)頁Logo、制作網(wǎng)頁Banner、網(wǎng)頁配色基礎概述、網(wǎng)頁配色的要領、網(wǎng)頁配色的色彩表現(xiàn)、網(wǎng)頁配色工具的使用、根據(jù)網(wǎng)頁色調(diào)進行配色、不同網(wǎng)站網(wǎng)頁配色設計分析。最后以兩個綜合網(wǎng)站的設計為例進行講解。每章的實戰(zhàn)案例可以幫助讀者進一步鞏固所學的知識，提高綜合實戰(zhàn)能力。

本書內(nèi)容豐富全面，圖文并茂，步驟清晰，通俗易懂，使讀者能輕松理解Photoshop CC網(wǎng)頁設計與配色的方法，并能解決實際生活或工作中的問題，真正做到知其然更知其所以然。

 

本書注重實用，可操作性強，詳細講解了書中每一個知識點和技巧，適合所有的網(wǎng)頁設計初學者快速入門，同時也適合想全面了解Photoshop CC網(wǎng)頁設計與配色的設計人員閱讀。

 

 

前    言

　　“網(wǎng)站開發(fā)案例課堂”系列圖書是專門為辦公技能和網(wǎng)頁設計初學者量身定制的一套學習用書，涵蓋高效辦公、網(wǎng)站開發(fā)、數(shù)據(jù)庫設計等方面。整套書具有以下特點。

前沿科技

　　無論是網(wǎng)站建設、數(shù)據(jù)庫設計還是HTML5、CSS3，我們都精選較為前沿或者用戶群較大的領域進行介紹，幫助讀者認識和了解最新動態(tài)。

權(quán)威的作者團隊

　　組織國家重點實驗室和資深應用專家聯(lián)手編著該套圖書，融合豐富的教學經(jīng)驗與優(yōu)秀的管理理念。

學習型案例設計

　　以技術(shù)的實際應用過程為主線，全程采用圖解和同步多媒體結(jié)合的教學方式，生動、直觀、全面地剖析使用過程中的各種應用技能，降低難度，提升學習效率。

為什么要寫這樣一本書

　　Photoshop CC在網(wǎng)頁設計和配色方面的應用越來越普遍，包括版面設計，按鈕的制作及應用，Banner和導航條的制作，網(wǎng)頁廣告制作，文字特效設計，網(wǎng)頁其他組成部分的設計和制作等內(nèi)容。對初學者來說，實用性強和易于操作是目前最大的需求。為此，本書主要面向想學習網(wǎng)頁前臺設計和配色的初學者，可以讓初學者入門后快速提高實戰(zhàn)水平。

本書特色

零基礎、入門級的講解

　　無論您是否從事計算機相關(guān)行業(yè)，無論您是否接觸過網(wǎng)頁配色，都能從本書中找到最佳起點。

超多、實用、專業(yè)的范例和項目

　　本書在編排上緊密結(jié)合深入學習網(wǎng)頁配色技術(shù)的先后過程，從Photoshop軟件的基本操作開始，帶領大家逐步深入地學習各種網(wǎng)頁配色的應用技巧，側(cè)重實戰(zhàn)技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者讀起來簡明輕松，操作起來有章可循。

隨時檢測自己的學習成果

　　大部分章節(jié)中，均提供了“疑難解惑”板塊，以指導讀者解決學習中的困惑。

　　大部分章末的“跟我學上機”板塊，均根據(jù)本章內(nèi)容精選而成，讀者可以隨時檢測自己的學習成果和實戰(zhàn)能力，做到融會貫通。

細致入微、貼心提示

　　本書在講解過程中，使用了大量的“注意”“提示”“技巧”等小貼士，使讀者在學習過程中更清楚地了解相關(guān)操作、理解相關(guān)概念，并輕松掌握各種操作技巧。

專業(yè)創(chuàng)作團隊和技術(shù)支持

　　您在學習過程中遇到任何問題，均可加入QQ群(案例課堂VIP)451102631進行提問，專家人員會在線答疑。

超值資源大放送

全程同步教學錄像

　　涵蓋本書所有知識點，詳細講解每個實例及項目的過程和技術(shù)關(guān)鍵點，可以使讀者比看書更輕松地掌握書中所有的網(wǎng)頁制作和設計知識，而且擴展的講解部分使讀者能得到比書中更多的收獲。

超多容量王牌資源

　　贈送大量王牌資源，包括本書實例的素材和結(jié)果文件、教學幻燈片、本書精品教學視頻、88個實用類網(wǎng)頁配色模板、12部網(wǎng)頁設計參考手冊、網(wǎng)頁顏色速查表、Photoshop CC快捷鍵和技巧速查手冊、精彩網(wǎng)站配色方案賞析、網(wǎng)頁樣式與布局案例賞析、Web前端工程師常見面試題等。讀者可以通過QQ群(案例課堂VIP)：451102631獲取贈送資源，也可以掃描二維碼，下載本書資源。

讀者對象

沒有任何網(wǎng)頁配色基礎的初學者。

有一定的Photoshop操作基礎，想精通網(wǎng)頁配色的人員。

有一定的配色基礎，沒有項目經(jīng)驗的人員。

正在進行畢業(yè)設計的學生。

大專院校及培訓學校的老師和學生。

創(chuàng)作團隊

　　本書由劉春茂編著，參加編寫的人員還有劉玉萍、張金偉、蒲娟、周佳、付紅、李園、郭廣新、侯永崗、王攀登、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、王偉、展娜娜、李琪、梁云梁和周浩浩。在編寫過程中，我們竭盡所能地將最好的講解呈現(xiàn)給讀者，但也難免有疏漏和不妥之處，敬請不吝指正。若您在學習中遇到困難或疑問，或有任何意見或建議，可寫信至信箱357975357@qq.com。

　　

　　                                                      編  者

 

 

 

目    錄

 

第1章  初識Photoshop CC 1

1.1  安裝與卸載Photoshop CC 2

1.1.1  安裝Photoshop CC的系統(tǒng)需求 2

1.1.2  安裝Photoshop CC 3

1.1.3  卸載Photoshop CC 5

1.2  啟動與退出Photoshop CC 6

1.2.1  啟動Photoshop CC 6

1.2.2  退出Photoshop CC 7

1.3  Photoshop CC的工作界面 9

1.3.1  認識菜單欄 9

1.3.2  認識選項欄 10

1.3.3  認識工具箱 10

1.3.4  認識圖像窗口 11

1.3.5  認識面板 12

1.3.6  認識狀態(tài)欄 13

1.4  Photoshop CC的新增功能 15

1.4.1  多畫板支持 15

1.4.2  增強的移動應用程序設計 15

1.4.3  液化濾鏡增強 16

1.4.4  將模糊畫廊效果應用為

智能濾鏡 16

1.4.5  從形狀或文本圖層復制CSS

屬性 16

1.4.6  條件動作 17

1.4.7  高dpi顯示支持 17

1.4.8  全新的圖像資源生成功能 17

1.4.9  全新的智能增加取樣 18

1.4.10  全新的防抖濾鏡 18

1.4.11  增強的Camera Raw功能 19

1.4.12  全新的3D面板 19

1.5  Photoshop CC的學習方法 20

1.5.1  使用幫助資源 20

1.5.2  學習Photoshop的三大步驟 20

1.6  綜合案例——在Photoshop CC中

構(gòu)建網(wǎng)頁結(jié)構(gòu) 21

1.7  跟我學上機——使用Photoshop CC

進行切圖 21

1.8  疑難解惑 23

第2章  圖像的簡單編輯 25

2.1  查看圖像 26

2.1.1  使用導航器查看圖像 26

2.1.2  使用縮放工具查看圖像 26

2.1.3  使用抓手工具查看圖像 27

2.1.4  多角度查看圖像 28

2.1.5  使用菜單欄縮放圖像 29

2.1.6  在多窗口中查看圖像 29

2.2  圖像的移動與裁剪 30

2.2.1  移動圖像 30

2.2.2  使用裁剪工具 32

2.2.3  使用透視裁剪工具 33

2.2.4  用【裁剪】命令裁剪 34

2.2.5  用【裁切】命令裁切 34

2.3  調(diào)整圖像和畫布 35

2.3.1  調(diào)整圖片的大小 35

2.3.2  調(diào)整畫布的大小 36

2.3.3  旋轉(zhuǎn)圖像與畫布 37

2.3.4  顯示畫布之外的圖像 39

2.4  圖像的拷貝與粘貼 39

2.4.1  復制文檔 39

2.4.2  拷貝圖像 40

2.4.3  合并拷貝圖像 41

2.4.4  剪切圖像 42

2.4.5  粘貼與選擇性粘貼圖像 43

2.4.6  清除圖像 44

2.5  圖像的變換與變形 45

2.5.1  縮放與旋轉(zhuǎn)圖像 45

2.5.2  斜切與扭曲圖像 47

2.5.3  透視與變形圖像 48

2.5.4  內(nèi)容識別縮放圖像 50

2.5.5  操控變形圖像 51

2.6  綜合案例——將照片設置為

桌面背景 54

2.7  跟我學上機——裁剪并修齊掃描出的

照片 57

2.8  疑難解惑 57

第3章  運用選區(qū)編輯圖像 59

3.1  創(chuàng)建規(guī)則選區(qū) 60

3.1.1  創(chuàng)建矩形選區(qū) 60

3.1.2  創(chuàng)建圓形與橢圓形選區(qū) 62

3.1.3  創(chuàng)建單行與單列選區(qū) 63

3.2  創(chuàng)建不規(guī)則選區(qū) 64

3.2.1  創(chuàng)建任意不規(guī)則選區(qū) 64

3.2.2  創(chuàng)建有一定規(guī)則的選區(qū) 65

3.2.3  自動創(chuàng)建不規(guī)則選區(qū) 66

3.3  快速創(chuàng)建選區(qū) 68

3.3.1  使用快速選擇工具創(chuàng)建選區(qū) 68

3.3.2  使用魔棒工具創(chuàng)建選區(qū) 69

3.4  使用其他命令創(chuàng)建選區(qū) 71

3.4.1  使用【色彩范圍】命令

創(chuàng)建選區(qū) 71

3.4.2  使用鋼筆工具創(chuàng)建選區(qū) 73

3.4.3  使用通道創(chuàng)建選區(qū) 74

3.5  選區(qū)的基本操作 74

3.5.1  選擇全部選區(qū)與反選選區(qū) 74

3.5.2  取消選擇和重新選擇 75

3.5.3  添加選區(qū)與減去選區(qū) 75

3.5.4  復制與移動選區(qū) 77

3.5.5  隱藏或顯示選區(qū) 78

3.6  選區(qū)的編輯操作 79

3.6.1  選區(qū)圖像的變換 79

3.6.2  存儲和載入選區(qū) 79

3.6.3  描邊選區(qū) 80

3.6.4  羽化選區(qū)邊緣 81

3.6.5  擴大選取與選取相似 82

3.6.6  修改選區(qū)邊界 82

3.6.7  平滑選區(qū)邊緣 83

3.6.8  擴展與收縮選區(qū) 84

3.7  綜合案例——設計光盤的封面 85

3.8  跟我學上機——摳取圖像中的

細致邊緣 88

3.9  疑難解惑 91

第4章  調(diào)整圖像的色彩和色調(diào) 93

4.1  認識圖像的顏色模式 94

4.1.1  位圖模式 94

4.1.2  灰度模式 95

4.1.3  雙色調(diào)模式 95

4.1.4  索引顏色模式 96

4.1.5  RGB顏色模式 98

4.1.6  CMYK顏色模式 98

4.1.7  Lab顏色模式 99

4.1.8  顏色深度 99

4.2  圖像色調(diào)的調(diào)整 100

4.2.1  調(diào)整圖像的亮度與對比度 100

4.2.2  使用【色階】命令調(diào)整圖像 100

4.2.3  使用【曲線】命令調(diào)整圖像 104

4.2.4  調(diào)整圖像的曝光度 107

4.3  圖像色彩的調(diào)整 108

4.3.1  【色相/飽和度】命令 108

4.3.2  【自然飽和度】命令 110

4.3.3  【色彩平衡】命令 110

4.3.4  【黑白】命令 112

4.3.5  【照片濾鏡】命令 113

4.3.6  【通道混合器】命令 113

4.3.7  【匹配顏色】命令 115

4.3.8  【替換顏色】命令 116

4.3.9  【可選顏色】命令 118

4.3.10  【陰影/高光】命令 119

4.4  特殊效果的色調(diào)調(diào)整 120

4.4.1  【反相】命令 121

4.4.2  【色調(diào)分離】命令 121

4.4.3  【閾值】命令 122

4.4.4  【漸變映射】命令 122

4.4.5  【去色】命令 123

4.4.6  【色調(diào)均化】命令 123

4.5  自動調(diào)整圖像色彩 124

4.6  綜合案例——校正顯示效果偏紅的

圖片 125

4.7  跟我學上機——查看圖像印刷效果 127

4.8  疑難解惑 128

第5章  修飾和繪制圖像 129

5.1  修復圖像中的污點與瑕疵 130

5.1.1  修復圖像中的污點 130

5.1.2  修復圖像中的瑕疵 130

5.1.3  修復圖像選中的區(qū)域 131

5.1.4  內(nèi)容感知移動工具 132

5.1.5  消除照片中的紅眼 133

5.2  通過圖像或圖案修飾圖像 133

5.2.1  通過復制圖像修飾圖像 134

5.2.2  通過圖案修飾圖像 135

5.3  通過橡皮擦修飾圖像 135

5.3.1  擦除圖像中指定的區(qū)域 136

5.3.2  擦除圖像中指定的顏色 136

5.3.3  擦除圖像中相近的顏色 137

5.4  修飾圖像中的細節(jié) 138

5.4.1  修飾圖像中生硬的邊緣 138

5.4.2  提高圖像的清晰度 139

5.4.3  通過涂抹修飾圖像 139

5.5  通過調(diào)色修飾圖像 140

5.5.1  減淡工具和加深工具 140

5.5.2  改變圖像色彩的飽和度 141

5.6  使用繪畫工具繪制圖像 141

5.6.1  認識【畫筆】和【畫筆預設】

面板 141

5.6.2  使用畫筆工具為黑白

圖像著色 144

5.6.3  使用鉛筆工具繪制鉛筆形狀 145

5.6.4  使用顏色替換工具為

圖像換色 146

5.6.5  使用混合器畫筆工具繪制

油畫 147

5.7  使用歷史記錄畫筆工具繪制圖像 148

5.7.1  使用歷史記錄畫筆工具通過

源數(shù)據(jù)繪畫 149

5.7.2  使用歷史記錄藝術(shù)畫筆工具

繪制粉筆畫 150

5.8  使用填充工具填充圖像 151

5.8.1  使用漸變工具繪制彩虹 151

5.8.2  使用油漆桶工具為圖像著色 153

5.9  綜合案例——制作放射線背景圖 154

5.10  跟我學上機——自定義我的畫筆 154

5.11  疑難解惑 155

第6章  快速制作圖像特效 157

6.1  濾鏡基礎知識 158

6.1.1  濾鏡與濾鏡庫 158

6.1.2  濾鏡的基礎操作 158

6.2  使用內(nèi)置濾鏡制作圖像特效 160

6.2.1  風格化濾鏡組 160

6.2.2  畫筆描邊濾鏡組 163

6.2.3  模糊濾鏡組 165

6.2.4  模糊畫廊濾鏡組 169

6.2.5  扭曲濾鏡組 175

6.2.6  銳化濾鏡組 179

6.2.7  素描濾鏡組 181

6.2.8  紋理濾鏡組 185

6.2.9  藝術(shù)效果濾鏡組 188

6.2.10  像素化濾鏡組 191

6.2.11  渲染濾鏡組 194

6.2.12  雜色濾鏡組 196

6.2.13  視頻濾鏡組 197

6.3  使用外掛濾鏡制作圖像特效 197

6.3.1  安裝外掛濾鏡 197

6.3.2  使用外掛濾鏡 198

6.4  綜合案例——制作水中倒影效果 199

6.5  跟我學上機——制作藍天白云圖像 203

6.6  疑難解惑 205

第7章  圖層與圖層樣式的應用 207

7.1  新建圖層 208

7.1.1  通過【圖層】命令新建圖層 208

7.1.2  通過【通過拷貝的圖層】

命令新建圖層 208

7.1.3  通過【通過剪切的圖層】

命令新建圖層 209

7.1.4  通過【圖層】面板新建圖層 209

7.1.5  新建背景圖層 210

7.1.6  將背景圖層轉(zhuǎn)換為普通圖層 211

7.2  圖層的基本操作 211

7.2.1  選擇圖層 211

7.2.2  顯示與隱藏圖層 212

7.2.3  復制圖層 212

7.2.4  刪除圖層 213

7.2.5  重命名圖層 214

7.2.6  調(diào)整圖層順序 214

7.2.7  鎖定圖層 215

7.2.8  對齊和分布圖層 216

7.2.9  合并和蓋印圖層 218

7.2.10  柵格化圖層 220

7.3  調(diào)整圖層 220

7.3.1  認識調(diào)整圖層 221

7.3.2  新建調(diào)整圖層 221

7.3.3  使用調(diào)整圖層 222

7.3.4  指定影響范圍 223

7.3.5  修改調(diào)整參數(shù) 225

7.3.6  刪除調(diào)整圖層 225

7.4  填充圖層 226

7.4.1  使用純色填充圖層 226

7.4.2  使用漸變填充圖層 227

7.4.3  使用圖案填充圖層 228

7.4.4  修改填充圖層參數(shù) 230

7.5  圖層的混合模式 231

7.5.1  認識圖層的混合模式 231

7.5.2  使用圖層混合模式 232

7.6  圖層的圖層樣式 236

7.6.1  添加圖層樣式 236

7.6.2  使用混合選項 237

7.6.3  使用斜面和浮雕樣式 238

7.6.4  使用描邊樣式 239

7.6.5  使用內(nèi)陰影樣式 240

7.6.6  使用投影樣式 240

7.6.7  使用內(nèi)發(fā)光和外發(fā)光樣式 242

7.6.8  使用光澤樣式 243

7.6.9  使用顏色疊加、漸變疊加和

圖案疊加樣式 244

7.7  使用【樣式】面板 245

7.7.1  應用樣式 245

7.7.2  新建樣式 245

7.7.3  載入樣式 246

7.7.4  刪除樣式 247

7.8  綜合案例——圖像的藝術(shù)化處理 247

7.9  跟我學上機——將兩幅圖像糅合為

一幅圖像 249

7.10  疑難解惑 250

第8章  通道與蒙版的應用 251

8.1  通道概述 252

8.1.1  通道的類型 252

8.1.2  認識【通道】面板 253

8.2  通道的基本操作 254

8.2.1  創(chuàng)建Alpha通道 254

8.2.2  創(chuàng)建專色通道 255

8.2.3  復制和刪除通道 256

8.2.4  通道與選區(qū)的轉(zhuǎn)換 257

8.3  分離與合并通道 258

8.3.1  分離通道 258

8.3.2  合并通道 258

8.3.3  合并專色通道 260

8.4  通道混合命令 260

8.4.1  使用【應用圖像】命令 260

8.4.2  使用【計算】命令 262

8.5  圖層蒙版 263

8.5.1  什么是圖層蒙版 263

8.5.2  認識蒙版的【屬性】面板 264

8.5.3  停用和啟用圖層蒙版 266

8.5.4  應用與復制圖層蒙版 266

8.5.5  將矢量蒙版轉(zhuǎn)換為圖層蒙版 267

8.5.6  使用圖層蒙版摳取圖像 267

8.6  矢量蒙版 269

8.6.1  創(chuàng)建矢量蒙版 269

8.6.2  編輯矢量蒙版 270

8.7  剪貼蒙版 271

8.7.1  認識剪貼蒙版 272

8.7.2  創(chuàng)建剪貼蒙版 272

8.7.3  編輯剪貼蒙版 273

8.7.4  釋放剪貼蒙版 274

8.8  快速蒙版 275

8.8.1  認識快速蒙版 275

8.8.2  使用快速蒙版 276

8.9  綜合案例1——使用通道摳取復雜

圖像 276

8.10  綜合案例2——使用圖層蒙版合成

圖像 279

8.11  跟我學上機——使用蒙版制作漸隱

圖像效果 281

8.12  疑難解惑 282

第9章  制作網(wǎng)頁特效文字 283

9.1  文字的類型 284

9.2  輸入文字 284

9.2.1  通過文字工具輸入文字 284

9.2.2  通過文字蒙版工具創(chuàng)建

文字狀選區(qū) 286

9.2.3  轉(zhuǎn)換點文字和段落文字 287

9.2.4  轉(zhuǎn)換文字排列方向 287

9.3  設置文字格式 288

9.3.1  通過選項欄設置格式 288

9.3.2  通過【字符】面板設置

文字格式 289

9.3.3  通過【段落】面板設置

段落格式 290

9.3.4  設置字符樣式和段落樣式 292

9.3.5  查找和替換文本 292

9.4  文字轉(zhuǎn)換 293

9.4.1  將文字轉(zhuǎn)換為工作路徑 293

9.4.2  將文字轉(zhuǎn)換為形狀 294

9.4.3  將文字轉(zhuǎn)換為圖像 294

9.5  制作常見特效文字 295

9.5.1  制作路徑文字 295

9.5.2  制作變形文字 296

9.6  綜合案例——制作燃燒文字特效 297

9.7  跟我學上機——制作空心輪廓字 300

9.8  疑難解惑 302

第10章  制作網(wǎng)頁按鈕與導航條 303

10.1  按鈕與導航條的設計原則 304

10.1.1  網(wǎng)頁按鈕的設計注意事項 304

10.1.2  網(wǎng)頁導航條的設計注意事項 304

10.2  制作按鈕 305

10.2.1  綜合案例1——制作普通

按鈕 305

10.2.2  綜合案例2——制作迷你

按鈕 307

10.2.3  綜合案例3——制作水晶

按鈕 309

10.2.4  綜合案例4——制作木紋

按鈕 313

10.3  制作導航條 316

10.3.1  綜合案例5——制作橫向

導航條 316

10.3.2  綜合案例6——制作垂直

導航條 319

10.4  跟我學上機——制作水晶風格網(wǎng)站

導航條 321

10.5  疑難解惑 327

第11章  制作網(wǎng)頁特效邊線與背景 329

11.1  制作裝飾邊線 330

11.1.1  綜合案例1——制作裝飾

虛線 330

11.1.2  綜合案例2——制作內(nèi)嵌

線條 332