Photoshop图像处理项目教程

本书立足于“校企合作”平台，以培养“职业能力”为核心，以“工作实践”为主线，以“工

作项目”为导向，采用案例式教学，基于现代职业教育课程的结构来构建模块化的教学内容，

面向平面设计师岗位，细化课程内容，用简单而真实的企业图像设计任务驱动，一步一步地

带领读者走进图像处理的广阔天地。

本书分为七个项目，包括平面广告设计、包装设计、照片处理、企业形象设计、创意设计、

手机界面设计、网页设计。共包含20 个任务和38 个案例，以及对应的拓展内容。

本书每个任务都有引导模式和应用模式的教学。在引导模式中，任务将逐步分解，作者

手把手地指导读者进行实践操作，并将不同的知识点融入其中，通过理论与实际相结合，在

完成任务的同时，掌握相关理论知识与工具的使用技巧。在应用模式中，选取关键步骤进行

教学，让读者边学习、边思考、边操作。*后，在每个任务后还安排了知识拓展，让读者能

进行相关能力的实践。本书案例力求体现典型、实用、商业化的特点，同时，也非常注重案

例的效果体现。

 

本书立足于“校企合作”平台，以“职业岗位”为线索，用“工作项目”引导，创设真实的“工作任务”。在每个任务中，利用引导模式进行逐步教学、利用应用模式进行重点教学、利用实践模式进行强化训练，对知识点进行分解和编排，并融入到每个任务中，集通俗性、实用性、技巧性于一体。

本书分为七个项目，包括平面广告设计、包装设计、照片处理、企业形象设计、创意设计、手机界面设计、网页设计。共包含20个任务和38个案例，以及对应的拓展内容。

本书通俗易懂、循序渐进，不仅适合Photoshop CS初级和中级用户阅读，也可以作为大中专院校相关专业的教材及培训班学员上机培训的教材，对于Photoshop CS 高级用户也有很大的参考价值。

目录

项目一　平面广告设计 ……………………… 1

1.1　任务一　节日招贴画设计 …………………….2

1.1.1　引导模式——母亲节招贴画 ……….2

1.1.2　应用模式——新年快乐招贴画 ….15

1.2　任务二　公益广告设计 ………………………17

1.2.1　引导模式——节水公益

广告设计 …………………………………17

1.2.2　应用模式——保护地球

公益广告 …………………………………22

1.3　任务三　电影海报设计 ………………………25

1.3.1　引导模式——《寂静丛林》

电影海报设计 ………………………….25

1.3.2　应用模式——《山楂树之恋》

电影海报 …………………………………39

1.4　任务四　商品促销图设计 …………………..40

1.4.1　应用模式——风衣促销图 …………40

1.4.2　应用模式——时尚包包促销图 ….46

1.5　相关知识点 ………………………………………..48

1.6　任务拓展 ……………………………………………53

项目二　包装设计 ………………………….. 55

2.1　任务一　书籍杂志封面设计 ……………….56

2.1.1　引导模式——《梦的解析》

封面设计 …………………………………56

2.1.2　应用模式——《彩妆》杂志

封面设计 …………………………………65

2.2　任务二　包装盒设计 ………………………….70

2.2.1　引导模式——化妆品包装盒

设计 ………………………………………..70

2.2.2　应用模式——茶叶包装盒设计 ….75

2.3　任务三　手提袋包装设计 …………………..80

2.3.1　引导模式——“哈根达斯”

手提袋包装设计 ………………………80

2.3.2　应用模式——“大桥道”

手提袋包装设计 ………………………87

2.4　相关知识点 ………………………………………..90

2.5　任务拓展 ……………………………………………95

项目三　照片处理 ………………………….. 97

3.1　任务一　调整照片的曝光度 ……………….98

3.1.1　引导模式——调整风景照的

曝光度 …………………………………….98

3.1.2　应用模式——时尚个性照 ……….101

3.2　任务二　照片的艺术效果处理 ………….103

3.2.1　引导模式——照片的

艺术化处理 ……………………………103

3.2.2　应用模式——风景照的水彩

效果处理 ……………………………….108

3.3　任务三　证件照制作 ………………………..109

3.3.1　引导模式——1 寸个人

证件照的制作 ………………………..109

3.3.2　应用模式——2 寸证件照的

制作 ………………………………………112

3.4　相关知识点 ………………………………………113

3.5　任务拓展 ………………………………………….121

