最新Photoshop综合实例教案.docx

1、最新Photoshop综合实例教案综合实训任务一 艺术写真一、提出任务1任务目标人物照片是我们在进行平面设计时经常会使用到的素材，很多原始照片效果往往不尽人意，需 要进一步加工处理。随着生活质量的提高，照片处理也逐渐成为寻常百姓的生活需要，例如在影楼 工作中，就会经常需要为客户制作婚纱照片，或个人写真。2. 解决的问题本任务应客户要求制作一幅艺术写真照片，将一张人物素颜处理成具有明星效果的照片。3. 知识要点Photoshop 的滤镜功能 色彩调节、调整图层 图层混合模式 创建图层剪贴蒙版二、教学目标1. 知识目标Photoshop 的滤镜功能2. 能力目标色彩调节、调整图层3. 情感目标应客

2、户要求制作一幅艺术写真照片三、教学分析与准备1. 教学重点色彩调节、调整图层2教学难点图层混合模式3. 教学方法任务驱动学习和协作学习、探究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程教学环节及手段教学内容备注组织课堂 导入新课稳定学生情绪，准备上课。人物照片是我们在进行平面设计时经常会使用到的 素材，很多原始照片效果往往不尽人意，需要进一步加工 处理。随着生活质量的提高，照片处理也逐渐成为寻常百 姓的生活需要，例如在影楼工作中，就会经常需要为客户 制作婚纱照片，或个人写真。下面我们就以一名影楼设计师的身份，应客户要求制 作一幅艺术写真照片， 将一张人物素颜处理成具

3、有明星效 果的照片。明确目标学习新课打开照片原图，将背景层复制生成背景副本，对背景 副本使用【滤镜】 【模糊】 【特殊模糊】菜单命令，调 出【特殊模糊】 对话框， 使用默认设置， 单击【好】 按钮。教师与学生分别操作将背景副本层再复制生成背景副本 2，使用【滤镜】 【模糊】 【高斯模糊】 菜单命令， 半径 4 像素，单击【好】 按钮，再把背景副本 2 的图层混合模式设置为【滤色】模 式。这步操作中【特殊模糊】命令可以很好的改善人单击图层调板下部的 【创建调整图层】 按钮，选择【色 相/饱和度】 命令， 在对话框中调整数值， 根据需要观察图 像色彩变化。的肤质，但可能使毛发结块，可以配 合【历史

4、记录画笔】 进行修复。这时调整图层对下面所有图层都起作用， 只需要作用 于背景副本 2，使用【图层】 【创建剪贴蒙版】 菜单命令， 从图层调板中可以看到变化，同时图像效果也产生变化。【模糊】滤镜 柔化选区或整个图 像，这对于修饰非 常有用。它们通过 平衡图像中已定义 的线条和遮蔽区域 的清晰边缘旁边的 像素，使变化显得 柔和。部分操作，根据教学情况可让学生进行协同学习或学生练习通过任务学习法加深学生对知识的理解，组织学生分组讨论教师启发演示【特殊模糊】：可以产生一种清晰边界的模糊。该滤镜能够找出图像边缘并只模糊图像边界线以内的区域。学生分组练习拓展练习：1使用图层混合模式和渐变工具制作如图效果

5、。3使用调整图层、图层混合模式和【色相 / 饱和度】命令制作如图效果。任务二 制作圣诞贺卡一、提出任务 1任务目标 设计制作一张圣诞节贺卡。2. 解决的问题 Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果3. 知识要点 Photoshop 的滤镜功能 文字工具、画笔工具 路径命令和图层效果二、教学目标1. 知识目标Photoshop 的滤镜功能、文字工具、画笔工具、路径命令和图层效果 2. 能力目标Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果 3. 情感目标 设计制作一张圣诞节贺卡三、教学分析与准备1. 教学重点 文字工具、画笔工具 2教学难点 路

6、径命令和图层效果3. 教学方法 任务驱动学习和协作学习、探究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程教学内容稳定学生情绪，准备上课。在任务二中， 我们以一名平面广告设计师的身份， 设计制作 一张圣诞节贺卡。明确目标按 Ctrl+N 键新建一个图像文件，设置其宽度为 800 像素， 高度为 600像素，背景色为白色， 分辨率 72 像素/英寸。选择【渐 变工具】，将渐变色设置为【黑 -深蓝】，使用【线性渐变】方式学习新课在背景图层中由上至下进行填充。 然后使用 【滤镜】 【杂色】 【添加杂色】菜单命令，调出【添加杂色】选项板，选择【高斯 分布】，【单色】，数量为

