Photoshop 網頁設計與配色案例課堂

《Photoshop 網頁設計與配色案例課堂》是2015年清華大學出版社出版的圖書。

基本介紹

• 書名：Photoshop 網頁設計與配色案例課堂
• ISBN：9787302385554
• 定價：59元
• 出版社：清華大學出版社
• 出版時間：2015-1-9
• 裝幀：平裝

圖書簡介

全書共分為20章，分別介紹了初識Photoshop CS6、圖像的簡單編輯、選區的創建與基本操作、調整圖像的色彩、繪製與修飾圖像、快速製作圖像特效、圖層蒙版與通道的套用、製作網頁文字特效、製作網頁按鈕與導航條、製作網頁特效邊線與背景、製作網站Logo、製作網頁Banner、網頁配色基礎概述、網頁配色的要領、網頁配色的色彩表現、配色工具的使用、根據網頁色調進行配色、不同網站網頁配色設計分析。

目錄

第1章初識PhotoshopCS61

1.1啟動與退出PhotoshopCS62

1.1.1啟動PhotoshopCS62

1.1.2退出PhotoshopCS62

1.2認識PhotoshopCS6的工作界面3

1.2.1認識選單欄4

1.2.2認識工具箱5

1.2.3認識選項欄5

1.2.4認識調板5

1.2.5認識屬性欄6

1.2.6認識狀態欄6

1.3了解PhotoshopCS6的新增功能7

1.3.1全新的界面設計7

1.3.2內容感知移動工具7

1.3.3模糊濾鏡8

1.3.4新增自動保存和圖層搜尋功能11

1.3.5一鍵美圖功能12

1.3.6全新的裁剪工具13

1.3.7透視裁切工具13

1.3.8鏡頭矯正14

1.3.9視頻處理功能15

1.3.10迷你管理器15

1.3.11全新的AdobeMercury圖形引擎15

1.3.12靈活的畫筆調整16

1.3.13矢量圖形樣式16

1.3.14CameraRaw增效工具16

1.3.15膚色選擇功能16

1.3.16新增3D文字特效工具17

1.4綜合實例1——在PhotoshopCS6當中構建網頁結構17

1.5綜合實例2——使用PhotoshopCS6進行切圖19

1.6專家答疑20

第2章圖像的簡單編輯21

2.1檔案的基本操作22

2.1.1新建檔案22

2.1.3保存檔案23

2.1.4置入檔案24

2.1.5關閉檔案26

2.2圖像的基本操作26

2.2.1使用導航器查看圖像26

2.2.2使用縮放工具查看圖像27

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

2.2.4調整圖像的大小28

2.2.5調整畫布的大小28

2.2.6調整圖像的方向30

2.2.7裁剪圖像31

2.2.8圖像的變換與變形33

2.3綜合實例1——圖像的藝術化修飾34

2.4綜合實例2——為圖像添加背景35

2.5專家答疑36

第3章選區的創建與基本操作37

3.1認識選區38

3.2創建選區的工具、命令38

3.2.1選框工具38

3.2.2鋼筆工具39

3.2.3磁性套索、魔棒選擇工具40

3.2.4蒙版工具41

3.2.5快速選擇+調整邊緣工具42

3.2.6【色彩範圍】命令42

3.2.7通道工具43

3.3選區的基本操作44

3.3.1快速選擇選區與反選選區44

3.3.2取消選擇和重新選擇45

3.3.3添加選區與減去選區45

3.3.4羽化選區47

3.3.5精確選擇選區與移動選區48

3.3.6隱藏或顯示選區48

3.4選區的編輯49

3.4.1選區圖像的變換49

3.4.2存儲和載入選區51

3.4.3描邊選區52

3.4.4羽化選區邊緣52

3.4.5擴大選取與選取相似53

3.4.6修改選區邊界54

3.4.7平滑選區邊緣55

3.4.8擴展選區56

3.4.9收縮選區57

3.5綜合實例1——用橢圓選框工具設計光碟封面58

3.6綜合實例2——使用【調整邊緣】命令摳毛髮60

3.7專家答疑63

第4章調整圖像的色彩65

4.1了解圖像的顏色模式66

4.1.1RGB顏色模式66

4.1.2CMYK顏色模式67

4.1.3灰度模式68

4.1.4點陣圖模式69

4.1.5雙色調模式69

4.1.6索引顏色模式70

4.1.7Lab顏色模式70

4.2快速調整圖像的色彩71

4.2.1調整圖像的色階71

4.2.2調整圖像的亮度/對比度71

4.2.3調整圖像的色彩平衡72

4.2.4調整圖像的曲線72

4.2.5調整圖像的色相/飽和度73

