综合实训
任务一 艺术写真
一、提出任务
1．任务目标
人物照片是我们在进行平面设计时经常会使用到的素材，很多原始照片效果往往不尽人意，需要进一步加工处理。随着生活质量的提高，照片处理也逐渐成为寻常百姓的生活需要，例如在影楼工作中，就会经常需要为客户制作婚纱照片，或个人写真。
2. 解决的问题
本任务应客户要求制作一幅艺术写真照片，将一张人物素颜处理成具有明星效果的照片。
3. 知识要点
 Photoshop的滤镜功能
 色彩调节、调整图层
 图层混合模式
 创建图层剪贴蒙版
二、教学目标
1. 知识目标
Photoshop的滤镜功能
2. 能力目标
色彩调节、调整图层
3. 情感目标
应客户要求制作一幅艺术写真照片
三、教学分析与准备
1. 教学重点
色彩调节、调整图层
2．教学难点
图层混合模式
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
5. 教学环境
多媒体网络教室
四、学习过程
教学环节及手段 教学内容 备注
组织课堂
导入新课

明确目标

学习新课

教师可以结合PPT演示文稿讲解。

通过PPT课件给出窗口每个部分的说明

部分操作，根据教学情况可让学生进行协同学习或学生练习

通过任务学习法加深学生对知识的理解，组织学生分组讨论

教师启发演示

稳定学生情绪，准备上课。
人物照片是我们在进行平面设计时经常会使用到的素材，很多原始照片效果往往不尽人意，需要进一步加工处理。随着生活质量的提高，照片处理也逐渐成为寻常百姓的生活需要，例如在影楼工作中，就会经常需要为客户制作婚纱照片，或个人写真。
下面我们就以一名影楼设计师的身份，应客户要求制作一幅艺术写真照片，将一张人物素颜处理成具有明星效果的照片。

打开照片原图，将背景层复制生成背景副本，对背景副本使用【滤镜】>【模糊】>【特殊模糊】菜单命令，调出【特殊模糊】对话框，使用默认设置，单击【好】按钮。

将背景副本层再复制生成背景副本2，使用【滤镜】>【模糊】>【高斯模糊】菜单命令，半径4像素，单击【好】按钮，再把背景副本2的图层混合模式设置为【滤色】模式。

单击图层调板下部的【创建调整图层】按钮，选择【色相/饱和度】命令，在对话框中调整数值，根据需要观察图像色彩变化。

这时调整图层对下面所有图层都起作用，只需要作用于背景副本2，使用【图层】>【创建剪贴蒙版】菜单命令，从图层调板中可以看到变化，同时图像效果也产生变化。

教师与学生分别操作

这步操作中【特殊模糊】命令可以很好的改善人的肤质，但可能使毛发结块，可以配合【历史记录画笔】进行修复。

【模糊】滤镜柔化选区或整个图像，这对于修饰非常有用。它们通过平衡图像中已定义的线条和遮蔽区域的清晰边缘旁边的像素，使变化显得柔和。

【特殊模糊】：可以产生一种清晰边界的模糊。该滤镜能够找出图像边缘并只模糊图像边界线以内的区域。

学生分组练习

拓展练习：
1．使用图层混合模式和渐变工具制作如图效果。

2．使用模糊滤镜命令和图层混合模式制作如图像效果。

3．使用调整图层、图层混合模式和【色相/饱和度】命令制作如图效果。

任务二 制作圣诞贺卡
一、提出任务
1．任务目标
设计制作一张圣诞节贺卡。
2. 解决的问题
Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果
3. 知识要点
 Photoshop的滤镜功能
 文字工具、画笔工具
 路径命令和图层效果
二、教学目标
1. 知识目标
Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果
2. 能力目标
Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果
3. 情感目标
设计制作一张圣诞节贺卡
三、教学分析与准备
1. 教学重点
文字工具、画笔工具
2．教学难点
路径命令和图层效果
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
5. 教学环境
多媒体网络教室
四、学习过程
教学环节及手段 教学内容 备注
组织课堂
导入新课