7、3.5%。教师可以结合PPT 演示文稿讲解。选择【套索工具】 ，将【羽化】值设置为 15 像素。新建图 层 1，重命名图层为积雪 ，在画布下方绘制一个选区并填充白色， 呈现出厚厚的积雪效果。教师与学生分别操作通过 PPT 课件给出窗口每个部分的说明新建图层 2，重命名图层为圣诞树 ，选择【画笔工具】 ，添 加混合画笔， 从【画笔】调板的【画笔笔尖形状】 选项中选择 【雪 花】形笔尖，把间距加大， 【动态形状】选项中设置大小抖动， 【散布】 选项中设置散布、 数量和数量抖动。 在画布上绘制时要 调整画笔的流量， 呈现深浅不同的层次， 在中央画出一棵圣诞树。【点文本】： 选择【文字工具】 在图像上

8、单击， 即可直接输入文 本。在工具选项 栏中可以调出 【字符】调板， 调整文本的字 体、字号、字距、 行距和颜色等参选择【钢笔工具】，注意在选项栏的 3 个类型中选择 【路径】 类型，在画布上画出一条波浪形路径， 从路径调板上可以看到效 果。选择【文字工具】，在路径的起点处单击， 会出现输入光标， 同时图层调板上出现一个文字图层， 从文字选项栏中调出 【字符】 调板，输入需要的文字，文字会沿着路径排列。选择文字图层， 单击图层调板下部的 【添加图层样式】 按钮， 在【图层样式】对话框中选中【外发光】选项，将等高线设置为 【锥形 -反转】类型，单击【好】按钮完成文字效果。新建图层 3，重命名图层

9、为黄色装饰物 ， 选择【椭圆选框工 具】，在圣诞树上随意绘制几个椭圆形，填充黄色打开【样式】 调板，单击右上黑色三角形按钮，出现下拉菜单，选择【 Web 样式】。通过任务学习法加深学生对再新建几个图层， 在每个图层中各绘制几个椭圆形。 分别应知识的理解，组织学生分组讨论用【样式】调板上的样式，然后执行【图层】 【图层样式】 【缩放效果】菜单命令，缩小图层效果，观察效果直到合适， 最 终效果如图所示。段落文本】：文字基于定界框的尺寸换行。可以输入多个段落并选择段落调整选项。可以调整定 界框的大小，使 文字在调整后的 矩形内重新排 列。【文字工具】共 有 4 个：【横排 文字工具】、【直 排 文

10、字 工 具 】、 【横排文字蒙 版工具】和【直 排文字蒙版工 具】。文本输入 的方法有两种：一种是点文本，一种是段落文本。教师启发演示可以在输入文字 时或创建文字图 层后调整定界 框。还可以使用 定界框旋转、缩 放和斜切文字。学生分组练习拓展练习：1使用文本工具制作如图所示的蜜蜂爬行的文字路径轨迹。2使用文本工具制作如图所示的图像效果。3使用文本工具制作如图所示的区域文本效果。任务三 光盘设计一、提出任务1任务目标现代生活中，光盘应用非常广泛。光盘包装，是通过光盘内容确定风格、色彩、图片和文字， 通过盘面设计将主题内容展现给消费者。2. 解决的问题利用 Photoshop 设计光盘的封面，使光

11、盘可以充分展现光盘的内容或作者的个性。3. 知识要点Photoshop 的基本工具和菜单命令图层蒙版文字工具路径工具二、教学目标1. 知识目标Photoshop 的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具2. 能力目标Photoshop 的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具3. 情感目标利用 Photoshop 设计光盘的封面三、教学分析与准备1. 教学重点图层蒙版2教学难点文字工具、路径工具3. 教学方法任务驱动学习和协作学习、探究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程教学环节及手段教学内容备注组织课堂 导入新课稳定学生情绪，准

