Photoshop综合实例教案

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

2、备1. 教学重点色彩调节、调整图层2教学难点图层混合模式3. 教学方法任务驱动学习和协作学习、探究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程教学内容人物照片是我们在进行平面设计时经常会使用到的素材，很多原始照片效果往往不尽人意，需要进一步加工处理。随着生活质量的提高，照片处理也逐渐成为寻常百姓的生活需要，例如在影楼工作中，就会经常需要为客户制作婚纱照片，或个人写真。下面我们就以一名影楼设计师的身份，应客户要求制作一幅艺术写真照片，将一张人物素颜处理成具有明星效果的照片。1 明确目标学习新课教师与学生分别操作这 步 操 作 中【特殊模糊】命令可以很好的改善人2 的肤

3、质，但可能使毛发结块，可以配合【历史记录画笔】进行修复。通过 PPT 课件给出窗口每个部分的说明【模糊】滤镜柔化选区或整个图像，这对于修饰非常有用。它们通过平衡图像中已定义的线条和遮蔽区域的清晰边缘旁边的像素，使变化显得柔和。部分操作，根据教学情况可让学生进行协同学习或学生3 练习【特殊模糊】：可以产生一种清晰边界的模糊。该滤镜能够找出图像边缘并只模糊图像边界线以内的区域。学生分组练习教师启发演示4 拓展练习：1使用图层混合模式和渐变工具制作如图效果。2使用模糊滤镜命令和图层混合模式制作如图像效果。3使用调整图层、图层混合模式和【色相/饱和度】命令制作如图效果。5 任务二 制作圣诞贺卡一、提出

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

5、四、学习过程教学环节及手段教学内容稳定学生情绪，准备上课。在任务二中，我们以一名平面广告设计师的身份，设计制作一张圣诞节贺卡。按 Ctrl+N 键新建一个图像文件，设置其宽度为800 像素，高度为 600 像素，背景色为白色，分辨率 72 像素/英寸。选择【渐变工具】，将渐变色设置为【黑-深蓝】，使用【线性渐变】方式6 学习新课教师与学生分别操作【点文本】：选择【文字工具】在图像上单击，即可直接输入文本。在工具选项栏 中 可 以 调 出【字符】调板，调 整 文 本 的 字体、字号、字距、行距和颜色等参选择【钢笔工具】，注意在选项栏的3 个类型中选择【路径】类型，在画布上画出一条波浪形路径，从路

6、径调板上可以看到效果。7 选择文字图层，单击图层调板下部的【添加图层样式】按钮，在【图层样式】对话框中选中【外发光】选项，将等高线设置为【锥形-反转】类型，单击【好】按钮完成文字效果。具】，在圣诞树上随意绘制几个椭圆形，填充黄色打开【样式】调板，单击右上黑色三角形按钮，出现下拉菜单，选择【 Web样式】。通 过 任 务 学 习法 加 深 学 生 对再新建几个图层，在每个图层中各绘制几个椭圆形。分别应8 用【样式】调板上的样式，然后执行【图层】【图层样式】【缩放效果】菜单命令，缩小图层效果，观察效果直到合适，最终效果如图所示。【段落文本】：文字基于定界框的尺寸换行。可以输入多个段落并选择段落调整

7、选项。可以调整定界框的大小，使文字在调整后的矩 形 内 重 新 排列。【文字工具】共有 4 个：【横排文字工具】、【直排文字工具】、【 横 排 文 字 蒙版工具】和【直排 文 字 蒙 版 工具】。文本输入的方法有两种：一种是点文本，一 种 是 段 落 文9 本。可以在输入文字时或创建文字图层 后 调 整 定 界框。还可以使用定界框旋转、缩放和斜切文字。教师启发演示10 拓展练习：1使用文本工具制作如图所示的蜜蜂爬行的文字路径轨迹。2使用文本工具制作如图所示的图像效果。3使用文本工具制作如图所示的区域文本效果。11 任务三 光盘设计一、提出任务1任务目标现代生活中，光盘应用非常广泛。光盘包装，是

