情境1 Photoshop CC入門 1

1.1　圖像處理基礎(chǔ)知識(shí)　2

1.1.1　位圖與矢量圖　2

1.1.2　圖像的色彩模式　3

1.1.3　常用的圖像格式　4

1.2　Photoshop CC基礎(chǔ)知識(shí)　5

1.2.1　菜單欄　5

1.2.2　工具箱　6

1.2.3　選項(xiàng)欄　7

1.2.4　控制面板　8

1.2.5　圖像編輯區(qū)　9

1.3　課后練習(xí)　11



情境2　標(biāo)志設(shè)計(jì)　12

2.1　標(biāo)志設(shè)計(jì)簡(jiǎn)介　13

2.1.1　標(biāo)志設(shè)計(jì)的設(shè)計(jì)原則　13

2.1.2　標(biāo)志設(shè)計(jì)的色彩應(yīng)用　14

2.1.3　標(biāo)志設(shè)計(jì)的流程　14

2.2　任務(wù)1：簡(jiǎn)狐家居Logo　16

2.2.1　任務(wù)描述　16

2.2.2　任務(wù)分析　17

2.2.3　任務(wù)制作　17

1．置入素材　17

2．調(diào)整素材　17

3．調(diào)整畫面細(xì)節(jié)　19

2.2.4　知識(shí)點(diǎn)講解　19

1．“圖層”面板　19

2．圖層的概念和分類　20

3．圖層的基本操作　21

4．移動(dòng)工具　24

5．縮放工具　26

6．抓手工具　26

2.3　任務(wù)2：咨詢公司Logo　27

2.3.1　任務(wù)描述　27

2.3.2　任務(wù)分析　27

2.3.3　任務(wù)制作　27

1．繪制Logo的基本形狀　27

2．繪制Logo其他部分　28

3．應(yīng)用效果　29

2.3.4　知識(shí)點(diǎn)講解　30

1．矩形工具　30

2．自由變換的變換操作　31

3．自由變換的變形操作　32

2.4　任務(wù)3：能源企業(yè)Logo　35

2.4.1　任務(wù)描述　35

2.4.2　任務(wù)分析　35

2.4.3　任務(wù)制作　35

1．新建文件和繪制的外形　35

2．繪制圓形元素　36

2.4.4　知識(shí)點(diǎn)講解　37

1．橢圓工具　37

2．形狀的布爾運(yùn)算　38

3．撤銷操作　39

2.5　課后練習(xí)　40



情境3　Banner設(shè)計(jì)　41

3.1　Banner簡(jiǎn)介　42

3.1.1　Banner的設(shè)計(jì)特點(diǎn)　42

3.1.2　Banner的設(shè)計(jì)原則　43

3.1.3　Banner的常用構(gòu)圖方式　44

3.2　任務(wù)4：牧場(chǎng)Banner　45

3.2.1　任務(wù)描述　45

3.2.2　任務(wù)分析　45

3.2.3　任務(wù)制作　46

1．制作背景　46

2．制作主題文字效果　47

3．制作內(nèi)容文字效果　48

3.2.4　知識(shí)點(diǎn)講解　50

1．文字工具　50

2．輸入點(diǎn)文本和段落文本　51

3．設(shè)置文字屬性　52

4．圖層的不透明度　53

5．前景色和背景色　53

6．油漆桶工具　55

7．橡皮擦工具　55

3.3　任務(wù)5：時(shí)尚潮流前沿

Banner　56

3.3.1　任務(wù)描述　56

3.3.2　任務(wù)分析　56

3.3.3　任務(wù)制作　57

1．繪制背景　57

2．制作主體部分　58

3.3.4　知識(shí)點(diǎn)講解　60

1．選區(qū)的基本操作　60

2．矩形選框工具　61

3．多邊形套索工具　62

4．減淡工具　62

5．加深工具　63

3.4　任務(wù)6：耳麥Banner　64

3.4.1　任務(wù)描述　64

3.4.2　任務(wù)分析　64

3.4.3　任務(wù)制作　65

1．置入主體素材　65

2．置入耳麥素材　66

3．置入文字信息　67

4．置入背景信息　68

3.4.4　知識(shí)點(diǎn)講解　70

1．魔棒工具　70

2．智能對(duì)象　71

3．圖層的重命名　71

4．吸管工具　72

3.5　任務(wù)7：母嬰Banner　72

3.5.1　任務(wù)描述　72

