電腦平面設計（Photoshop+Illustrator）

目 錄

模 塊 一

先導課　Photoshop軟件初識............. 

2

（一）軟件介紹 .........................................

2

（二）工作界面介紹 .................................

3

1. 菜單欄 ........................................

3

2. 工具箱 ........................................

3

3. 工具選項欄 ................................

4

4. 控制面板 ....................................

4

5. 標題欄 ........................................

5

6. 狀態欄 ........................................

5

（三）文件基本操作 .................................

6

1. 新建文件 ....................................

6

2. 打開文件 ..................................10

3. 存儲文件 ..................................10

4. 關閉文件 ..................................10

（四）圖像的顯示控制 ...........................11

1. 圖像的縮放 ..............................11

2. 圖像的查看 ..............................11

3. 導航器面板 ..............................12

（五）圖像的控制 ...................................12

1. 圖像大小 ..................................13

2. 畫布大小 ..................................13

3. 圖像旋轉 ..................................14

（六）顏色設置 .......................................15

1. 拾色器 ......................................15

2. 顏色面板 ..................................15

3. 色板面板 ..................................16

（七）標尺與參考線 ...............................16

1. 標尺 ..........................................16

2. 參考線 ......................................16 

【應用案例】名片設計及展示

效果圖製作 .....................................17 

【課後實訓任務】熟悉軟件界面和

各項命令 .........................................17 

項目一 手機海報設計........................18

（一）項目概況 .......................................18

1. 基本介紹 ..................................18

2. 設計要點 ..................................19

3. 製作規範 ..................................19

4. 工作思路 ..................................21

（二）工作任務分解 ...............................21

1. 創建文件 ..................................21

2. 顯示標尺和設置參考線 ..........21

3. 繪制圖框 ..................................22

4. 圖文排版 ..................................22

5. 存儲與導出 ..............................23

（三）技能點詳解 ...................................23

1. 圖層介紹 ..................................23

2. 圖框工具 ..................................27

3. 移動工具組 ..............................28

4. 文字編輯 ..................................29

5. 裁剪工具組 ..............................31 

【應用案例】簡約標志製作 ...................34 

【課後實訓任務】設計光盤行動的

公益噴繪海報 .................................34 

項目二 工作證設計.......................... 35

（一）項目概況 .......................................35

1. 基本介紹 ..................................35

2. 設計要點 ..................................36

3. 製作規範 ..................................36

4. 工作思路 ..................................36

（二）工作任務分解 ...............................36

1. 調整證件照尺寸及色調 ..........36

2. 創建頁面 ..................................37

3. 設置參考線 ..............................38

4. 繪制圖形並置入素材 ..............38

5. 輸入文字 ..................................39

Jsmzw1-7.indd 5 

2024/3/7 11:27:37 

6. 存儲文件 ..................................39

（三）技能點詳解 ...................................40

1. 色調調整 ..................................40

2. 選區的繪制與編輯 ..................43

3. 填充工具組 ..............................52 

【應用案例】雪花水晶球製作 ...............57 

【課後實訓任務】設計一張活動

邀請函 .............................................58 

項目三 明信片設計.......................... 59

（一）項目概況 .......................................59

1. 基本介紹 ..................................59

2. 設計要點 ..................................60

3. 製作規範 ..................................60

4. 工作思路 ..................................60

（二）工作任務分解 ...............................60

1. 創建文件並置入圖片 ..............61

2. 製作正面圖片效果 ..................61

3. 正面圖文排版 ..........................64

4. 新建畫板2 並置入圖片 ..........64

5. 製作背面圖片效果 ..................64

6. 背面圖文排版 ..........................65

7. 存儲與導出 ..............................66

（三）技能點詳解 ...................................66

1. 色彩調整 ..................................66

2. 濾鏡 ..........................................71

3. 其他濾鏡 ..................................74 

【應用案例】光盤封面製作 ...................80 

【課後實訓任務】設計製作校園

明信片及展示效果圖 .....................80 

項目四 電腦壁紙設計.....................81

（一）項目概況 .......................................81

1. 基本介紹 ..................................81

2. 設計要點 ..................................81

3. 製作規範 ..................................82

4. 工作思路 ..................................82

（二）工作任務分解 ...............................82

1. 創建文件 ..................................82

2. 背景上色 ..................................83

3. 置入素材並進行調整 ..............83

4. 繪制矩形矢量圖形 ..................84

VI 

5. 繪制裝飾矢量圖案 ..................85

6. 文字編排 ..................................85

7. 存儲文件 ..................................85

（三）技能點詳解 ...................................86

1. 矢量圖形的繪制 ......................86

2. 鋼筆工具組 ..............................86

3. 路徑選擇工具組 ......................87

4. 形狀工具組 ..............................87

5. 工具選項欄 ..............................88

6. 蒙版 ..........................................89

