Photoshop入门到创意——UI设计师成长第一步

注重实用技能培养——打造“互联网+”UI设计师 突出创意设计训练——授人以渔而不只是作品临摹

真实商业项目驱动——行业知识与专业设计相呼应 学习体验时尚前卫——传统教材与二维码革命性携手

随着移动互联技术的飞速发展，“互联网+”时代已经悄然到来，这自然催生了各行业、企业对UI设计人才的大量需求。与传统美工、设计人员相比，新“互联网+”时代对UI设计师提出了更高的要求，传统美工、设计人员已无法胜任。在这样的大环境下，这套“互联网UI设计师”系列教材应运而生，它旨在帮助读者朋友快速成长为符合“互联网+”时代企业需求的优秀UI设计师。

这套教材是由课工场（kgc.cn）的UI/UE教研团队研发的。课工场是北大青鸟集团下属企业北京课工场教育科技有限公司推出的互联网教育平台，专注于互联网企业各岗位人才的培养。平台汇聚了数百位来自知名培训机构、高校的顶级名师和互联网企业的行业专家，面向大学生以及需要“充电”的在职人员，针对与互联网相关的产品、设计、开发、运维、推广和运营等岗位，提供在线的直播和录播课程，并通过遍及全国的几十家线下服务中心提供现场面授以及多种形式的教学服务，且同步研发出版最新的课程教材。

课工场为培养互联网UI设计人才设立了UI/UE设计学院及线下服务中心，提供各种学习资源和支持，包括：

　现场面授课程

　在线直播课程

　录播视频课程

　案例素材下载

　学习交流社区

　作业提交批改系统

　QQ讨论组（技术、就业、生活）

以上所有资源请访问课工场UI/UE学院：kgc.cn/uiue。

■ 本套教材特点

（1）课程高端、实用——拒绝培养传统美工。

　培养符合“互联网+”时代需求的高端UI设计人才，包括移动UI设计师、网页UI设计师、平面UI设计师。

　除UI设计师所必须具备的技能外，本课程还涵盖网络营销推广内容，包括：网络营销基本常识、符合SEO标准的网站设计、Landing Page设计优化、营销型企业网站设计等。

　注重培养产品意识和用户体验意识，包括电商网站设计、店铺设计、用户体验、交互设计等。

　学习W3C相关标准和设计规范，包括HTML5/CSS3、移动端Android/iOS相关设计规范等内容。

（2）真实商业项目驱动——行业知识、专业设计一个也不能少。

　与知名4A公司合作，设计开发项目课程。

　几十个实训项目，涵盖电商、金融、教育、旅游、游戏等行业。

　不仅注重商业项目实训的流程和规范，还传递行业知识和业务需求。

（3）更时尚的二维码学习体验——传统纸质教材学习方式的革命。

　每章提供二维码扫描，可以直接观看相关视频讲解和案例效果。

　课工场UI/UE学院（kgc.cn）开辟教材配套版块，提供素材下载、学习社区等丰富的在线学习资源。

■ 读者对象

（1）初学者：本套教材将帮助你快速进入互联网UI设计行业，从零开始，逐步成长为专业UI设计师。

（2）设计师：本套教材将带你进行全面、系统的互联网UI设计学习，传递最全面、科学的设计理论，提供实用的设计技巧和项目经验，帮助你向互联网方向迅速转型，拓宽设计业务范围。

课工场出品（kgc.cn）