3.5.2　任務(wù)分析　72

3.5.3　任務(wù)制作　73

1．繪制背景效果　73

2．繪制星星圖案效果　74

3．繪制漸變裝飾效果　75

4．置入主題素材　76

3.5.4　知識(shí)點(diǎn)講解　77

1．橢圓選框工具　77

2．漸變工具　78

3．漸變編輯器　79

4．定義圖案　80

3.6　課后練習(xí)　81



情境4　卡片設(shè)計(jì)　82

4.1　卡片設(shè)計(jì)簡(jiǎn)介　83

4.1.1　卡片設(shè)計(jì)的特點(diǎn)　83

4.1.2　卡片設(shè)計(jì)的構(gòu)成要素　84

4.1.3　卡片設(shè)計(jì)的流程　85

4.2　任務(wù)8：中國(guó)風(fēng)名片　86

4.2.1　任務(wù)描述　87

4.2.2　任務(wù)分析　87

4.2.3　任務(wù)制作　88

1．設(shè)計(jì)名片正面　88

2．設(shè)計(jì)名片反面　92

4.2.4　知識(shí)點(diǎn)講解　94

1．認(rèn)識(shí)圖層的混合模式　94

2．正片疊底　95

3．裁剪工具　95

4．曲線　96

4.3　任務(wù)9：學(xué)習(xí)體驗(yàn)卡　97

4.3.1　任務(wù)描述　98

4.3.2　任務(wù)分析　98

4.3.3　任務(wù)制作　98

1．設(shè)計(jì)學(xué)習(xí)卡正面　98

2．設(shè)計(jì)學(xué)習(xí)卡反面　101

4.3.4　知識(shí)點(diǎn)講解　103

1．圓角矩形工具　103

2．調(diào)整圖像大小　104

3．去色　105

4．調(diào)整畫布大小　105

4.4　任務(wù)10：VIP卡　106

4.4.1　任務(wù)描述　107

4.4.2　任務(wù)分析　107

4.4.3　任務(wù)制作　107

4.4.4　知識(shí)點(diǎn)講解　112

1．圖層的對(duì)齊和分布　112

2．形狀的羽化　113

3．“雜色”濾鏡　113

4．“模糊”濾鏡　114

4.5　課后練習(xí)　117



情境5　DM設(shè)計(jì)　118

5.1　DM簡(jiǎn)介　119

5.1.1　DM的優(yōu)勢(shì)　119

5.1.2　DM輸出的注意事項(xiàng)　120

5.2　任務(wù)11：家電促銷DM

模板　121

5.2.1　任務(wù)描述　121

5.2.2　任務(wù)分析　122

5.2.3　任務(wù)制作　122

1．制作背景　122

2．置入人物主體　123

3．制作展示版塊　125

4．調(diào)整細(xì)節(jié)　126

5.2.4　知識(shí)點(diǎn)講解　128

1．標(biāo)尺　128

2．參考線　128

3．變形文字　129

4．直線工具　129

5．自定義形狀工具　130

5.3　任務(wù)12：女裝DM　131

5.3.1　任務(wù)描述　131

5.3.2　任務(wù)分析　131

5.3.3　任務(wù)制作　132

1．繪制背景　132

2．置入主體人物素材　132

3．輸入文字信息　134

4．制作裝飾　135

5.3.4　知識(shí)點(diǎn)講解　137

1．多邊形工具　137

2．色相/飽和度　137

3．套索工具　138

4．選區(qū)的編輯操作　139

5.4　任務(wù)13：家居體驗(yàn)館

DM　141

5.4.1　任務(wù)描述　141

5.4.2　任務(wù)分析　142

5.4.3　任務(wù)制作　142

1．制作背景　142

2．置入素材　143

3．輸入主題文字　145

4．輸入文案文字　147

5.4.4　知識(shí)點(diǎn)講解　148

1．鋼筆工具　148

2．自由鋼筆工具　148

3．路徑和錨點(diǎn)　149

4．選擇與調(diào)整路徑　149

5.5　課后練習(xí)　150



情境6　書籍裝幀　151

6.1　書籍裝幀簡(jiǎn)介　152

6.1.1　書籍裝幀的構(gòu)成要素　152

6.1.2　書籍裝幀設(shè)計(jì)的基本原則　153

6.1.3　書籍裝訂方式　154

6.1.4　書籍裝幀設(shè)計(jì)流程　156