12、备上课。现代生活中，光盘应用非常广泛。光盘包装，是通过光盘 内容确定风格、色彩、图片和文字，通过盘面设计将主题内容 展现给消费者。而且由于刻录机及光盘价格的下降，越来越多 的人都可以自己烧制光盘。因而也就有很多人希望光盘能够体 现自己的个性， 并且能够根据内容的不同具有不同特色的封面。 任务三就是讲述如何利用 Photoshop 设计光盘的封面，使光盘 可以充分展现光盘的内容或作者的个性。明确目标按 Ctrl+N 键新建一个图像文件，设置其宽度为 12 厘米， 高度为 12 厘米，背景为透明， 分辨率 300 像素/英寸。选择【椭 圆选框工具 】，在属性栏中设置样式为【固定大小】 ，宽度和高

13、度都为 12 厘米。在画布上单击， 图层 1 出现正圆形选区， 将选新建图层 2，使用步骤 1 同样方法，在图中画出一个宽度和高度都为 1.5 厘米的圆形选区，将这个选区作为光盘的内圆， 填充白色。选择【移动工具】 ，将图层 1 和图层 2都选中，单击 属性栏的【水平居中对齐】和【垂直居中对齐】按钮，将两个圆形对齐，效果如图。教师与学生分别操作按住 Ctrl 键，单击图层调板中图层 2 的缩略图，出现光盘 的内圆选区，选择图层 1，单击 Delete 键，删除中央圆形，使 图层 1 出现白色圆环，作为 光盘的雏形。 将图层 2 拖曳到图层 调板下的垃圾桶图标上，删除图层 2。比较不同操作方 法

14、的特点与作 用。新建图层 2，使用步骤 1 至步骤 3 的方法，制作一个外圆 直径 12厘米，内圆直径 3 厘米的黑色圆环。按住 Ctrl 键，单击图层 1 的缩略图，将图层 1 的白色圆环 作为选区载入，使用【选择】 【修改】 【收缩】菜单命令。 【收缩】 命令对话框中设置收缩 10 像素，将选区向内收缩。 然后使用【编辑】 【描边】菜单命令，设置描边宽度为 2 像素，通过 PPT 课件 给出窗口每个部 分的说明按住 Ctrl 键，单击图层 2 的缩略图， 得到黑色圆环的选区。 打开素材文件，使用【选择】 【全部】菜单命令，将图片全部 选择，使用【编辑】 【拷贝】菜单命令。再选择光盘图像的图

15、 层 2，使用【编辑】 【粘贴入】菜单命令，生成图层蒙版，使 用【编辑】 【变换】 【缩放】菜单命令，将图片等比例缩放 280%,效果如图。选择【文字工具】 ，在画布上单击，出现文字图层，设置字 体为宋体， 字号 18点，颜色为白色， 输入“走遍中国” 四个字。再使用【文字工具】 ，选择较小的字号，输入“创世卓越系列丛 书”几个字。使用【自定形状工具】 ，选择【椭圆工具】 的【路径】 绘制正圆形路径。使用【文字工具】在路径上单击，输入文字“ THE GUIDING TOUR AROUND WHOLE CHINA ”， 效果如 图。通过任务学习法 加深学生对知识 的理解，组织学 生分组讨论教师启

16、发演示学生分组练习拓展练习：1使用任务三学习的方法，制作如图光盘盘面效果。2使用任务三学习的方法，制作如图光盘盘面效果。任务四 网页设计一、提出任务1任务目标 网页设计是当前平面设计的一个重要商业内容。在任务四中，我们设计制作一个旅游网页，展 现旅游胜地的优美风景，通过合理的网页构图、协调的网页配色，用动画效果突出主题，使网页具 有冲击力和吸引力，从而吸引消费者的旅游欲望。2. 解决的问题在学习过程中使用 Photoshop设计制作网站主页， 使用 Photoshop和 Image Ready制作网页动画。 整个实例的制作过程分成三个步骤来完成。3. 知识要点步骤一是网站的主页，是网站的开场，

17、是整个网站最具吸引力的部分。步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。 步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。二、教学目标1. 知识目标使用 Photoshop 设计制作网站主页2. 能力目标使用 Photoshop和 Image Ready 制作网页动画3. 情感目标设计制作一个旅游网页三、教学分析与准备1. 教学重点使用 Photoshop 设计制作网站主页2教学难点使用 Photoshop和 Image Ready 制作网页动画3. 教学方法任务驱动学习和协作学习、探究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程教学

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