4.2.6將彩色照片變成黑白照片74

4.2.7匹配圖像顏色75

4.2.8為圖像替換顏色76

4.2.9使用【可選顏色】命令調整圖像76

4.2.10調整圖像的陰影/高光77

4.2.11調整圖像的曝光度78

4.2.12使用【通道混和器】命令調整圖像的顏色78

4.2.13為圖像添加漸變映射效果79

4.2.14調整圖像的偏色80

4.2.15實現圖片的底片效果80

4.2.16使用【色調均化】命令調整圖像81

4.2.17製作黑白分明的圖像效果81

4.2.18實現圖片的特殊效果82

4.2.19實現圖像不同色調區的調整82

4.2.20使用【自然飽和度】命令調整圖像的色彩83

4.2.21使用【黑白】命令調整圖像的色彩83

4.3綜合實例1——校正偏紅圖片84

4.4綜合實例2——模糊風景照片的處理86

4.5專家答疑88

第5章繪製與修飾圖像89

5.1使用繪畫工具繪製圖像90

5.1.1畫筆工具90

5.1.2鉛筆工具95

5.1.3歷史記錄藝術畫筆工具97

5.1.4形狀工具98

5.2使用修飾工具修飾圖像101

5.2.1污點修復畫筆工具101

5.2.2修復畫筆工具103

5.2.3修補工具104

5.2.4紅眼工具106

5.2.5仿製圖章工具107

5.2.6模糊工具107

5.2.7銳化工具108

5.2.8塗抹工具108

5.3綜合實戰1——將兩張圖像糅合為一張圖像111

5.4綜合實戰2——製作潑墨山水畫112

5.5專家答疑116

第6章快速製作圖像特效117

6.1濾鏡概述118

6.1.1濾鏡庫118

6.1.2濾鏡的使用方法118

6.2使用濾鏡製作扭曲效果119

6.2.1放大鏡效果——液化濾鏡119

6.2.2波浪效果120

6.2.3玻璃效果120

6.2.4波紋效果121

6.2.5球面化效果121

6.2.6擠壓效果121

6.2.7旋轉扭曲效果122

6.3使用濾鏡製作風格化效果122

6.3.1浮雕效果123

6.3.2風效果124

6.3.3馬賽克拼貼效果124

6.3.4查找邊緣效果125

6.3.5拼貼效果125

6.3.6凸出效果126

6.4使用濾鏡使圖像清晰或模糊126

6.4.1銳化與銳化邊緣效果127

6.4.2智慧型銳化效果127

6.4.3表面模糊效果128

6.4.4動感模糊效果129

6.4.5高斯模糊效果129

6.4.6徑向模糊效果130

6.4.7鏡頭模糊效果130

6.5使用濾鏡製作藝術效果131

6.5.1壁畫效果131

6.5.2彩色鉛筆效果132

6.5.3粗糙蠟筆效果132

6.5.4底紋效果133

6.5.5調色刀效果133

6.5.6乾畫筆效果134

6.5.7海報邊緣效果134

6.5.8海綿效果135

6.5.9繪畫塗抹效果135

6.5.10膠片顆粒效果136

6.5.11木刻效果136

6.5.12霓虹燈光效果137

6.5.13水彩效果137

6.5.14塑膠包裝效果138

6.5.15塗抹棒效果138

6.6其他常用濾鏡組139

6.6.1【素描】濾鏡組139

6.6.2【紋理】濾鏡組140

6.6.3【像素化】濾鏡組141

6.6.4【渲染】濾鏡組141

6.7綜合實戰1——去除照片多餘人物142

6.8綜合實戰2——製作藍色特效魔圈144

6.9專家答疑146

第7章圖層蒙版與通道的套用147

7.1圖層的基本操作148

7.1.1創建圖層148

7.1.2隱藏與顯示圖層148

7.1.3對齊圖層149

7.1.4合併圖層151

7.1.5設定不透明度和填充152

7.2圖層的樣式操作154

7.2.1斜面和浮雕154

7.2.2外發光155

7.2.3描邊155

7.2.4圖案疊加156

7.3蒙版的套用157

7.3.1剪貼蒙版157

7.3.2快速蒙版159

7.3.3圖層蒙版161

7.3.4矢量蒙版163

7.4通道的套用164

7.4.1複合通道164

7.4.2顏色通道168

7.4.3專色通道170

7.4.4Alpha通道172

7.5綜合實例1——使用計算功能製作灰色圖像176

7.6綜合實例2——綜合運用選擇工具設計時鐘179

7.7專家答疑186

第8章製作網頁文字特效187

8.1創建文字效果188

8.1.1輸入文字188

8.1.2設定文字屬性189