明确目标

学习新课

教师可以结合PPT演示文稿讲解。

通过PPT课件给出窗口每个部分的说明

要移动路径应选择工具箱中的【路径选择工具】，改变路径形状，选择【直接选择工具】调节路径上的锚点和调节柄。

通过任务学习法加深学生对知识的理解，组织学生分组讨论

【文字工具】共有4个：【横排文字工具】、【直排文字工具】、【横排文字蒙版工具】和【直排文字蒙版工具】。文本输入的方法有两种：一种是点文本，一种是段落文本。

教师启发演示

稳定学生情绪，准备上课。
在任务二中，我们以一名平面广告设计师的身份，设计制作一张圣诞节贺卡。

按Ctrl+N键新建一个图像文件，设置其宽度为800像素，高度为600像素，背景色为白色，分辨率72像素/英寸。选择【渐变工具】，将渐变色设置为【黑-深蓝】，使用【线性渐变】方式在背景图层中由上至下进行填充。然后使用【滤镜】>【杂色】>【添加杂色】菜单命令，调出【添加杂色】选项板，选择【高斯分布】，【单色】，数量为3.5%。

选择【套索工具】，将【羽化】值设置为15像素。新建图层1，重命名图层为积雪，在画布下方绘制一个选区并填充白色，呈现出厚厚的积雪效果。

新建图层2，重命名图层为圣诞树，选择【画笔工具】，添加混合画笔，从【画笔】调板的【画笔笔尖形状】选项中选择【雪花】形笔尖，把间距加大，【动态形状】选项中设置大小抖动，【散布】选项中设置散布、数量和数量抖动。在画布上绘制时要调整画笔的流量，呈现深浅不同的层次，在中央画出一棵圣诞树。

选择【钢笔工具】，注意在选项栏的3个类型中选择【路径】类型，在画布上画出一条波浪形路径，从路径调板上可以看到效果。

选择【文字工具】，在路径的起点处单击，会出现输入光标，同时图层调板上出现一个文字图层，从文字选项栏中调出【字符】调板，输入需要的文字，文字会沿着路径排列。

选择文字图层，单击图层调板下部的【添加图层样式】按钮，在【图层样式】对话框中选中【外发光】选项，将等高线设置为【锥形-反转】类型，单击【好】按钮完成文字效果。

新建图层3，重命名图层为黄色装饰物，选择【椭圆选框工具】，在圣诞树上随意绘制几个椭圆形，填充黄色打开【样式】调板，单击右上黑色三角形按钮，出现下拉菜单，选择【Web样式】。

再新建几个图层，在每个图层中各绘制几个椭圆形。分别应用【样式】调板上的样式，然后执行【图层】>【图层样式】>【缩放效果】菜单命令，缩小图层效果，观察效果直到合适，最终效果如图所示。

教师与学生分别操作

【点文本】：选择【文字工具】在图像上单击，即可直接输入文本。在工具选项栏中可以调出【字符】调板，调整文本的字体、字号、字距、行距和颜色等参数。

【段落文本】：文字基于定界框的尺寸换行。可以输入多个段落并选择段落调整选项。可以调整定界框的大小，使文字在调整后的矩形内重新排列。

可以在输入文字时或创建文字图层后调整定界框。还可以使用定界框旋转、缩放和斜切文字。

学生分组练习

拓展练习：
1．使用文本工具制作如图所示的蜜蜂爬行的文字路径轨迹。

2．使用文本工具制作如图所示的图像效果。

3．使用文本工具制作如图所示的区域文本效果。