项目四　企业形象设计 ………………….. 123

4.1　任务一　企业标志设计 …………………….124

4.1.1　引导模式——大众标志设计 ……124

4.1.2　应用模式——立体Logo 标志

设计 ………………………………………127

IV

4.2　任务二　企业工作证设计 …………………130

4.2.1　引导模式—— 企业工作证正面

设计 ………………………………………130

4.2.2　应用模式——工作证背面

设计 ………………………………………138

4.3　任务三　企业宣传画册设计 ……………..140

4.3.1　引导模式——企业宣传画册

封面设计 ……………………………….140

4.3.2　应用模式——企业宣传画册

内页设计 ……………………………….147

4.4　相关知识点 ………………………………………150

4.5　任务拓展 ………………………………………….154

项目五　创意设计 ………………………… 155

5.1 任务一　风景效果处理 …………………….156

5.1.1 引导模式——打造暗调

蓝紫色的森林图片 …………………156

5.1.2 应用模式——将风景照片

处理成唯美夜景效果 ……………..163

5.2 任务二　人物效果处理 …………………….166

5.2.1 引导模式——人物的

美白和磨皮 ……………………………166

5.2.2 应用模式——将美女的照片

调出妩媚的蓝色调 …………………169

5.3 任务三　影像合成处理 …………………….171

5.3.1 引导模式——倾国倾城人物

影像处理 ……………………………….171

5.3.2 应用模式——奔月女孩梦幻

艺术照 …………………………………..179

5.4 相关知识点 ………………………………………184

5.5 任务拓展 ………………………………………….191

项目六　手机界面设计 ………………….. 193

6.1　任务一　手机主题界面设计 ……………..195

6.1.1　引导模式——校园主题手机

锁屏界面设计 ………………………..195

6.1.2　应用模式——校园主题手机

图标界面设计 ………………………..204

6.2　任务二　播放器界面设计 …………………215

6.2.1　引导模式——收音机播放器

界面设计 ……………………………….215

6.2.2　应用模式——音频播放器

界面设计 ……………………………….224

6.3　相关知识点 ………………………………………230

6.4　任务拓展 ………………………………………….238

项目七　网页设计 ………………………… 239

7.1　任务一　个人网页设计 …………………….240

7.1.1　引导模式——“小宝琪琪成长

日记”网页设计 …………………….240

7.1.2　应用模式——清新自然风格

个人网页设计 ………………………..249

7.2　任务二　商务网页设计 …………………….253

7.2.1　引导模式——“贝儿敏母婴

商城”网页设计 …………………….253

7.2.2　应用模式——“树源农林公司”

网页设计 ……………………………….260

7.3　相关知识点 ………………………………………265

7.4　任务拓展 ………………………………………….267

参考文献 ……………………………………….. 269

前言

Photoshop CS5 是美国Adobe 公司于2010 年推出的新版图形图像处理软件，它是目前世界上最优秀的平面设计软件之一，占据着图像处理软件的领导地位，是平面设计、照片处理、图像创意以及界面设计的必备软件。用户可以通过它尝试新的创作方式，制作适用于打印、Web 页面等任何用途的最佳品质图像，还可以通过更快捷的文件访问方式、简易的专业照片润饰功能及方便的产品设计仿真形式，创造出无与伦比的图像世界。Photoshop 的强大功能引起了广大图像处理爱好者的强烈兴趣。

本书立足于“校企合作”平台，以培养“职业能力”为核心，以“工作实践”为主线，以“工作项目”为导向，采用案例式教学，基于现代职业教育课程的结构来构建模块化的教学内容，面向平面设计师岗位，细化课程内容，用简单而真实的企业图像设计任务驱动，一步一步地带领读者走进图像处理的广阔天地。

本书分为七个项目，包括平面广告设计、包装设计、照片处理、企业形象设计、创意设计、手机界面设计、网页设计。共包含20 个任务和38 个案例，以及对应的拓展内容。

本书每个任务都有引导模式和应用模式的教学。在引导模式中，任务将逐步分解，作者手把手地指导读者进行实践操作，并将不同的知识点融入其中，通过理论与实际相结合，在完成任务的同时，掌握相关理论知识与工具的使用技巧。在应用模式中，选取关键步骤进行教学，让读者边学习、边思考、边操作。最后，在每个任务后还安排了知识拓展，让读者能进行相关能力的实践。本书案例力求体现典型、实用、商业化的特点，同时，也非常注重案例的效果体现。