6.2　任務(wù)14：書籍封面設(shè)計(jì)　158

6.2.1　任務(wù)描述　159

6.2.2　任務(wù)分析　159

6.2.3　任務(wù)制作　160

1．制作封面背景　160

2．制作封面圖案　161

3．輸入封面文字內(nèi)容　163

4．制作書脊　164

5．制作封底　165

6.2.4　知識(shí)點(diǎn)講解　166

1．濾色　166

2．“渲染”濾鏡　166

6.3　任務(wù)15：畫冊(cè)插圖設(shè)計(jì)　167

6.3.1　任務(wù)描述　167

6.3.2　任務(wù)分析　168

6.3.3　任務(wù)制作　168

1．制作背景　168

2．制作背景墨跡　170

3．制作主體墨跡效果　172

4．添加圖片文字　173

6.3.4　知識(shí)點(diǎn)講解　175

1．畫筆工具　175

2．“畫筆”面板　177

3．“畫筆預(yù)設(shè)”面板　178

4．鉛筆工具　179

6.4　任務(wù)16：宣傳冊(cè)扉頁(yè)設(shè)計(jì)　179

6.4.1　任務(wù)描述　180

6.4.2　任務(wù)分析　180

6.4.3　任務(wù)制作　181

1．輸入文字內(nèi)容　181

2．制作扉頁(yè)圖案　182

6.4.4　知識(shí)點(diǎn)講解　184

1．編輯段落文字　184

2．選區(qū)的布爾運(yùn)算　185

6.5　課后練習(xí)　185



情境7　UI設(shè)計(jì)　187

7.1　UI設(shè)計(jì)簡(jiǎn)介　188

7.1.1　UI的應(yīng)用范圍　188

7.1.2　UI的設(shè)計(jì)原則　188

7.2　任務(wù)17：eNote圖標(biāo)　189

7.2.1　任務(wù)描述　189

7.2.2　任務(wù)分析　189

7.2.3　任務(wù)制作　190

1．制作背景　190

2．繪制基本圖形　191

3．添加圖層樣式效果　192

7.2.4　知識(shí)點(diǎn)講解　194

1．轉(zhuǎn)換點(diǎn)工具　194

2．添加和刪除錨點(diǎn)　194

3．添加圖層樣式　195

4．投影與內(nèi)陰影　196

7.3　任務(wù)18：遙控器功能頁(yè)面　197

7.3.1　任務(wù)描述　197

7.3.2　任務(wù)分析　197

7.3.3　任務(wù)制作　198

1．繪制主體按鈕　198

2．繪制選擇按鈕　200

3．繪制狀態(tài)條　201

4．繪制細(xì)節(jié)　202

7.3.4　知識(shí)點(diǎn)講解　205

1．創(chuàng)建路徑文字　205

2．描邊　206

3．顏色疊加、漸變疊加和圖案

疊加　206

7.4　任務(wù)19：金屬質(zhì)感按鈕　208

7.4.1　任務(wù)描述　209

7.4.2　任務(wù)分析　209

7.4.3　任務(wù)制作　209

1．制作背景形狀　209

2．制作狀態(tài)條黑色部分　211

3．制作狀態(tài)條玫紅部分　213

4．制作指針部分　215

5．制作金屬旋轉(zhuǎn)按鈕部分　217

7.4.4　知識(shí)點(diǎn)講解　220

1．編輯圖層樣式　220

2．斜面和浮雕　221

3．內(nèi)發(fā)光與外發(fā)光　222

4．光澤　224

7.5　課后練習(xí)　225



情境8　網(wǎng)頁(yè)設(shè)計(jì)　226

8.1　網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)介　227

8.1.1　網(wǎng)頁(yè)設(shè)計(jì)的基本結(jié)構(gòu)　228

8.1.2　網(wǎng)頁(yè)設(shè)計(jì)的基本原則　231

8.1.3　網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)流程　232

8.2　任務(wù)20：電商Banner

設(shè)計(jì)　233

8.2.1　任務(wù)描述　233

8.2.2　任務(wù)分析　234

8.2.3　任務(wù)制作　234

1．調(diào)整素材　234

2．添加文案　238

8.2.4　知識(shí)點(diǎn)講解　240

1．圖層樣式混合選項(xiàng)　240

2．混合器畫筆工具　241

3．顏色替換工具　242

4．紅眼工具　243

8.3　任務(wù)21：網(wǎng)站登錄界面

