Photoshop综合实例教案

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

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

教师可以结合PPT演示文稿讲解。按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从左至右水平填充“白-PPT演示文稿讲解。按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从左至右水平填充“白-黑”渐变色，将不透明度设置为20%。教师与学生分别操作新建图层4,使用【自定形状工具】，选择【圆角矩形工具】的【填充像素】类型，绘制一个白色圆角矩形，载入选区,使用【编辑】＞【描边】菜单命令，将该圆角矩形设置成边线色为蓝色，使用【渐变工具】，由上至下填充“蓝-白”渐变色,使用图层样式，设置淡蓝色的投影。新建图层5,使用同样的方法，再绘制一个圆角矩形，填充白色，将图层混合模式设置为【柔光】模式，不透明度为45%,将两个圆角矩形上边缘对齐，制作好一个水晶按钮，合并图层4和图层5为图层4。按彳3EAlt键，再复制六个按钮，并绘制一个较大的圆角矩形，使用【渐变工具】，由上至下填充“蓝-白”渐变色，放置在其他按钮下面，完成导航按钮的制作，效果如图所示。JCW”—1使用【文字工具】在图所示位置输入需要的文字，设置合适的字体、字号与颜色。打开三张风景图片，拖曳到画布中，将三张图像调整成相同大小，并进行对齐。使用图层蒙版和【渐变工具】设置三张图片，效果如图。新建图层，使用【自定形状工具】，添加【Web】库文件,使用其中的按钮，制作红色链接按钮，并使用图层样式制作投

比较不同操作方法的特点与作用。影。使用文字工具输入文字。打开人物素材文件，使用菜单【图像】＞【调整】＞【暗调/高光】命令，使用默认设置。再使用菜单【图像】＞【调整】＞【色彩平衡】命令，将色阶值设置为“ +40、—50、0”比较不同操作方法的特点与作用。影。使用文字工具输入文字。使用【钢笔工具】将人物轮廓勾画出来，生成工作路径，选择【路径】调板，单击调板下方【将路径作为选区载入】按钮，将工作路径转换成选区。将选区反选，删除人物以外的部分。单击图层调板下部的【添加图层蒙版】按钮，生成图层蒙版，使用【渐变工具】在蒙版中从上至下垂直填充“白-黑”渐变色，最终网页效果如图所示。（二）网页文字动画的制作过程如下:启动Photoshop,按Ctrl+N键新建一个图像文件，设置其宽度为800,高度为80像素，背景为白色，分辨率72像素/英寸。将素材图拖曳到当前文件中，生成图层 1。使用菜单命令【编辑】＞【变换】＞【缩放】，变换图层1的大小。通过PPT课件给通过PPT课件给出窗口每个部分的说明将素材图大小变换成与当前图像相等大小， 双击或回车结束变换。选择图层调板，将图层1的不透明度设置为45%。选择工具箱中的【横排文字工具】，输入相应的文字，字符调板设置如图。选择工具箱中的【横排文字工具】，输入相应的文字，字符调板设置如图。选择文字图层，使用图层调板菜单命令【向下合并】，将图层1与文字图层合并为一个图层，并命名为图层1。将图层1复制两个新图层，分别命名为图层2、图层3,选择图层3为当前操作图层。点击工具箱下部的【跳至 ImageReady］按钮，使用ImageReady软件进行图像编辑，使用菜单命令【视图】点击工具箱下部的【跳至 ImageReady］按钮，使用ImageReady软件进行图像编辑，使用菜单命令【视图】＞【标尺】，出现图像标尺，使用菜单命令【窗口】＞【动画】，弹出动画编辑调板。设置七条水平的参考线，将图像分成八个均等部分。口端单型」*通过任务学习法加深学生对知识的理解，组织学生分组讨论使用工具箱中的【选框工具】，选择属性栏中的【添加到选区按钮】，将图像8个均等部分中的1、3、5口端单型」*通过任务学习法加深学生对知识的理解，组织学生分组讨论使用工具箱中的【选框工具】，选择属性栏中的【添加到选区按钮】，将图像8个均等部分中的1、3、5、7部分为选区,删除奇数选区部分。t■-e.@；吼3中山*号士球,3选择图层2为当前操作图层，使用工具箱中的【选框工具】，选择属性栏中的【添加到选区按钮】，将图像8个均等部分中的2、4、6、8部分为选区，删除偶数选区部分。使用菜单命令【视图】＞【标尺】，取消标尺的显示，使用菜单命令【视图】＞【清除参考线】，清除图像中的参考线。选择动画调板，隐藏图层2和图层3,选择图层1为当前操作图层。在动画调板中，单击【复制当前帧】按钮，将第一帧进行复制，生成第二帧。选择图层调板，将图层1的不透明度设置为25%。