任务三 光盘设计
一、提出任务
1．任务目标
现代生活中，光盘应用非常广泛。光盘包装，是通过光盘内容确定风格、色彩、图片和文字，通过盘面设计将主题内容展现给消费者。
2. 解决的问题
利用 Photoshop设计光盘的封面，使光盘可以充分展现光盘的内容或作者的个性。
3. 知识要点
 Photoshop的基本工具和菜单命令
 图层蒙版
 文字工具
 路径工具
二、教学目标
1. 知识目标
Photoshop的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具
2. 能力目标
Photoshop的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具
3. 情感目标
利用 Photoshop设计光盘的封面
三、教学分析与准备
1. 教学重点
图层蒙版
2．教学难点
文字工具、路径工具
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
5. 教学环境
多媒体网络教室
四、学习过程
教学环节及手段 教学内容 备注
组织课堂
导入新课

明确目标

学习新课

教师可以结合PPT演示文稿讲解。

比较不同操作方法的特点与作用。

通过PPT课件给出窗口每个部分的说明

通过任务学习法加深学生对知识的理解，组织学生分组讨论

教师启发演示

稳定学生情绪，准备上课。
现代生活中，光盘应用非常广泛。光盘包装，是通过光盘内容确定风格、色彩、图片和文字，通过盘面设计将主题内容展现给消费者。而且由于刻录机及光盘价格的下降，越来越多的人都可以自己烧制光盘。因而也就有很多人希望光盘能够体现自己的个性，并且能够根据内容的不同具有不同特色的封面。任务三就是讲述如何利用 Photoshop设计光盘的封面，使光盘可以充分展现光盘的内容或作者的个性。

按Ctrl+N键新建一个图像文件，设置其宽度为12厘米，高度为12厘米，背景为透明，分辨率300像素/英寸。选择【椭圆选框工具】，在属性栏中设置样式为【固定大小】，宽度和高度都为12厘米。在画布上单击，图层1出现正圆形选区，将选区移动到画布中央，并填充白色。

新建图层2，使用步骤1同样方法，在图中画出一个宽度和高度都为1.5厘米的圆形选区，将这个选区作为光盘的内圆，填充白色。选择【移动工具】，将图层1和图层2都选中，单击属性栏的【水平居中对齐】和【垂直居中对齐】按钮，将两个圆形对齐，效果如图。

按住Ctrl键，单击图层调板中图层2的缩略图，出现光盘的内圆选区，选择图层1，单击Delete键，删除中央圆形，使图层1出现白色圆环，作为光盘的雏形。将图层2拖曳到图层调板下的垃圾桶图标上，删除图层2。

新建图层2，使用步骤1至步骤3的方法，制作一个外圆直径12厘米，内圆直径3厘米的黑色圆环。

按住Ctrl键，单击图层1的缩略图，将图层 1的白色圆环作为选区载入，使用【选择】>【修改】>【收缩】菜单命令。【收缩】命令对话框中设置收缩10像素，将选区向内收缩。然后使用【编辑】>【描边】菜单命令，设置描边宽度为2像素，颜色为黑色，位置居中，单击【确定】按钮。

按住Ctrl键，单击图层2的缩略图，得到黑色圆环的选区。打开素材文件，使用【选择】>【全部】菜单命令，将图片全部选择，使用【编辑】>【拷贝】菜单命令。再选择光盘图像的图层2，使用【编辑】>【粘贴入】菜单命令，生成图层蒙版，使用【编辑】>【变换】>【缩放】菜单命令，将图片等比例缩放280%,效果如图。

选择【文字工具】，在画布上单击，出现文字图层，设置字体为宋体，字号18点，颜色为白色，输入“走遍中国”四个字。再使用【文字工具】，选择较小的字号，输入“创世卓越系列丛书”几个字。

使用【自定形状工具】，选择【椭圆工具】的【路径】类型，绘制正圆形路径。使用【文字工具】在路径上单击，输入文字“THE GUIDING TOUR AROUND WHOLE CHINA”， 效果如图。

教师与学生分别操作