7. 其他顏色調整 ...........................96 

【應用案例】水墨畫效果製作 ...............99 

【課後實訓任務】設計製作一套

桌面壁紙 .........................................99 

項目五 效果圖製作.........................100

（一）項目概況 .....................................100

1. 基本介紹 ................................100

2. 設計要點 ................................101

3. 製作規範 ................................101

4. 工作思路 ................................101

（二）工作任務分解 .............................101

1. 調整原圖色彩 ........................101

2. 處理原圖瑕疵 ........................102

3. 準備景觀素材 ........................103

4. 製作植物效果 ........................104

5. 製作人物效果 ........................105

6. 製作天空效果 ........................105

7. 後期調整效果 ........................106

8. 保存文件 ................................107

（三）技能點詳解 .................................107

1. 通道 ........................................107

2. 畫筆工具組 ............................110

3. 修復工具組 ............................114

4. 圖章工具組 ............................116

5. 橡皮擦工具組 ........................117

6. 模糊工具組 ............................119

7. 減淡工具組 ............................120 

【應用案例】水彩人像特效製作 .........122 

【課後實訓任務】設計製作鄉村場景

效果圖 ...........................................122 

Jsmzw1-7.indd 6 

2024/3/7 11:27:37 

項目六 廣告創意設計......................123

（一）項目概況 .....................................123

1. 基本介紹 ................................123

2. 設計要點 ................................124

3. 製作規範 ................................124

4. 工作思路 ................................124

（二）工作任務分解 .............................124

1. 新建文檔 ................................124

2. 製作瓶中世界效果 ................124

3. 製作月球效果 ........................126

4. 製作海星效果 ........................127

5. 製作瓶子倒影和陰影 ............127

6. 製作文字效果 ........................129

7. 圖文排版和最終效果調整 ....130 

8. 保存文件 ................................130

（三）技能點詳解 .................................130

1. 圖層混合模式 ........................130

2. 圖層樣式 ................................133 

【應用案例】婚禮海報設計 .................137 

【課後實訓任務】設計製作平面圖 .....137 

項目七 GIF 

動圖設計......................138

（一）項目概況 .....................................138

1. 基本介紹 ................................138

2. 設計要點 ................................139

3. 製作規範 ................................139

4. 工作思路 ................................139

（二）工作任務分解 .............................139

1. 創建文件並置入素材 ............139

2. 製作3D 月球..........................140

3. 置入素材並進行調整 ............140

4. 製作“宇航員”動畫效果 .......141

5. 製作“月球”動畫效果 ..........143

6. 存儲文件並導出GIF 動圖 ....143 

（三）技能點詳解 .................................145 

1. 3D 菜單欄...............................145

2. 時間軸面板 ............................149 

【課後實訓任務】設計一套 

GIF 表情包 ..........................152 

模 塊 二

先導課 Illustrator軟件初識.............154

（一）軟件介紹 ...................................154

（二）工作界面介紹 ...........................158

1. 工作區 ....................................158

2. 菜單欄 ....................................159

3. 工具箱 ....................................160

4. 工具控制欄 ............................161

5. 控制面板 ................................161

6. 標題欄 ....................................161

7. 狀態欄 ....................................162

（三）文件基本操作 ...........................162

1. 新建文件 ................................162

2. 打開文件 ................................162

3. 存儲文件 ................................163

4. 導出文件 ................................163

5. 關閉文件 ................................166

（四）圖稿視圖查看 ...........................166

1. 放大/ 縮小 .............................166

2. 抓手工具 ................................167

3. 預覽模式 ................................167

（五）顏色設置 ...................................168

1. 顏色面板 ................................168

2. 色板面板 ................................168

3. 顏色參考面板 ........................169

（六）輔助工具 ...................................169

1. 標尺 ........................................169

2. 參考線 ....................................170

3. 網格 ........................................170

4. 定界框 ....................................171 

【應用案例】名片設計 .......................172 

【課後實訓任務】熟悉軟件界面和

各項命令 .......................................172 

VII 

Jsmzw1-7.indd 7 

2024/3/7 11:27:37 

項目八 名片設計............................173

（一）項目概況 ...................................173

1. 基本介紹 ................................173

2. 設計要點 ................................174

3. 製作規範 ................................174

4. 工作思路 ................................174

（二）工作任務分解 ...........................175

1. 創建文件 ................................175

2. 顯示標尺和設置參考線 ........175

3. 繪制幾何裝飾圖形 ................176

4. 置入素材 ................................177

5. 文字排版 ................................177

6. 存儲與導出 ............................178

（三）技能點詳解 ...............................178

1. 畫板 ........................................178

2. 基本圖形繪制 ........................180

3. 線段與網格繪制 ....................182

4. 對象選取 ................................184

5. 對象變換 ................................186

6. 對象管理 ................................189 