本书由天津现代职业技术学院的崔晶、天津电子信息职业技术学院的沈强主编，天津电子信息职业技术学院的王佳担任副主编。编写工作具体分工为：崔晶编写项目一、三、五，沈强编写项目二、六、七，王佳编写项目四。

由于作者水平有限，书中疏漏之处在所难免，希望广大用户和读者批评指正。

 

编　者

项目一  平面广告设计

 

平面广告设计是以加强销售为目的所做的设计。也就是基于广告学与设计方面的知识，

来为产品、品牌、活动等做广告。最早的广告设计是早期报纸的小布告栏，也就是以平面设

计的形式来表现的。当代的平面广告设计用一些特殊的操作来处理已经数字化的图像，是集

电脑技术、数字技术和艺术创意于一体的综合内容，是一种工作或职业，是一种具有美感的，

具有使用与纪念作用的造型活动。

知识点和技能点

1. 文字的输入

2. 图像的移动和变换

3. 平面广告设计的基础知识

学习要求

1. 能利用“移动工具”和“变形功能”等对图像进行移动和变形等操作

2. 掌握倒影的制作

3. 了解图层矢量蒙版的作用

4. 能对平面广告进行艺术化设计与创作

教学要求

掌握Photoshop CS5 在平面广告设计中的一些基本技巧和操作。其中包括对“魔棒”、“变

换”、“渐变”、“套索”等相关参数的设置，同时要掌握诸如图层控制面板等相关的操作。

1.1　任务一　节日招贴画设计

1.1.1　引导模式——母亲节招贴画

1．任务概述

利用“选框工具”、“移动工具”、“自由变换工具”、“横排文字工具”、“渐变工具”

等完成招贴画的制作。

2．学习目标

(1) 熟练使用“选框工具”绘制图形。

(2) 熟练使用“自由变换工具”对图像进行移动和调整。

(3) 熟练使用“移动工具”对图像进行移动。

(4) 熟练使用“横排文字工具”，并对文字的参数进行设置。

(5) 熟练使用“钢笔工具”绘制路径。

3．效果图

母亲节招贴画的最终效果如图1-1 所示。

图1-1　母亲节招贴画的效果

4．操作步骤

(1) 选择“文件”→“新建”菜单命令，创建一个新的文件，设置名称为“母亲节”，预

设为“自定”，宽度为“20 厘米”，高度为“15 厘米”，分辨率为“150 像素/ 英寸”，颜

色模式为“RGB 颜色、8 位”，背景内容为“白色”，如图1-2 所示。

图1-2　新建文件

(2) 在图层面板中单击“新建图层”按钮，新建一个图层1，如图1-3 所示。

(3) 选择工具箱中的“渐变工具” ，设置“径向渐变” ，单击渐变工具栏中的“渐

变编辑器”
，在弹出的“渐变编辑器”对话框中，单击色标滑动按钮，双击“更改所

选颜色的色标”，在弹出的“选择色标颜色”对话框中，设置RGB 的值为“255，0，0”，

如图1-4 所示。

图1-3　新建图层图1-4　选择色标颜色

(4) 单击末端色标，设置RGB 的值为“125，0，0”，如图1-5 所示。

图1-5　设置渐变的色标颜色

(5) 利用设置好的渐变工具，由中心点向左下角拉出一条填充直线，即可得到由中心向四

周变暗的过渡效果，如图1-6 所示。

图1-6　渐变效果

(6) 在图层面板中单击“新建图层”按钮，新建一个图层2，选择工具箱中的“椭圆选框”

工具，在图层2 的工作区中拖出一个圆形形状，如图1-7 所示。

图1-7　创建圆形选区

(7) 在工具箱中选择前景色，设置前景色为白色，按快捷键Alt Delete 填充圆形选区，然

后按快捷键Ctrl D 取消选择状态，如图1-8 所示。

图1-8　给圆形选区填充颜色

(8) 选择“滤镜”→“模糊”→“高斯模糊”菜单命令，在弹出的“高斯模糊”对话框中，

设置半径为32.7 像素，然后单击“确定”按钮，如图1-9 所示。

图1-9　设置高斯模糊

(9) 在图层面板中单击“新建图层”按钮，新建一个图层3，选择工具箱中的“矩形选框”

工具，在图层3 的工作区中拖出一个矩形形状，如图1-10 所示。