移动选区不能使用【移动工具】，应使用【选框工具】，并在属性栏中设置类型为【新选区】。

学生分组练习

拓展练习：
1．使用任务三学习的方法，制作如图光盘盘面效果。

2．使用任务三学习的方法，制作如图光盘盘面效果。

3．使用任务三学习的方法，制作如图光盘盘面效果。

任务四 网页设计
一、提出任务
1．任务目标
网页设计是当前平面设计的一个重要商业内容。在任务四中，我们设计制作一个旅游网页，展现旅游胜地的优美风景，通过合理的网页构图、协调的网页配色，用动画效果突出主题，使网页具有冲击力和吸引力，从而吸引消费者的旅游欲望。
2. 解决的问题
在学习过程中使用Photoshop设计制作网站主页，使用Photoshop和Image Ready制作网页动画。整个实例的制作过程分成三个步骤来完成。
3. 知识要点
步骤一是网站的主页，是网站的开场，是整个网站最具吸引力的部分。
步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。
步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。
二、教学目标
1. 知识目标
使用Photoshop设计制作网站主页
2. 能力目标
使用Photoshop和Image Ready制作网页动画
3. 情感目标
设计制作一个旅游网页
三、教学分析与准备
1. 教学重点
使用Photoshop设计制作网站主页
2．教学难点
使用Photoshop和Image Ready制作网页动画
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
5. 教学环境
多媒体网络教室
四、学习过程
教学环节及手段 教学内容 备注
组织课堂
导入新课

明确目标

学习新课

教师可以结合PPT演示文稿讲解。

比较不同操作方法的特点与作用。

通过PPT课件给出窗口每个部分的说明

通过任务学习法加深学生对知识的理解，组织学生分组讨论

教师启发演示

教师可以结合PPT演示文稿讲解。

比较不同操作方法的特点与作用。

通过PPT课件给出窗口每个部分的说明

通过任务学习法加深学生对知识的理解，组织学生分组讨论

教师启发演示

教师可以结合PPT演示文稿讲解。

比较不同操作方法的特点与作用。

通过PPT课件给出窗口每个部分的说明

通过任务学习法加深学生对知识的理解，组织学生分组讨论

教师启发演示

稳定学生情绪，准备上课。
网页设计是当前平面设计的一个重要商业内容。在任务四中，我们设计制作一个旅游网页，展现旅游胜地的优美风景，通过合理的网页构图、协调的网页配色，用动画效果突出主题，使网页具有冲击力和吸引力，从而吸引消费者的旅游欲望。
在学习过程中使用Photoshop设计制作网站主页，使用Photoshop和Image Ready制作网页动画。整个实例的制作过程分成三个步骤来完成。
步骤一是网站的主页，是网站的开场，是整个网站最具吸引力的部分。
步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。
步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。

（一）网站主页的制作过程如下：
启动Photoshop，按Ctrl+N键新建一个图像文件，设置其宽度为800，高度为600像素，背景为白色，分辨率72像素/英寸。打开两张风景素材图，使用【移动工具】拖曳到当前文件中，生成图层1和图层2，使用【编辑】>【变换】>【缩放】菜单命令调整两张图像，设置为上下结构，将图层1和图层2的不透明度设置为40%，效果如图。

选择图层2，单击图层调板下部的【添加图层蒙版】按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从左至右水平填充“白-黑”渐变色。

打开相应的素材图，拖曳到图像中，生成图层3，使用【编辑】>【变换】>【缩放】菜单命令，将图层3图片调整与图层2图片大小相同。单击图层3调板下部的【添加图层蒙版】按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从左至右水平填充“白-黑”渐变色，将不透明度设置为20%。

新建图层4，使用【自定形状工具】，选择【圆角矩形工具】的【填充像素】类型，绘制一个白色圆角矩形，载入选区，使用【编辑】>【描边】菜单命令，将该圆角矩形设置成边线色为蓝色，使用【渐变工具】，由上至下填充“蓝-白”渐变色，使用图层样式，设置淡蓝色的投影。