19、方式将旅游胜地的优 美风光展现出来。明确目标（一）网站主页的制作过程如下：学习新课启动 Photoshop，按 Ctrl+N 键新建一个图像文件， 设置其 宽度为 800，高度为 600 像素，背景为白色，分辨率 72像素/ 英寸。打开两张风景素材图，使用【移动工具】拖曳到当前 文件中，生成图层 1 和图层 2，使用【编辑】 【变换】 【缩 放】菜单命令调整两张图像，设置为上下结构，将图层 1 和 图层 2 的不透明度设置为 40%，效果如图。选择图层 2，单击图层调板下部的 【添加图层蒙版】 按钮， 生成图层蒙版，使用【渐变工具】 ，在蒙版中从左至右水平填 充“白 -黑”渐变色。教师可以结合

20、打开相应的素材图， 拖曳到图像中， 生成图层 3，使用【编 辑】 【变换】 【缩放】菜单命令，将图层 3 图片调整与图PPT 演示文稿讲 解。层 2 图片大小相同。单击图层 3 调板下部的【添加图层蒙版】 按钮，生成图层蒙版，使用【渐变工具】 ，在蒙版中从左至右 水平填充“白 -黑”渐变色，将不透明度设置为 20%。新建图层 4，使用【自定形状工具】 ，选择【圆角矩形工 具】的【填充像素】类型，绘制一个白色圆角矩形，载入选 区，使用【编辑】 【描边】菜单命令，将该圆角矩形设置成 边线色为蓝色，使用【渐变工具】 ，由上至下填充“蓝 -白”渐 变色，使用图层样式，设置淡蓝色的投影。新建图层 5，使

21、用同样的方法，再绘制一个圆角矩形，填 充白色，将图层混合模式设置为【柔光】模式，不透明度为 45%，将两个圆角矩形上边缘对齐， 制作好一个水晶按钮， 合 并图层 4 和图层 5 为图层 4。按住 Alt 键，再复制六个按钮， 并绘制一个较大的圆角矩 形，使用【渐变工具】 ，由上至下填充“蓝 -白”渐变色，放置 在其他按钮下面，完成导航按钮的制作 , 效果如图所示。打开三张风景图片，拖曳到画布中，将三张图像调整成 相同大小，并进行对齐。使用图层蒙版和【渐变工具】设置 三张图片，效果如图。新建图层，使用【自定形状工具】 ，添加【 Web】库文件，比较不同操作方 法的特点与作 用。打开人物素材文件，

22、使用菜单【图像】 【调整】 【暗 调/高光】命令，使用默认设置。 再使用菜单 【图像】【调整】 【色彩平衡】命令，将色阶值设置为“ +40、 50、0”。使用【钢笔工具】将人物轮廓勾画出来，生成工作路径， 选择【路径】调板，单击调板下方【将路径作为选区载入】 按钮，将工作路径转换成选区。将选区反选，删除人物以外的部分。单击图层调板下部 的【添加图层蒙版】 按钮， 生成图层蒙版， 使用【渐变工具】， 在蒙版中从上至下垂直填充“白 -黑”渐变色，最终网页效果 如图所示。（二）网页文字动画的制作过程如下：启动 Photoshop，按 Ctrl+N 键新建一个图像文件， 设置其 宽度为 800，高度为

23、 80 像素，背景为白色，分辨率 72 像素 /结束变换。 选择图层调板， 将图层 1 的不透明度设置为 45。选择工具箱中的【横排文字工具】 ，输入相应的文字，字1 复制两个新图层，分别命名为图层 2 、图层 3，选择图层 3为当前操作图层。使用工具箱中的【选框工具】 ，选择属性栏中的【添加到 选区按钮】，将图像 8 个均等部分中的 1、3、5、7 部分为选 区，删除奇数选区部分。选择图层 2 为当前操作图层，使用工具箱中的【选框工 具】，选择属性栏中的【添加到选区按钮】 ，将图像 8 个均等 部分中的 2、4、6、 8部分为选区，删除偶数选区部分。使用菜单命令【视图】 【标尺】，取消标尺的