8、通过光盘内容确定风格、色彩、图片和文字，通过盘面设计将主题内容展现给消费者。2. 解决的问题利用 Photoshop设计光盘的封面，使光盘可以充分展现光盘的内容或作者的个性。3. 知识要点Photoshop 的基本工具和菜单命令图层蒙版文字工具路径工具二、教学目标1. 知识目标Photoshop 的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具2. 能力目标Photoshop 的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具3. 情感目标利用 Photoshop设计光盘的封面三、教学分析与准备1. 教学重点图层蒙版2教学难点文字工具、路径工具3. 教学方法任务驱动学习和协作学习、探

9、究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程12 明确目标学习新课按住 Ctrl 键，单击图层调板中图层2 的缩略图，出现光盘的内圆选区，选择图层 1，单击 Delete 键，删除中央圆形，使图层 1 出现白色圆环，作为光盘的雏形。将图层 2 拖曳到图层调板下的垃圾桶图标上，删除图层2。教师与学生分别操作13 按住 Ctrl 键，单击图层 2 的缩略图，得到黑色圆环的选区。打开素材文件，使用【选择】【全部】菜单命令，将图片全部选择，使用【编辑】【拷贝】菜单命令。再选择光盘图像的图层 2，使用【编辑】【粘贴入】菜单命令，生成图层蒙版，使用【编辑】【变换】【缩放】菜单

10、命令，将图片等比例缩放280%,效果如图。14 移动选区不能使用【移动工具】，应使用【选框工具】，并在属性栏中 设 置 类 型 为【新选区】。使用【自定形状工具】，选择【椭圆工具】的【路径】类型，绘制正圆形路径。使用【文字工具】在路径上单击，输入文字“THE GUIDING TOUR AROUND WHOLE CHINA”， 效果如图。15 16 学生分组练习拓展练习：1使用任务三学习的方法，制作如图光盘盘面效果。2使用任务三学习的方法，制作如图光盘盘面效果。17 3使用任务三学习的方法，制作如图光盘盘面效果。18 任务四 网页设计一、提出任务1任务目标网页设计是当前平面设计的一个重要商业内容

11、。在任务四中，我们设计制作一个旅游网页，展现旅游胜地的优美风景，通过合理的网页构图、协调的网页配色，用动画效果突出主题，使网页具有冲击力和吸引力，从而吸引消费者的旅游欲望。2. 解决的问题在学习过程中使用Photoshop设计制作网站主页，使用Photoshop和 Image Ready制作网页动画。整个实例的制作过程分成三个步骤来完成。3. 知识要点步骤一是网站的主页，是网站的开场，是整个网站最具吸引力的部分。步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。二、教学目标1. 知识目标使用 Photoshop 设计制作

12、网站主页2. 能力目标使用 Photoshop和 Image Ready制作网页动画3. 情感目标设计制作一个旅游网页三、教学分析与准备1. 教学重点使用 Photoshop 设计制作网站主页2教学难点使用 Photoshop和 Image Ready制作网页动画3. 教学方法任务驱动学习和协作学习、探究学习相结合4. 课时安排2 课时5. 教学环境多媒体网络教室四、学习过程教学环节及手段组织课堂网页设计是当前平面设计的一个重要商业内容。在任务四中，我们设计制作一个旅游网页，展现旅游胜地的优美风景，通过合理的网页构图、协调的网页配色，用动画效果突出主题，使网页具有冲击力和吸引力，从而吸引消费者

13、的旅游欲望。在学习过程中使用 Photoshop 设计制作网站主页，使用Photoshop和 Image Ready 制作网页动画。整个实例的制作过程分成三个步骤来完成。步骤一是网站的主页，是网站的开场，是整个网站最具吸引力的部分。19 步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。明确目标（一）网站主页的制作过程如下：启动 Photoshop，按 Ctrl+N 键新建一个图像文件，设置其宽度为 800，高度为 600 像素，背景为白色，分辨率72 像素/英寸。打开两张风景素材图，使用【移动工具】拖曳到当前文件中，生