新建图层5，使用同样的方法，再绘制一个圆角矩形，填充白色，将图层混合模式设置为【柔光】模式，不透明度为45%，将两个圆角矩形上边缘对齐，制作好一个水晶按钮，合并图层4和图层5为图层4。

按住Alt键，再复制六个按钮，并绘制一个较大的圆角矩形，使用【渐变工具】，由上至下填充“蓝-白”渐变色，放置在其他按钮下面，完成导航按钮的制作, 效果如图所示。

使用【文字工具】在图所示位置输入需要的文字，设置合适的字体、字号与颜色。

打开三张风景图片，拖曳到画布中，将三张图像调整成相同大小，并进行对齐。使用图层蒙版和【渐变工具】设置三张图片，效果如图。
新建图层，使用【自定形状工具】，添加【Web】库文件，使用其中的按钮，制作红色链接按钮，并使用图层样式制作投影。使用文字工具输入文字。

打开人物素材文件，使用菜单【图像】>【调整】>【暗调/高光】命令，使用默认设置。再使用菜单【图像】>【调整】>【色彩平衡】命令，将色阶值设置为“+40、－50、0”。

使用【钢笔工具】将人物轮廓勾画出来，生成工作路径，选择【路径】调板，单击调板下方【将路径作为选区载入】按钮，将工作路径转换成选区。

将选区反选，删除人物以外的部分。单击图层调板下部的【添加图层蒙版】按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从上至下垂直填充“白-黑”渐变色，最终网页效果如图所示。

（二）网页文字动画的制作过程如下：
启动Photoshop，按Ctrl+N键新建一个图像文件，设置其宽度为800，高度为80像素，背景为白色，分辨率72像素/英寸。将素材图拖曳到当前文件中，生成图层1。使用菜单命令【编辑】>【变换】>【缩放】，变换图层1的大小。

将素材图大小变换成与当前图像相等大小，双击或回车结束变换。选择图层调板，将图层1的不透明度设置为45％。

选择工具箱中的【横排文字工具】，输入相应的文字，字符调板设置如图。

选择文字图层，使用图层调板菜单命令【向下合并】，将图层1与文字图层合并为一个图层，并命名为图层1。将图层1复制两个新图层，分别命名为图层2、图层3，选择图层3为当前操作图层。

点击工具箱下部的【跳至ImageReady】按钮，使用ImageReady软件进行图像编辑，使用菜单命令【视图】>【标尺】，出现图像标尺，使用菜单命令【窗口】>【动画】，弹出动画编辑调板。

设置七条水平的参考线，将图像分成八个均等部分。

使用工具箱中的【选框工具】，选择属性栏中的【添加到选区按钮】，将图像8个均等部分中的1、3、5、7部分为选区，删除奇数选区部分。

选择图层2为当前操作图层，使用工具箱中的【选框工具】，选择属性栏中的【添加到选区按钮】，将图像8个均等部分中的2、4、6、8部分为选区，删除偶数选区部分。

使用菜单命令【视图】>【标尺】，取消标尺的显示，使用菜单命令【视图】>【清除参考线】，清除图像中的参考线。选择动画调板，隐藏图层2和图层3，选择图层1为当前操作图层。

在动画调板中，单击【复制当前帧】按钮，将第一帧进行复制，生成第二帧。选择图层调板，将图层1的不透明度设置为25％。

在动画调板中，单击【复制当前帧】按钮，将第二帧进行复制，生成第三帧。显示图层2，选择图层2为当前操作图层，使用方向键将图层2水平向左移动至完全隐藏。显示图层3，选择图层3为当前操作图层，使用方向键将图层3水平向右移动至完全隐藏。