設(shè)計(jì)　244

8.3.1　任務(wù)描述　244

8.3.2　任務(wù)分析　244

8.3.3　任務(wù)制作　245

1．繪制背景素材　245

2．制作登錄信息　247

3．調(diào)整人物素材　249

8.3.4　知識(shí)點(diǎn)講解　252

1．修復(fù)畫筆工具　252

2．色彩平衡　253

3．模糊工具　253

4．“通道”面板　254

5．通道的基本操作　254

6．Alpha通道　255

8.4　任務(wù)22：攝影網(wǎng)站首頁(yè)

設(shè)計(jì)　256

8.4.1　任務(wù)描述　256

8.4.2　任務(wù)分析　257

8.4.3　任務(wù)制作　258

1．導(dǎo)航欄的制作　258

2．Banner的制作　259

3．內(nèi)容的制作　260

4．頁(yè)腳的制作　267

8.4.4　知識(shí)點(diǎn)講解　267

1．亮度/對(duì)比度　267

2．曝光度　268

3．色階　269

4．反相　271

5．通道調(diào)色　271

8.5　課后練習(xí)　273

情境9　招貼設(shè)計(jì)　275

9.1　招貼設(shè)計(jì)簡(jiǎn)介　276

9.1.1　招貼設(shè)計(jì)分類　276

9.1.2　招貼設(shè)計(jì)的構(gòu)成要素　277

9.1.3　招貼設(shè)計(jì)的特點(diǎn)　279

9.2　任務(wù)23：公益招貼設(shè)計(jì)　279

9.2.1　任務(wù)描述　280

9.2.2　任務(wù)分析　280

9.2.3　任務(wù)制作　281

1．制作背景　281

2．制作內(nèi)容　285

9.2.4　知識(shí)點(diǎn)講解　287

1．疊加　287

2．其他圖層混合模式　287

9.3　任務(wù)24：瑜伽商業(yè)招貼

設(shè)計(jì)　291

9.3.1　任務(wù)描述　291

9.3.2　任務(wù)分析　292

9.3.3　任務(wù)制作　293

1．制作背景　293

2．添加內(nèi)容　295

9.3.4　知識(shí)點(diǎn)講解　299

1．認(rèn)識(shí)蒙版　299

2．圖層蒙版　300

3．剪貼蒙版　302

9.4　任務(wù)25：美容SPA商業(yè)

招貼設(shè)計(jì)　303

9.4.1　任務(wù)描述　303

9.4.2　任務(wù)分析　303

9.4.3　任務(wù)制作　304

1．制作背景　304

2．模特素材和文字部分　306

9.4.4　知識(shí)點(diǎn)講解　309

1．仿制圖章工具　309

2．內(nèi)容感知移動(dòng)工具　310

3．修補(bǔ)工具　311

4．圖案圖章工具　312



9.5　課后練習(xí)　314



情境10　包裝設(shè)計(jì)　315

10.1　包裝設(shè)計(jì)簡(jiǎn)介　316

10.1.1　包裝設(shè)計(jì)的類型　316

10.1.2　包裝設(shè)計(jì)的構(gòu)成要素　317

10.1.3　包裝設(shè)計(jì)的基本原則　318

10.2　任務(wù)26：CD包裝設(shè)計(jì)　319

10.2.1　任務(wù)描述　319

10.2.2　任務(wù)分析　319

10.2.3　任務(wù)制作　320

1．包裝底色　320

2．包裝圖案　322

3．包裝細(xì)節(jié)　326

4．CD光盤正面　329

5．CD光盤反面　332

10.2.4　知識(shí)點(diǎn)講解　334

1．歷史記錄畫筆工具　334

2．濾鏡庫(kù)　335

3．“畫筆描邊”濾鏡　337

4．“紋理”濾鏡　338

5．“其他”濾鏡　338

6．“藝術(shù)效果”濾鏡　339

10.3　任務(wù)27：藝術(shù)畫冊(cè)

包裝設(shè)計(jì)　339

10.3.1　任務(wù)描述　340

10.3.2　任務(wù)分析　340

10.3.3　任務(wù)制作　341

1．底色制作　341

2．圖案制作　343

3．添加文案　346

10.3.4　知識(shí)點(diǎn)講解　348

1．智能濾鏡　348

2．“風(fēng)格化”濾鏡　349

3．“液化”濾鏡　350

4．“扭曲”濾鏡　352

10.4　課后練習(xí)　354