8.1.3設定段落屬性190

8.1.4轉換文字形式191

8.1.5通過調板設定文字格式192

8.1.6柵格化文字194

8.1.7創建變形文字194

8.1.8創建路徑文字195

8.2綜合案例1——製作水晶文字196

8.3綜合案例2——製作燃燒的文字197

8.4專家答疑202

第9章製作網頁按鈕與導航條203

9.1按鈕與導航條的設計原則204

9.1.1網頁按鈕的設計注意事項204

9.1.2網頁導航條的設計注意事項204

9.2製作按鈕205

9.2.1實例1——製作普通按鈕205

9.2.2實例2——製作迷你按鈕207

9.2.3實例3——製作水晶按鈕210

9.2.4實例4——製作木紋按鈕216

9.3製作導航條218

9.3.1實例5——製作橫嚮導航條218

9.3.2實例6——製作縱嚮導航條222

9.4專家答疑224

第10章製作網頁特效邊線與背景225

10.1製作裝飾邊線226

10.1.1實例1——裝飾虛線的製作226

10.1.2實例2——內嵌線條的製作228

10.1.3實例3——斜紋線條的製作230

10.2背景圖片的製作231

10.2.1實例4——製作漸變背景圖片231

10.2.2實例5——製作透明背景圖像235

10.2.3實例6——魔幻背景圖像的製作237

10.3專家答疑240

第11章製作網站Logo241

11.1網站Logo概述242

11.1.1網站Logo設計標準242

11.1.2網站Logo的標準尺寸243

11.1.3網站Logo的一般形式244

11.2製作時尚空間感的文字Logo244

11.2.1製作背景244

11.2.2製作文字內容245

11.2.3繪製自定義形狀247

11.2.4美化文字Logo247

11.3製作圖案Logo249

11.3.1製作背景249

11.3.2製作圖案效果251

11.4圖文結合Logo253

11.4.1製作網站Logo中的圖案253

11.4.2製作網站Logo中的文字255

11.5專家答疑258

第12章製作網頁Banner259

12.1網站Banner概述260

12.1.1網站Banner的標準尺寸260

12.1.2Banner設計注意要點260

12.2製作英文Banner261

12.2.1實例1——製作Banner背景261

12.2.2實例2——製作Banner底紋262

12.2.3實例3——製作文字特效263

12.3製作中文Banner264

12.3.1實例4——輸入特效文字264

12.3.2實例5——將輸入的文字設定為3D效果265

12.3.3實例6——製作Banner背景267

12.4專家答疑268

第13章網頁配色基礎概述269

13.1網頁色彩概述270

13.1.1了解網頁的色彩270

13.1.2色彩的基礎知識271

13.1.3Web216安全色274

13.2色彩標準概述275

13.2.1網頁色彩的搭配技巧275

13.2.2色彩三屬性276

13.2.3色彩的對比與調和277

13.2.4色彩的心理聯想278

13.2.5不同配色方案的心理感覺279

13.3色調和色相環281

13.3.1色調281

13.3.2色彩三原色281

13.3.3冷暖色系之分282

13.3.4同一色系282

13.3.5色相環的色相關係283

13.4色彩的感覺284

13.4.1色彩的冷暖感覺284

13.4.2色彩的輕重感覺284

13.4.3色彩的爽朗鬱悶感285

13.4.4色彩的興奮沉穩感285

13.4.5色彩的華麗與樸實286

13.4.6色彩的酸甜苦辣感286

13.5專家答疑288

第14章網頁配色的要領289

14.1網頁的版式結構290

14.1.1“國”字形網頁結構290

14.1.2“呂”字形網頁結構291

14.1.3“川”字形網頁結構292

14.1.4“回”字形網頁結構293

14.2網頁配色常識294

14.2.1網站Logo的配色常識294

14.2.2網頁Banner的配色常識298

14.2.3網頁導航的配色常識301

14.2.4網頁主頁面的配色常識303

14.2.5網頁子頁面的配色常識305

14.3網頁配色方法306

14.3.1對比色配色法306

14.3.2鄰近色配色法307

14.3.3冷暖互補配色法309

14.3.4色彩的疊加配色法310

14.3.5色彩的柔光配色法312

14.3.6色彩的透明度配色法313

14.4專家答疑314

第15章網頁配色的色彩表現315

15.1網頁標誌的色彩表現316

15.1.1紅色標誌316

15.1.2黃色標誌316

15.1.3藍色標誌316

15.1.4綠色標誌316

15.1.5紫色標誌316

15.2網頁的色彩表現317

15.2.1性別的色彩表現317

15.2.2年齡的色彩表現318

15.2.3商業的色彩表現320