【課後實訓任務】設計製作工作牌 ...192 

項目九 插畫設計............................193

（一）項目概況 ...................................193

1. 基本介紹 ................................193

2. 設計要點 ................................194

3. 製作規範 ................................194

4. 工作思路 ................................194

（二）工作任務分解 ...........................195

1. 創建文件 ................................195

2. 新建色板 ................................195

3. 繪制背景框圖 ........................196

4. 繪制月亮 ................................197

5. 繪制月兔 ................................198

6. 繪制桂花枝 ............................198

7. 製作文字 ................................198

8. 存儲與導出 ............................198

（三）技能點詳解 ...............................199

1. 圖像描摹 ................................199

2. 填充 ........................................200

3. 描邊 ........................................203

VIII 

4. 其他上色工具 ........................207

【課後實訓任務】設計一張櫻花季

門票 ...............................................209 

項目十 LOGO設計........................210

（一）項目概況 ...................................210

1. 基本介紹 ................................210

2. 設計要點 ................................211

3. 製作規範 ................................211

4. 工作思路 ................................211

（二）工作任務分解 ...........................212

1. 創建文件 ................................212

2. 設置參考線並置入底圖 ........212

3. 繪制圖案 ................................213

4. 輸入文字並刪除底圖 ............214

5. 存儲與導出 ............................214

（三）技能點詳解 ...............................215

1. 鋼筆工具組 ............................215

2. 畫筆工具組 ............................216

3. Shaper 工具組 ........................219

【課後實訓任務】設計一個非遺

元素的吉祥物 ...............................221 

項目十一 H5頁面設計.................... 222

（一）項目概況 ...................................222

1. 基本介紹 ................................222

2. 設計要點 ................................223

3. 製作規範 ................................223

4. 工作思路 ................................223

（二）工作任務分解 ...........................223

1. 創建文件、設置參考線 ........224

2. 繪制底色 ................................224

3. 繪制裝飾圖形 ........................225

4. 編輯文字信息 ........................226

5. 編輯圖表 ................................228

6. 存儲與導出 ............................228

（三）技能點詳解 ...............................229

1. 文本編輯 ................................229

2. 圖表編輯 ................................236

【課後實訓任務】設計製作一本

企業畫冊 .......................................238 

Jsmzw1-7.indd 8 

2024/3/7 11:27:38 

項目十二 POP廣告設計................. 239

（一）項目概況 ...................................239

1. 基本介紹 ................................239

2. 設計要點 ................................240

3. 製作規範 ................................240

4. 工作思路 ................................240

（二）工作任務分解 ...........................241

1. 創建文件 ................................241

2. 繪制背景 ................................241

3. 設計POP 標題文字 ...............241

4. 輸入其他文字 .......................242

5. 繪制樹葉裝飾物 ....................242

6. 繪制其他裝飾物 ....................243

7. 裝飾其他字體 ........................244

8. 最終效果調整 ........................245

9. 存儲與導出 ............................246

（三）技能點詳解 ...............................246

1. 變形工具組 ............................246

2. 封套扭曲 ................................248

【課後實訓任務】設計一款傳統色

搭配的書簽 ...................................251 

項目十三 網頁Banner設計............ 252

（一）項目概況 ...................................252

1. 基本介紹 ................................252

2. 設計要點 ................................253

3. 製作規範 ................................253

4. 工作思路 ................................253

（二）工作任務分解 ...........................254

1. 打開頁面 ................................254

2. 編輯圖層 ................................254

3. 添加色板並繪制底色 ............254

4. 裝飾圖形繪制 ........................255

5. 輸入文字 ................................256

6. 繪制文字混合 ........................256

7. 創建切片 ................................257

8. Web 圖形輸出 ........................257

（三）技能點詳解 ...............................257

1. 橡皮擦工具組 ........................257

2. 路徑編輯 ................................258

3. 對象混合 ................................261

4. 圖層、蒙版和不透明度 ........263

5. 切片與網頁輸出 ....................265

【課後實訓任務】設計製作手機App 

靜態Banner圖................................267 

項目十四 包裝盒設計..................... 268

（一）項目概況 ...................................268

1. 基本介紹 ................................268

2. 設計要點 ................................269

3. 製作規範 ................................270

4. 工作思路 ................................270

（二）工作任務分解 ...........................270

1. 創建文件 ................................270

2. 設置參考線和圖層 ................271

3. 繪制背面和正面 ....................271

4. 繪制側面 ................................274

5. 繪制頂蓋和底面 ....................274

6. 繪制包裝盒立體展示效果 ....274 

7. 存儲與導出 ............................276

（三）技能點詳解 ...............................276

1. 符號 ........................................276

2. 效果 ........................................280

3. 圖形樣式 ................................286

【課後實訓任務】設計製作一款

手提袋及效果圖 ...........................287 

參考文獻....................................... 288