14、成图层 1 和图层 2，使用【编辑】【变换】【缩放】菜单命令调整两张图像，设置为上下结构，将图层 1 和图层 2的不透明度设置为40%，效果如图。学习新课打开相应的素材图，拖曳到图像中，生成图层 3，使用【编辑】【变换】【缩放】菜单命令，将图层 3 图片调整与图层 2 图片大小相同。单击图层3 调板下部的【添加图层蒙版】教 师 可 以 结 合20 按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从左至右水平填充“白-黑”渐变色，将不透明度设置为20%。新建图层 5，使用同样的方法，再绘制一个圆角矩形，填充白色，将图层混合模式设置为【柔光】模式，不透明度为45%，将两个圆角矩形上边缘对齐，制作好一

15、个水晶按钮，合并图层 4 和图层 5 为图层 4。按住 Alt 键，再复制六个按钮，并绘制一个较大的圆角矩形，使用【渐变工具】，由上至下填充“蓝-白”渐变色，放置在其他按钮下面，完成导航按钮的制作, 效果如图所示。使用【文字工具】在图所示位置输入需要的文字，设置合适的字体、字号与颜色。新建图层，使用【自定形状工具】，添加【Web】库文件，使用其中的按钮，制作红色链接按钮，并使用图层样式制作投21 影。使用文字工具输入文字。（二）网页文字动画的制作过程如下：22 将素材图大小变换成与当前图像相等大小，双击或回车结束变换。选择图层调板，将图层1 的不透明度设置为45。选择文字图层，使用图层调板菜单

16、命令【向下合并】，将图层 1 与文字图层合并为一个图层，并命名为图层1。将图层1 复制两个新图层，分别命名为图层2、图层 3，选择图层 3为当前操作图层。点击工具箱下部的【跳至ImageReady】按钮，使用ImageReady软件进行图像编辑，使用菜单命令【视图】【标尺】，出现图像标尺，使用菜单命令【窗口】【动画】，弹出动画编辑调板。设置七条水平的参考线，将图像分成八个均等部分。23 使用工具箱中的【选框工具】，选择属性栏中的【添加到选区按钮】，将图像 8 个均等部分中的1、3、5、7 部分为选区，删除奇数选区部分。使用菜单命令【视图】【标尺】，取消标尺的显示，使用菜单命令【视图】【清除参考

17、线】，清除图像中的参考线。选择动画调板，隐藏图层 2 和图层 3，选择图层 1 为当前操作图层。24 在动画调板中，单击【复制当前帧】按钮，将第三帧进行复制，生成第四帧。显示图层 2，选择图层 2 为当前操作图层，使用方向键将图层2 水平向右移动至完全显示。显示图层3，选择图层 3 为当前操作图层，使用方向键将图层3 水平向左移动至完全隐藏。25 选择第一帧，单击【选择帧延迟】按钮，在弹出菜单中，（三）网页照片浏览动画制作过程如下：启动 Photoshop，按 Ctrl+N 键新建一个图像文件，设置其宽度为 450，高度为 338 像素像素，背景为白色，分辨率72像素/英寸。将四张素材图都打开

18、，拖曳到当前文件中，生成图层 1、图层 2、图层 3、图层 4，效果如图。形互换格式，是CompuServe 公司点击工具箱下部的【跳至ImageReady】按钮，使用ImageReady软件进行图像编辑，使用菜单命令【窗口】【动提出的一种图形文画】，弹出动画编辑调板。件格式。GIF 动画是网页动画中应用广泛的一种动画格式。在动画调板中，选择第二帧，再选择图层调板，将图层1的不透明度设置为0。26 重复第六部操作步骤，在动画调板中，分别选择原第三帧、第四帧、第五帧，使用【动画帧过渡】按钮，生成过渡帧，效果如图。选择优化调板，设置相应选项，最后使用菜单命令【文件】【将优化结果存储为】，在弹出的选项框中，将文件存储为 GIF 格式。27 执 行 分 层 的Photoshop 图像创建网页动画。动画由一系列图像帧组成，通过使每一帧与下一帧都有稍微的不同，可以使人产生一种运动的错觉。可以执行分层的 Photoshop 或Image Ready 图像在 Adobe ImageReady 中 创 建 简28 教师启发演示29 在 图 像 中 构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层，可以改变