第1章 基础知识
本章简介 2
理论讲解 2
1.1 转换色彩模式给紫藤女孩变色 2
1.1.1 Photoshop 软件介绍 3
1.1.2 图片文件的格式 5
1.1.3 色彩模式介绍 6
1.1.4 实现案例——转换色彩模式给紫藤女孩变色 7
1.2  使用辅助工具制作彩旗图案 9
1.2.1 Photoshop操作面板 9
1.2.2 Photoshop图像文件的基本操作 14
1.2.3 保存为适合网页使 用的格式 17
1.2.4 使用辅助工具制作彩旗图案 18
实战案例 20
实战案例1——面板排排看 20
实战案例2——神秘巨石阵 21
实战案例3——雪糕图标瘦身记 22
实战案例4——给涂鸦墙改变色彩模式 23
本章总结 25
本章作业 26
第2章 Photoshop基本操作
本章简介 30
理论讲解 30
2.1 图像视图的调整 30
2.1.1 “缩放工具”与“抓手工具” 30
2.1.2 使用“缩放工具”和“抓手工具”处理图像 32
2.1.3 实现案例——图像视图的调整 34
2.2 使用“裁剪工具”制作美少女图像 35
2.2.1 画布与图像 36
2.2.2 图像的旋转 38
2.2.3 “裁剪工具” 39
2.2.4 实现案例——使用“裁剪工具”制作美少女图像 40
2.3 使用“选区工具”和“自由变换”等命令制作立方体骰子 41
2.3.1 移动工具 42
2.3.2 选区 42
2.3.3 “自由变换”命令 44
2.3.4 实现案例——制作立方体骰子（上） 46
实战案例 49
实战案例1——给奥特曼制作一寸黑白照片 49
实战案例2——邪不胜正 50
实战案例3——制作立方体骰子（下） 51
本章总结 52
本章作业 53
第3章
Photoshop的绘图工具
本章简介 56
理论讲解 56
3.1 使用“油漆桶工具”给小丑换装 56
3.1.1 “油漆桶工具” 57
3.1.2 实现案例——使用“油漆桶工具”给小丑换装 57
3.2 使用“渐变工具”给按钮做美容 58
3.2.1 “渐变工具” 59
3.2.2 实现案例——使用“渐变工具”给按钮做美容 61
3.3 使用“画笔工具”制作超炫光斑壁纸 64
3.3.1 绘画工具 64
3.3.2 “橡皮擦工具” 66
3.3.3 实现案例——使用画笔工具制作超炫光斑壁纸 68
实战案例 70
实战案例1——绘制悠闲的橘子 70
实战案例2——制作日历精灵 70
实战案例3——制作“网页设计师”大赛宣传栏 72
本章总结 74
本章作业 75
第4章
Photoshop图像修饰工具
本章简介 78
理论讲解 78
4.1 使用修饰工具美化照片 78
4.1.1 修饰工具简介 79
4.1.2 “仿制图章工具” 80
4.1.3 “修复工具” 80
4.1.4 加深/减淡工具组与模糊/锐化工具组 82
4.1.5 实现案例——使用修饰工具处理照片 85
4.2 使用“红眼工具”处理图像 87
4.2.1 “红眼工具” 88
4.2.2 实现案例——使用“红眼工具”处理图像 88
4.3 修饰工具的综合运用 89
实战案例 93
实战案例1——“给小狗治病” 93
实战案例2——制作 照片“雨过天晴” 94
本章总结 95
本章作业 96
第5章
色彩调整与校正
本章简介 100
理论讲解 100
5.1 调整图像的亮度、对比度以实现过度曝光的艺术效果 100
5.1.1 调整图像的亮度、对比度 101
5.1.2 实现案例——调整图像的亮度、
对比度以实现过度曝光的艺术效果 107
5.2 使用“色彩平衡”命令实现黄昏变黎明 111
5.2.1 “色彩平衡”命令 111
5.2.2 实现案例——使用“色彩平衡”
命令实现黄昏变黎明 113
5.3 使用“色相/饱和度”命令调整偏色图片 117
5.3.1 “色相/饱和度”命令 117
5.3.2 实现案例——使用“色相/饱和度”
命令调整偏色图片 120
实战案例 122
实战案例1——怀旧效果 122
实战案例2——丰富“海浪”照片色彩 123
实战案例3——给“菊花”照片调色 124
本章总结 125
本章作业 126
第6章
图层与蒙版
本章简介 130
理论讲解 130
6.1 应用图层变幻魔术扑克牌 130
6.1.1 图层简介 131
6.1.2 图层的作用 134
6.1.3 图层的对齐与分布 135
6.1.4 图层样式 137
6.1.5 实现案例——应用图层变幻魔术扑克牌 137
6.2 应用图层的混合模式给美女换装 139
6.2.1 图层混合模式简介 140
6.2.2 混合模式的效果 140
6.2.3 实现案例——应用图层的混合模式给美女换装 143
6.3 使用图层蒙版实现梦里那片向日葵 144
6.3.1 图层蒙版简介 145
6.3.2 实现案例——使用图层蒙版实现
梦里那片向日葵 146
6.4 使用剪贴蒙版给手机换壁纸 147
6.4.1 剪贴蒙版简介 147
6.4.2 实现案例——使用剪贴蒙版给手机换壁纸 149
实战案例 151
实战案例1——闪光的手表 151
实战案例2——黄昏的UFO 151
本章总结 153
本章作业 154
第7章 文字工具
本章简介 158
理论讲解 158
7.1 使用文字工具制作立顿奶茶的包装 158
7.1.1 文字工具 158
7.1.2 文字蒙版工具 163
7.1.3 转换文字图层 165
7.1.4 实现案例——使用文字工具制作
立顿奶茶的包装 165
7.2 使用文字工具制作楼盘广告 172
7.2.1 “字符”“段落”调板 173
7.2.2 实现案例——使用“文字工具”
制作楼盘广告 176
实战案例 183
实战案例1——制作形象页 183
实战案例2——制作化妆品广告 184
本章总结 186
本章作业 187
第8章
路径、形状工具与选区
本章简介 192
理论讲解 192
8.1 使用钢笔工具和路径工具制作合成图片 192
8.1.1 路径工具 193
8.1.2 钢笔工具 194
8.1.3 实现案例——使用钢笔工具和路径工具
制作合成图片 196
8.2 使用形状工具制作购物流程指示图 199
8.2.1 “形状工具” 199
8.2.2 路径、形状与选区 200
8.2.3 实现案例——使用形状工具
制作购物流程指示图（上） 202
实战案例 206
实战案例1——购物流程指示图（下） 206
实战案例2——绘制可爱小牛造型 208
本章总结 211
本章作业 212
第9章 滤镜与通道
本章简介 216
理论讲解 216
9.1 使用滤镜制作透明彩色特效 216
9.1.1 常用滤镜组 217
9.1.2 实现案例——使用滤镜制作透明彩色特效 233
9.2 使用通道制作幻想海报 236
9.2.1 通道的原理和应用 237
9.2.2 实现案例——使用通道制作幻想海报 245
实战案例 255
实战案例1——魔法水晶球（上） 255
实战案例2——魔法水晶球（中） 257
实战案例3——魔法水晶球（下） 258
本章总结 260
本章作业 261
第10章 图标设计
本章简介 264
理论讲解 264
10.1 设计制作漂亮的下载图标 264
10.1.1 初识Icon 264
10.1.2 实现案例——设计制作漂亮的下载图标 266
10.2 自制收藏夹图标 271
10.2.1 图标的表现形式 271
10.2.2 自制收藏夹图标 272
10.3 自制网络文件夹图标 277
10.3.1 图标的设计原则 277
10.3.2 自制网络文件夹图标 279
实战案例 284
实战案例1——制作上传图标 284
实战案例2——银灰色渐变IE浏览器图标 284
实战案例3——绘制精美的可回收图标 285
本章总结 286
本章作业 287
第11章 按钮设计
本章简介 290
理论讲解 290
11.1 设计制作Download按钮 290
11.1.1 按钮的基本常识 291
11.1.2 按钮的表现形式 291
11.1.3 实现案例——设计制作Download按钮 292
11.2 设计制作磨砂金属按钮 298
11.2.1 按钮的设计原则 298
11.2.2 设计制作磨砂金属按钮 299
实战案例 304
实战案例1——疑问的红（上） 304
实战案例2——疑问的红（下） 305
本章总结 307
本章作业 308
第12章
Logo设计
本章简介 312
理论讲解 312
12.1 制作宝马汽车Logo 312
12.1.1 Logo的概念特征 313
12.1.2 Logo的格式 314
12.1.3 实现案例——制作宝马汽车Logo 314
12.2 制作ATI公司Logo 318
12.2.1 Logo的设计原则 319
12.2.2 Logo的表现形式 320
12.2.3 实现案例——制作ATI公司Logo 321
12.3 优秀Logo赏析 327
实战案例 329
实战案例1——制作中国银行Logo 329
实战案例2——制作大众汽车Logo 330
实战案例3——DIY制作个人BLOG Logo 332
本章总结 335
本章作业 336
第13章
特效字设计
本章简介 340
理论讲解 340
13.1 天空之城特效字 340
13.1.1 文字常识 341
13.1.2 特效字的常用表现形式 343
13.1.3 实现案例——制作天空之城特效字 344
13.2 制作梦幻琉璃特效字 347
13.2.1 特效字的设计原则 348
13.2.2 实现案例——制作梦幻琉璃特效字 349
实战案例 355
实战案例1——制作饼干特效字 355
实战案例2——制作金属质感文字 357
本章总结 361
本章作业 362
第14章
创意的概念
本章简介 366
故事背景 366
理论讲解 366
14.1 设计是什么 366
14.1.1　设计的含义 366
14.1.2　设计的要素 368
14.1.3　平面设计的特征 370
14.2 创意的概念 371
14.2.1　创意的出现 372
14.2.2　创意的含义 373
14.2.3　创意的本质 373
14.2.4　思维的概述 374
14.3 创意的特点及要素 376
14.3.1　创意的特点 377
14.3.2　创意三要素 379
14.3.3　缺乏创意的原因 380
实战案例 382
实战案例1——百变圆形 382
实战案例2——创意变脸 383
本章总结 385
本章作业 386
第15章
阶段项目
本章简介 390
故事背景 390
项 目 实 战 “禁止酒后驾车”宣传海报再设计 390
15.1 原有案例分析 390
15.2 技术要点 391
15.3 案例分析 392
15.4 案例制作 396
15.5 案例总结 400
第16章
项目综合案例
本章简介 402
项目实战 402
16.1 制作“艾尔之光”官方网站首页 402
16.2 理论概要 404
16.3 技术要点 410
16.4 思路分析 411
16.5 操作步骤 412
16.6 案例总结 434