图1-10　创建矩形选区

(10) 在工具箱中选择前景色，设置前景色为白色，按快捷键Alt Delete 填充矩形选区，

然后按快捷键Ctrl D 取消选择状态，如图1-11 所示。

图1-11　给矩形选区填充颜色

(11) 选择“编辑”→“变换”→“斜切”菜单命令调整矩形形状，如图1-12 所示。

图1-12　调整选区形状

(12) 按快捷键Ctrl T，拖动矩形选框至合适位置，选择“滤镜”→“模糊”→“高斯模糊”

菜单命令，在弹出的“高斯模糊”对话框中，设置半径为2.5 像素，然后单击“确定”按钮，

如图1-13 所示。

图1-13　设置高斯模糊

(13) 在图层面板中选中图层3，从右键快捷菜单中选择命令以复制图层，生成“图层3

副本”、“图层3 副本2”，按快捷键Ctrl T，调整选区至合适位置，如图1-14 所示。

(14) 按Ctrl T 键选中图层面板中的“图层2”、“图层3”、“图层3 副本”、“图层3

副本2”，单击鼠标右键，在快捷菜单中选择“合并图层”命令，结果如图1-15 所示。

图1-14　调整选区位置后的效果图1-15　合并图层

(15) 在图层面板中选中“图层3 副本2”，从右键快捷菜单中选择命令以复制图层，生

成若干个图层副本，按快捷键Ctrl T，调整星光的位置和大小，调整后的效果如图1-16 所示。

图1-16　星光位置的效果

(16) 在图层面板新建图层2，选择工具箱中的“自由钢笔”工具，在图层2 的工作区

中绘制一个飘带的形状，并按快捷键Ctrl Enter 把所绘制形状转换为选区，如图1-17 所示。

图1-17　绘制飘带选区

(17) 选择工具箱中的“渐变工具”，设置“对称渐变” ，单击渐变工具栏中“渐变编

辑器”，在弹出的“渐变编辑器”对话框中，单击色标滑动按钮，双击“更改所选颜色的色标”，

在弹出的“选择色标颜色”对话框中，设置RGB 的值为“224，37，82”，如图1-18 所示。

图1-18　选择起始位置色标的颜色

(18) 按Alt 键拖动色标滑杆至“50%”位置处，设置RGB 的值为“232，89，140”，如图1-19

所示。

图1-19　选择位置为50% 的色标颜色

(19) 单击末端色标，设置RGB 的值为“218，65，103”，如图1-20 所示。

图1-20　选择末端的色标颜色

(20) 利用设置好的渐变工具，由左向右拉出一条填充直线，即可得到由左向右的渐变过

渡效果，然后按快捷键Ctrl D 取消选区，效果如图1-21 所示。

图1-21　飘带的效果

(21) 在图层控制面板中，选中飘带所在图层，按Alt
键分别拖出两个副本，再按快捷键

Ctrl T 调整相应图层的飘带，如图1-22 所示。

图1-22　飘带的完成效果

(22) 按Shift 键合并三个飘带所在图层，同时，在图层控制面板上面设置图层混合模式为

“柔光”，不透明度为“36%”，如图1-23 所示。

图1-23　设置图层混合模式及不透明度

(23) 选择“文件”→“置入”菜单命令，将“母亲节素材1”、“母亲节素材2”调整位

置大小后放入背景中，如图1-24 所示。

图1-24　置入相关素材

(24) 选中“母亲节素材2”所在图层，在图层混合模式中设置混合模式为“线性减淡”，

如图1-25 所示。

图1-25　设置混合模式

(25) 选择“文件”→“置入”菜单命令，将“母亲节素材3”、“母亲节素材4”调整位

置及大小后放入背景中，如图1-26 所示。

图1-26　置入素材后的效果

(26) 选择工具箱中的横排文字工具，输入“5.10”，在工具栏中设置字体为“华文琥珀”，

字体为“36 点”，消除锯齿为“平滑”，字体颜色为“白色”，输入文字“5 月第二个星期天”，

设置字体为“华文行楷”，大小为“24 点”，消除锯齿为“平滑”，字体颜色为“白色”，

如图1-27 所示

图1-27　添加文字后的效果

1.1.2　应用模式——新年快乐招贴画

1. 任务效果图

新年快乐招贴画的最终效果如图1-28 所示。

图1-28　新年快乐招贴画的最终效果