15.2.4虛擬網站的色彩表現321

15.2.5自然界的色彩表現322

15.3網頁的色彩信息量323

15.3.1紅色的信息量與網頁表現323

15.3.2黃色的信息量與網頁表現326

15.3.3綠色的信息量與網頁表現328

15.3.4藍色的信息量與網頁表現329

15.3.5黑白色的信息量與網頁表現331

15.3.6灰色的信息量與網頁表現333

15.4專家答疑333

第16章配色工具的使用335

16.1使用經典配色工具——ColorImpact336

16.1.1建立漂亮的顏色方案336

16.1.2通過內置工具獲取配色方案337

16.1.3通過高級色環獲取配色方案340

16.1.4查看獲取的配色方案343

16.2其他網頁配色工具的使用345

16.2.1使用Kuler網頁配色工具345

16.2.2使用WebSafeColours網頁配色工具348

16.2.3使用ColorSchemer網頁配色工具351

16.2.4使用ColorToy網頁配色工具352

16.2.5使用ColorJack網頁配色工具352

16.2.6使用ColorSchemeDesigner網頁配色工具354

16.3專家答疑360

第17章根據網頁色調進行配色361

17.1紅色主題色調網頁的配色362

17.1.1網站類型分析362

17.1.2網頁配色詳解363

17.2橙色和黃色主題色調網頁的配色365

17.2.1網站類型分析365

17.2.2網頁配色詳解366

17.3黃綠色主題色調網頁的配色369

17.3.1網站類型分析369

17.3.2網頁配色詳解369

17.4綠色和青綠色主題色調網頁的配色371

17.4.1網站類型分析372

17.4.2網頁配色詳解373

17.5藍色和藍紫色主題色調網頁的配色375

17.5.1網站類型分析376

17.5.2網頁配色詳解376

17.6紫色主題色調網頁的配色380

17.6.1網站類型分析380

17.6.2網頁配色詳解380

17.7紫紅色主題色調網頁的配色381

17.7.1網站類型分析381

17.7.2網頁配色詳解382

17.8黑色主題色調網頁的配色383

17.8.1網站類型分析383

17.8.2網頁配色詳解383

17.9白色主題色調網頁的配色384

17.9.1網站類型分析384

17.9.2網頁配色詳解384

17.10灰色主題色調網頁的配色385

17.10.1網站類型分析385

17.10.2網頁配色詳解386

17.11專家答疑386

第18章不同網站網頁配色設計分析387

18.1門戶類網站配色設計分析388

18.1.1色彩設計與網站風格388

18.1.2框架與色彩388

18.1.3風格設計的創新與延續389

18.2資訊類網站配色設計分析390

18.2.1網頁導航與布局390

18.2.2框架與色彩390

18.2.3各類信息與風格設計391

18.3時尚類網站配色設計分析391

18.3.1流行文化與時尚391

18.3.2各類信息與風格設計392

18.3.3文體時尚393

18.3.4品牌時尚394

18.4企業類網站配色設計分析395

18.4.1企業文化與VIS的統一396

18.4.2風格設計與各類信息396

18.4.3以形象為主的企業網站397

18.4.4以產品為主的企業網站398

18.5電子商務類網站配色設計分析399

18.5.1框架與色彩399

18.5.2信息的可信度399

18.5.3商品信息與網站層級結構400

18.5.4小店鋪型風格設計401

18.5.5風格取決於消費者的偏好402

18.6文化與生活類網站配色設計分析402

18.6.1網站文化與網站氣息403

18.6.2框架與色彩404

18.6.3風格設計404

18.7娛樂類網站配色設計分析405

18.7.1網站的客群定位406

18.7.2多樣的色彩風格406

18.7.3氣氛營造與網站風格407

18.8個人類網站配色設計分析409

18.8.1風格多樣化409

18.8.2自由的色彩410

18.8.3多樣的色彩風格411

18.9專家答疑412

第19章電子商務網站配色全過程413

19.1經典電子商務網頁配色分析414

19.2電子商務網站的主要配色法則416

19.2.1網站主色調的選擇416

19.2.2網站主體內容的配色418

19.3電子商務網站配色的步驟418

19.3.1主題色的確定419

19.3.2確定主題色的搭配419

19.3.3主題色布局421

19.3.4頁面色彩相互呼應422

第20章線上購物網頁設計實戰423

20.1設計網頁Logo424

20.2設計網頁導航欄427

20.3設計網頁的Banner428

20.4設計網頁正文部分436

20.4.1設計正文導航436

20.4.2設計正文內容439

20.5設計網頁頁腳部分442

20.6組合線上購物網頁443

20.7保存網頁446

20.8對網頁進行切片處理447