24、显示，使 用菜单命令【视图】 【清除参考线】 ，清除图像中的参考线。 选择动画调板， 隐藏图层 2 和图层 3，选择图层 1 为当前操作 图层。在动画调板中，单击【复制当前帧】按钮，将第一帧进 行复制，生成第二帧。选择图层调板，将图层 1 的不透明度 设置为 25。教师启发演示在动画调板中，单击【复制当前帧】按钮，将第二帧进 行复制，生成第三帧。显示图层 2，选择图层 2 为当前操作图 层，使用方向键将图层 2 水平向左移动至完全隐藏。显示图 层 3，选择图层 3 为当前操作图层， 使用方向键将图层 3 水平 向右移动至完全隐藏。在动画调板中，单击【复制当前帧】按钮，将第三帧进 行复制，生成第

25、四帧。显示图层 2，选择图层 2 为当前操作图 层，使用方向键将图层 2 水平向右移动至完全显示。显示图 层 3，选择图层 3 为当前操作图层， 使用方向键将图层 3 水平 向左移动至完全隐藏。选择第一帧，单击【选择帧延迟】按钮，在弹出菜单中，设置第一帧时间为 0.5 秒。使用菜单命令【文件】 【将优化结果存储为】 ，在弹出 的选项框中，将文件存储为 GIF 格式。（三）网页照片浏览动画制作过程如下：启动 Photoshop，按 Ctrl+N 键新建一个图像文件， 设置其 宽度为 450，高度为 338 像素像素，背景为白色，分辨率 72 像素/英寸。将四张素材图都打开，拖曳到当前文件中，生成

26、 图层 1、图层 2、图层 3、图层 4，效果如图。重复第四部操作步骤，在动画调板中，分别选择第三帧、 第四帧，再选择图层调板，分别将图层 2、图层 3 的不透明度 设置为 0。重复第六部操作步骤，在动画调板中，分别选择原第三 帧、第四帧、第五帧，使用【动画帧过渡】按钮，生成过渡 帧，效果如图。单击将原第一帧、第二帧、第三帧、第四帧、第五帧的选择帧延迟】按钮，在弹出菜单中，设置时间为 0.5 秒。选择优化调板，设置相应选项，最后使用菜单命令【文 件】 【将优化结果存储为】 ，在弹出的选项框中，将文件存 储为 GIF 格式。通过任务学习法 加深学生对知识 的理解，组织学 生分组讨论执行分层的 P

27、hotoshop 图像创 建网页动画。动画 由一系列图像帧 组成，通过使每一 帧与下一帧都有 稍微的不同，可以 使人产生一种运 动的错觉。可以执 行分层的 Photoshop 或 Image Ready 图像 在 Adobe Image教师启发演示Ready 中 创 建 简 单的动画。教师可以结合PPT 演示文稿讲 解。在图像中构 成动画的所有元 素都放置在不同 的图层中。通过对 每一帧隐藏或显 示不同的图层，可 以改变每一帧的 内容，而不必一遍 又一遍地复制和 改变整个图像。只 需为每个静态元 素创建一个图层， 而运动元素则可 能需要若干个图 层才能制作出平比较不同操作方 法的特点与作 用。

28、滑过渡的运动效果。通过 PPT 课件给出窗口每个部分的说明通过任务学习法 加深学生对知识学生分组练习的理解，组织学生分组讨论教师启发演示可以自己制作 Photoshop 分层文 件，然后在 ImageReady 中生 成动画。在 ImageReady 中首 先生成的几个帧， 其实就是 Flash 中 的关键帧，然后在 关键帧之间产生 过渡效果。在执行 ImageReady 的过 程中随时可以切 换 到 Photoshop 修改文件，修改后 的结果会自动进 入 ImageReady 中。在 ImageReady 中，可以将文档作 为 SWF 文 件 导 出，然后可以将该文件直接发布到 Web 上或导入到 MacromediaFlash 应 用 程 序 中。在多图层的 PSD 文件中，可 以 将 PSD 文 件 的每个图层作为 一 个 SWF 对 象 导出，也可以执行 【图层作为文件】 命令将每个图层 作为单独的 SWF 文件导出。在将整 个 PSD 文 件 导 出 到 一 个 SWF 文件时，动画帧将 作 为 SWF 动 画 帧导出。拓展练习：1使用 Photoshop 和 Image Ready，制作小球弹跳的 GIF 动画。2使用 Photoshop 和 Image Ready，制作文字燃烧的 GIF 动画。3使用 Photoshop 设计制作一个网站主页。