[正版新书] 计算机平面设计(Photoshop+Illustrator)邬燕、高恬宇、戴多、陈洁菡 清华大学出版社 平

本书以工作过程导向为目标，以项目驱动、实用性为原则，从平面设计相关岗位及岗位群的职业需求角度出发进行设计。本书覆盖了平面设计基础知识和拓展知识，技能操作部分包括Photoshop 和Illustrator 两个软件，并按照典型工作任务模式，在Photoshop 软件应用部分介绍手机海报、工作证、明信片、计算机壁纸、效果图、广告创意、GIF 动图七个项目的设计与制作；在Illustrator 软件应用部分介绍名片、插画、LOGO、H5 页面、POP 广告、网页Banner、包装盒七个项目的设计与制作。

为了方便教师教学和学生自主学习，本书配备了全书案例的素材和效果文件、教学课件、项目介绍和技能点微课、拓展知识动画、案例操作视频等丰富的教学资源，并同步数字教材，在线上开设免费MOOC 教学。

本书可作为高职院校计算机应用、数字媒体技术、软件技术、动漫设计、平面设计、产品设计等相应专业的教材，也可作为设计公司工作人员的工作参考手册。

邬燕，浙江平湖人，毕业于浙江大学 工业设计专业，硕士，教授。现任浙江旅游职业学院 旅游规划与设计学院院长，文旅创意设计方向团队负责人；主要研究方向为视觉传达设计、品牌形象设计、文旅创意设计、设计管理、高职教育研究等。

计算机平面设计制作工作手册教材

目 录

模 块 一

先导课 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