在动画调板中，单击【复制当前帧】按钮，将第三帧进行复制，生成第四帧。显示图层2，选择图层2为当前操作图层，使用方向键将图层2水平向右移动至完全显示。显示图层3，选择图层3为当前操作图层，使用方向键将图层3水平向左移动至完全隐藏。

在动画调板中，选择第二帧，单击【动画帧过渡】按钮，弹出过渡选项板。

在动画调板中，选择最后一帧，单击【动画帧过渡】按钮，弹出过渡选项板。

选择第一帧，单击【选择帧延迟】按钮，在弹出菜单中，设置第一帧时间为0.5秒。

使用菜单命令【文件】>【将优化结果存储为】，在弹出的选项框中，将文件存储为GIF格式。
（三）网页照片浏览动画制作过程如下：
启动Photoshop，按Ctrl+N键新建一个图像文件，设置其宽度为450，高度为338像素像素，背景为白色，分辨率72像素/英寸。将四张素材图都打开，拖曳到当前文件中，生成图层1、图层2、图层3、图层4，效果如图。

点击工具箱下部的【跳至ImageReady】按钮，使用ImageReady软件进行图像编辑，使用菜单命令【窗口】>【动画】，弹出动画编辑调板。

在动画调板中，单击【复制当前帧】按钮，将第一帧进行四次复制，生成第二帧、第三帧、第四帧、第五帧。

在动画调板中，选择第二帧，再选择图层调板，将图层1的不透明度设置为0％。

重复第四部操作步骤，在动画调板中，分别选择第三帧、第四帧，再选择图层调板，分别将图层2、图层3的不透明度设置为0％。

在动画调板中，选择第二帧，单击【动画帧过渡】按钮，弹出过渡选项板。

重复第六部操作步骤，在动画调板中，分别选择原第三帧、第四帧、第五帧，使用【动画帧过渡】按钮，生成过渡帧，效果如图。

单击将原第一帧、第二帧、第三帧、第四帧、第五帧的【选择帧延迟】按钮，在弹出菜单中，设置时间为0.5秒。

选择优化调板，设置相应选项，最后使用菜单命令【文件】>【将优化结果存储为】，在弹出的选项框中，将文件存储为GIF格式。

教师与学生分别操作

GIF全称是图形互换格式，是CompuServe公司提出的一种图形文件格式。GIF动画是网页动画中应用广泛的一种动画格式。

执行分层的 Photoshop 图像创建网页动画。动画由一系列图像帧组成，通过使每一帧与下一帧都有稍微的不同，可以使人产生一种运动的错觉。可以执行分层的 Photoshop 或 Image Ready 图像在 Adobe Image Ready 中创建简单的动画。

在图像中构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层，可以改变每一帧的内容，而不必一遍又一遍地复制和改变整个图像。只需为每个静态元素创建一个图层，而运动元素则可能需要若干个图层才能制作出平滑过渡的运动效果。

学生分组练习

可以自己制作Photoshop分层文件，然后在ImageReady中生成动画。在ImageReady中首先生成的几个帧，其实就是Flash中的关键帧，然后在关键帧之间产生过渡效果。在执行ImageReady的过程中随时可以切换到Photoshop修改文件，修改后的结果会自动进入ImageReady中。

在 ImageReady 中，可以将文档作为 SWF 文件导出，然后可以将该文件直接发布到 Web 上或导入到 Macromedia Flash 应用程序中。在多图层的 PSD 文件中，可以将 PSD 文件的每个图层作为一个 SWF 对象导出，也可以执行【图层作为文件】命令将每个图层作为单独的 SWF 文件导出。在将整个 PSD 文件导出到一个 SWF 文件时，动画帧将作为 SWF 动画帧导出。
拓展练习：
1．使用Photoshop和Image Ready，制作小球弹跳的GIF动画。

2．使用Photoshop和Image Ready，制作文字燃烧的GIF动画。

3．使用Photoshop设计制作一个网站主页。