1. Photoshop 图形图像项目化教程 [主编 胡斌斌 黎娅 苏大椿]
2. 平面设计与制作项目化教程 [主编　李晨]
3. Photoshop 平面设计（微课版） [主编　赵艳莉]
4. 数字图像处理（OpenCV 实现） [主编 张广渊]
5. Photoshop图像处理与制作 [主编 李观金 林龙健 李春燕]
6. 数字图像编辑制作 [张立里 夏丽雯 编著]
7. Photoshop图像处理案例教程 [张志勇 宋阳 唐永林 刘红梅 ]
8. Photoshop CS6经典案例教程 [主编 李满 王兆龙]
9. 中文版Photoshop CS6图形图像处理案例教程 [主编 石利平]
10. 毫无PS痕迹——你的第一本Photoshop书 [赵鹏 著]
11. 图形图像处理Photoshop CS教程 [张峰 龚毅]
12. Photoshop CS5中文版模块教程 [彭德林 明丽宏]
13. Photoshop图形图像处理教程 [主编 朱子江 廖晓芳]
14. Photoshop CS5实训教程 [方奋奇]
15. 图像处理与平面设计必备软件——Photoshop CS5详解 [主编 李凯 郑宏]
16. Photoshop图像处理案例教程 [主编 邵静 云正富]