教师启发演示在动画调板中，单击【复制当前帧】按钮，将第二帧进行复制，生成第三帧。显示图层2,选择图层2为当前操作图层，使用方向键将图层2水平向左移动至完全隐藏。显示图层3,选择图层3为当前操作图层，使用方向键将图层3水平向右移动至完全隐藏。教师启发演示在动画调板中，单击【复制当前帧】按钮，将第三帧进行复制，生成第四帧。显示图层2,在动画调板中，单击【复制当前帧】按钮，将第三帧进行复制，生成第四帧。显示图层2,选择图层2为当前操作图层，使用方向键将图层2水平向右移动至完全显示。显示图层3,选择图层3为当前操作图层，使用方向键将图层3水平向左移动至完全隐藏。教师可以结合PPT演示文稿讲教师可以结合PPT演示文稿讲解。在动画调板中，选择第二帧，单击【动画帧过渡】按钮,弹出过渡选项板。在动画调板中，选择最后一帧，单击【动画帧过渡】按钮,弹出过渡选项板。在动画调板中，选择最后一帧，单击【动画帧过渡】按钮,弹出过渡选项板。选择第一帧，单击【选择帧延迟】按钮，在弹出菜单中,设置第一帧时间为0.5秒。使用菜单命令【文件】 ＞【将优化结果存储为】，在弹出的选项框中，将文件存储为GIF格式。（三）网页照片浏览动画制作过程如下：启动Photoshop,按Ctrl+N键新建一个图像文件，设置其宽度为450,高度为338像素像素，背景为白色，分辨率72像素/英寸。将四张素材图都打开，拖曳到当前文件中，生成图层1、图层2、图层3、图层4,效果如图。比较不同操作方法的特点与作用。点击工具箱下部的【跳至 ImageReady］按钮，使用比较不同操作方法的特点与作用。点击工具箱下部的【跳至 ImageReady］按钮，使用ImageReady软件进行图像编辑，使用菜单命令【窗口】画】，弹出动画编辑调板。GIF全称是图形互换格式，是CompuServe公司提出的一种图形文件格式。GIF动画是网页动画中应用广泛的一种动画格在动画调板中，单击【复制当前帧】按钮，将第一帧进行四次复制，生成第二帧、第三帧、第四帧、第五帧。在动画调板中，选择第二帧，再选择图层调板，将图层1的不透明度设置为在动画调板中，单击【复制当前帧】按钮，将第一帧进行四次复制，生成第二帧、第三帧、第四帧、第五帧。在动画调板中，选择第二帧，再选择图层调板，将图层1的不透明度设置为0%。重复第四部操作步骤，在动画调板中，分别选择第三帧、第四帧，再选择图层调板，分别将图层 2、图层3的不透明度设置为0%。在动画调板中，选择第二帧，单击【动画帧过渡】按钮,弹出过渡选项板。在动画调板中，选择第二帧，单击【动画帧过渡】按钮,弹出过渡选项板。重复第六部操作步骤，在动画调板中，分别选择原第三帧、第四帧、第五帧，使用【动画帧过渡】按钮，生成过渡帧，效果如图。通过PPT通过PPT课件给出窗口每个部分的说明单击将原第一帧、第二帧、第三帧、第四帧、第五帧的【选择帧延迟】按钮，在弹出菜单中，设置时间为 0.5秒。选择优化调板，设置相应选项，最后使用菜单命令【文件】＞【将优化结果存储为】，在弹出的选项框中，将文件存储为GIF格式。通过任务学习法加深学生对知识的理解，组织学生分组讨论执行分层的Photoshop图像创建网页动画。动画由一系列图像帧组成，通过使每一帧与下一帧都有稍微的不同，可以使人产生一种运动的错觉。可以执行分层的Photoshop或ImageReady图像在AdobeImageReady中创建简单的动画。教师启发演示在图像中构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层，可以改变每一帧的内容，而不必■遍又■遍地复制和改变整个图像。只需为每个静态元素创建一个图层，而运动元素则可能需要若干个图教师可以结合层才能制作出平滑PPT演示文稿讲过渡的运动效果。比较不同操作方法的特点与作用。

通过PPT课件给出窗口每个部分的说明通过任务学习法加深学生对知识学生分组练习可以自己制作Photoshop分层文件，然后在ImageReady中生成动画。在ImageReady中的理解，组织学首先生成的几个生分组讨论帧，其实就是生分组讨论Flash中的关键帧，然后在关键帧之间产生过渡效果。在执行ImageReady的过程中随时可以切换到Photoshop修改文件，修改后的结果会自动进入ImageReady中。教师启发演示在ImageReady中，可以将文档作为SWF文件导出，然后可以将该文件