Photoshop综合实例教案docx.docx

Photoshop综合实例教案docx.docx

《Photoshop综合实例教案docx.docx》由会员分享，可在线阅读，更多相关《Photoshop综合实例教案docx.docx（27页珍藏版）》请在冰豆网上搜索。

Photoshop综合实例教案docx

综合实训

任务一艺术写真

一、提出任务

1．任务目标

人物照片是我们在进行平面设计时经常会使用到的素材，很多原始照片效果往往不尽人意，需要进一步加工处理。

随着生活质量的提高，照片处理也逐渐成为寻常百姓的生活需要，例如在影楼工作中，就会经常需要为客户制作婚纱照片，或个人写真。

2.解决的问题

本任务应客户要求制作一幅艺术写真照片，将一张人物素颜处理成具有明星效果的照片。

3.知识要点

Photoshop的滤镜功能

色彩调节、调整图层

图层混合模式

创建图层剪贴蒙版

二、教学目标

1.知识目标

Photoshop的滤镜功能

2.能力目标

色彩调节、调整图层

3.情感目标

应客户要求制作一幅艺术写真照片

三、教学分析与准备

1.教学重点

色彩调节、调整图层

2．教学难点

图层混合模式

3.教学方法

任务驱动学习和协作学习、探究学习相结合

4.课时安排

2课时

5.教学环境

多媒体网络教室

四、学习过程

教学环节及手段组织课堂导入新课

教学内容

稳定学生情绪，准备上课。

人物照片是我们在进行平面设计时经常会使用到的

素材，很多原始照片效果往往不尽人意，需要进一步加工

处理。

随着生活质量的提高，照片处理也逐渐成为寻常百

姓的生活需要，例如在影楼工作中，就会经常需要为客户

制作婚纱照片，或个人写真。

下面我们就以一名影楼设计师的身份，应客户要求制

作一幅艺术写真照片，将一张人物素颜处理成具有明星效

果的照片。

备注

明确目标

学习新课

打开照片原图，将背景层复制生成背景副本，对背景

副本使用【滤镜】>【模糊】>【特殊模糊】菜单命令，调

出【特殊模糊】对话框，使用默认设置，单击【好】按钮。

教师可以结合PPT

演示文稿讲解。

将背景副本层再复制生成背景副本2，使用【滤镜】>教师与学生分别操

【模糊】>【高斯模糊】菜单命令，半径4像素，单击【好】作

按钮，再把背景副本2的图层混合模式设置为【滤色】模

式。

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

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

通过PPT课件给出

窗口每个部分的说

明

【模糊】滤镜

柔化选区或整个图

这时调整图层对下面所有图层都起作用，只需要作用像，这对于修饰非

于背景副本2，使用【图层】>【创建剪贴蒙版】菜单命令，常有用。

它们通过

从图层调板中可以看到变化，同时图像效果也产生变化。

平衡图像中已定义

的线条和遮蔽区域

的清晰边缘旁边的

像素，使变化显得

柔和。

部分操作，根据教

学情况可让学生进

行协同学习或学生

练习

【特殊模糊】：

可以产生一种清晰

边界的模糊。

该滤

镜能够找出图像边

缘并只模糊图像边

界线以内的区域。

学生分组练习

通过任务学习法加

深学生对知识的理

解，组织学生分组

讨论

教师启发演示

拓展练习：

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

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

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

任务二制作圣诞贺卡

一、提出任务

1．任务目标

设计制作一张圣诞节贺卡。

2.解决的问题

Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果

3.知识要点

Photoshop的滤镜功能

文字工具、画笔工具

路径命令和图层效果

二、教学目标

1.知识目标

Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果

2.能力目标

Photoshop的滤镜功能、文字工具、画笔工具、路径命令和图层效果

3.情感目标

设计制作一张圣诞节贺卡

三、教学分析与准备

1.教学重点

文字工具、画笔工具

2．教学难点

路径命令和图层效果

3.教学方法

任务驱动学习和协作学习、探究学习相结合

4.课时安排

2课时

5.教学环境

多媒体网络教室

四、学习过程

教学环节及手

教学内容

备注

段

组织课堂

导入新课

稳定学生情绪，准备上课。

在任务二中，我们以一名平面广告设计师的身份，

一张圣诞节贺卡。

设计制作

明确目标

按Ctrl+N键新建一个图像文件，设置其宽度为

800像素，

高度为600像素，背景色为白色，分辨率72像素/英寸。

选择【渐变工具】，将渐变色设置为【黑-深蓝】，使用【线性渐变】方式

学习新课在背景图层中由上至下进行填充。

然后使用【滤镜】>【杂色】>

【添加杂色】菜单命令，调出【添加杂色】选项板，选择【高斯分布】，【单色】，数量为%。

教师可以结合

PPT演示文稿讲

解。

教师与学生分别

操作

选择【套索工具】，将【羽化】值设置为15像素。

新建图

层1，重命名图层为积雪，在画布下方绘制一个选区并填充白色，呈现出厚厚的积雪效果。

通过PPT课件给

出窗口每个部

分的说明

新建图层2，重命名图层为圣诞树，选择【画笔工具】，添加混合画笔，从【画笔】调板的【画笔笔尖形状】选项中选择【雪花】形笔尖，把间距加大，【动态形状】选项中设置大小抖动，【散布】选项中设置散布、数量和数量抖动。

在画布上绘制时要调整画笔的流量，呈现深浅不同的层次，在中央画出一棵圣诞树。

【点文本】：

选择【文字工具】在图像上单击，即可直接输入文本。

在工具选项栏中可以调出【字符】调板，调整文本的字体、字号、字距、行距和颜色等参数。

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

要移动路径

应选择工具箱

中的【路径选择

工具】，改变路

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

的锚点和调节

柄。

选择文字图层，单击图层调板下部的【添加图层样式】按钮，在【图层样式】对话框中选中【外发光】选项，将等高线设置为

【锥形-反转】类型，单击【好】按钮完成文字效果。

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

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

Web

再新建几个图层，在每个图层中各绘制几个椭圆形。

分别应

用【样式】调板上的样式，然后执行【图层】>【图层样式】>

【段落文本】：

文字基于定界框的尺寸换行。

可以输入多个段落并选择段落调整选项。

可以调整定

【文字工具】共

有4个：

【横排

文字工具】、【直

排文字工具】、

【横排文字蒙

版工具】和【直

排文字蒙版工

具】。

文本输入

的方法有两种：

一种是点文本，

一种是段落文

本。

【缩放效果】菜单命令，缩小图层效果，观察效果直到合适，终效果如图所示。

最界框的大小，使文字在调整后的矩形内重新排列。

教师启发演示

可以在输入文字

时或创建文字图

层后调整定界

框。

还可以使用

定界框旋转、缩

放和斜切文字。

学生分组练习

拓展练习：

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

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

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

任务三光盘设计

一、提出任务

1．任务目标

现代生活中，光盘应用非常广泛。

光盘包装，是通过光盘内容确定风格、色彩、图片和文字，通过盘面设计将主题内容展现给消费者。

2.解决的问题

利用Photoshop设计光盘的封面，使光盘可以充分展现光盘的内容或作者的个性。

3.知识要点

Photoshop的基本工具和菜单命令

图层蒙版

文字工具

路径工具

二、教学目标

1.知识目标

Photoshop的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具

2.能力目标

Photoshop的基本工具和菜单命令，综合图层蒙版、文字工具、路径工具

3.情感目标

利用Photoshop设计光盘的封面

三、教学分析与准备

1.教学重点

图层蒙版

2．教学难点

文字工具、路径工具

3.教学方法

任务驱动学习和协作学习、探究学习相结合

4.课时安排

2课时

5.教学环境

多媒体网络教室

四、学习过程

教学环节及手段组织课堂导入新课

教学内容

稳定学生情绪，准备上课。

现代生活中，光盘应用非常广泛。

光盘包装，是通过光盘

内容确定风格、色彩、图片和文字，通过盘面设计将主题内容

展现给消费者。

而且由于刻录机及光盘价格的下降，越来越多

的人都可以自己烧制光盘。

因而也就有很多人希望光盘能够体

现自己的个性，并且能够根据内容的不同具有不同特色的封面。

任务三就是讲述如何利用Photoshop设计光盘的封面，使光盘

可以充分展现光盘的内容或作者的个性。

备注

明确目标

学习新课

按Ctrl+N键新建一个图像文件，设置其宽度为12厘米，高度为12厘米，背景为透明，分辨率300像素/英寸。

选择【椭圆选框工具】，在属性栏中设置样式为【固定大小】，宽度和高

度都为12厘米。

在画布上单击，图层1出现正圆形选区，将选区移动到画布中央，并填充白色。

教师可以结合

PPT演示文稿讲

解。

新建图层2，使用步骤1同样方法，在图中画出一个宽度和高度都为1.5厘米的圆形选区，将这个选区作为光盘的内圆，填充白色。

选择【移动工具】，将图层1和图层2都选中，单击属性栏的【水平居中对齐】和【垂直居中对齐】按钮，将两个

圆形对齐，效果如图。

按住Ctrl键，单击图层调板中图层2的缩略图，出现光盘的内圆选区，选择图层1，单击Delete键，删除中央圆形，使图层1出现白色圆环，作为光盘的雏形。

将图层2拖曳到图层调板下的垃圾桶图标上，删除图层2。

教师与学生分别操作

比较不同操作方

法的特点与作

用。

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

按住Ctrl键，单击图层1的缩略图，将图层1的白色圆环作为选区载入，使用【选择】>【修改】>【收缩】菜单命令。

【收缩】命令对话框中设置收缩10像素，将选区向内收缩。

然后使用【编辑】>【描边】菜单命令，设置描边宽度为2像素，颜色为黑色，位置居中，单击【确定】按钮。

通过PPT课件给

出窗口每个部分

的说明

按住Ctrl键，单击图层2的缩略图，得到黑色圆环的选区。

打开素材文件，使用【选择】>【全部】菜单命令，将图片全部选择，使用【编辑】>【拷贝】菜单命令。

再选择光盘图像的图

层2，使用【编辑】>【粘贴入】菜单命令，生成图层蒙版，使用【编辑】>【变换】>【缩放】菜单命令，将图片等比例缩放

280%,效果如图。

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

选择【文字工具】，在画布上单击，出现文字图层，设置字

体为宋体，字号18点，颜色为白色，输入“走遍中国”四个字。

移动选区不能使

再使用【文字工具】，选择较小的字号，输入“创世卓越系列丛用【移动工具】，

书”几个字。

应使用【选框工

具】，并在属性栏

中设置类型为

【新选区】。

使用【自定形状工具】，选择【椭圆工具】的【路径】类型，绘制正圆形路径。

使用【文字工具】在路径上单击，输入文字

“THEGUIDINGTOURAROUNDWHOLECHINA”，效果如图。

教师启发演示

学生分组练习

拓展练习：

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

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

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

任务四网页设计

一、提出任务

1．任务目标

网页设计是当前平面设计的一个重要商业内容。

在任务四中，我们设计制作一个旅游网页，展现旅游胜地的优美风景，通过合理的网页构图、协调的网页配色，用动画效果突出主题，使网页具有冲击力和吸引力，从而吸引消费者的旅游欲望。

2.解决的问题

在学习过程中使用Photoshop设计制作网站主页，使用Photoshop和ImageReady制作网页动画。

整个实例的制作过程分成三个步骤来完成。

3.知识要点

步骤一是网站的主页，是网站的开场，是整个网站最具吸引力的部分。

步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。

步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。

二、教学目标

1.知识目标

使用Photoshop设计制作网站主页

2.能力目标

使用Photoshop和ImageReady制作网页动画

3.情感目标

设计制作一个旅游网页

三、教学分析与准备

1.教学重点

使用Photoshop设计制作网站主页

2．教学难点

使用Photoshop和ImageReady制作网页动画

3.教学方法

任务驱动学习和协作学习、探究学习相结合

4.课时安排

2课时

5.教学环境

多媒体网络教室

四、学习过程

教学环节及手段组织课堂导入新课

教学内容

稳定学生情绪，准备上课。

网页设计是当前平面设计的一个重要商业内容。

在任务

四中，我们设计制作一个旅游网页，展现旅游胜地的优美风

景，通过合理的网页构图、协调的网页配色，用动画效果突

出主题，使网页具有冲击力和吸引力，从而吸引消费者的旅

备注

在学习过程中使用Photoshop设计制作网站主页，使用

Photoshop和ImageReady制作网页动画。

整个实例的制作过

程分成三个步骤来完成。

步骤一是网站的主页，是网站的开场，是整个网站最具

明确目标

学习新课

吸引力的部分。

步骤二是网页文字动画，将网站的主题以画龙点睛的方式表现出来。

步骤三是网页照片动画，以图片的方式将旅游胜地的优美风光展现出来。

（一）网站主页的制作过程如下：

启动Photoshop，按Ctrl+N键新建一个图像文件，设置其

宽度为800，高度为600像素，背景为白色，分辨率72像素/

英寸。

打开两张风景素材图，使用【移动工具】拖曳到当前

文件中，生成图层1和图层2，使用【编辑】>【变换】>【缩

放】菜单命令调整两张图像，设置为上下结构，将图层

1和

图层2的不透明度设置为40%，效果如图。

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

教师可以结合

打开相应的素材图，拖曳到图像中，生成图层3，使用【编

PPT演示文稿讲

辑】>【变换】>【缩放】菜单命令，将图层

3图片调整与图

解。

层2图片大小相同。

单击图层3调板下部的【添加图层蒙版】按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从左至右水平填充“白-黑”渐变色，将不透明度设置为20%。

教师与学生分别操作

新建图层4，使用【自定形状工具】，选择【圆角矩形工具】的【填充像素】类型，绘制一个白色圆角矩形，载入选

区，使用【编辑】>【描边】菜单命令，将该圆角矩形设置成

边线色为蓝色，使用【渐变工具】，由上至下填充“蓝-白”渐变色，使用图层样式，设置淡蓝色的投影。

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

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

使用【文字工具】在图所示位置输入需要的文字，设置

合适的字体、字号与颜色。

打开三张风景图片，拖曳到画布中，将三张图像调整成

相同大小，并进行对齐。

使用图层蒙版和【渐变工具】设置

三张图片，效果如图。

新建图层，使用【自定形状工具】，添加【Web】库文件，

使用其中的按钮，制作红色链接按钮，并使用图层样式制作

投影。

使用文字工具输入文字。

比较不同操作方

法的特点与作

用。

打开人物素材文件，使用菜单【图像】>【调整】>【暗调/高光】命令，使用默认设置。

再使用菜单【图像】>【调整】>【色彩平衡】命令，将色阶值设置为“+40、－50、0”。

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

将选区反选，删除人物以外的部分。

单击图层调板下部

的【添加图层蒙版】按钮，生成图层蒙版，使用【渐变工具】，在蒙版中从上至下垂直填充“白-黑”渐变色，最终网页效果如图所示。

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

（二）网页文字动画的制作过程如下：

启动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水平向右移动至完全隐藏。

教师可以结合

PPT演示文稿讲

解。

在动画调板中，单击【复制当前帧】按钮，将第三帧进

行复制，生成第四帧。

显示图层2，选择图层2为当前操作图层，使用方向键将图层2水平向右移动至完全显示。

显示图

层3，选择图层3为当前操作图层，使用方向键将图层3水平向左移动至完全隐藏。

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

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

钮，弹出过渡选项板。

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

使用菜单命令【文件】>【将优化结果存储为】，在弹出

的选项框中，将文件存储为GIF格式。

（三）网页照片浏览动画制作过程如下：

启动Photoshop，按Ctrl+N键新建一个图像文件，设置其

比较不同操作方宽度为450，高度为338像素像素，背景为白色，分辨率72

法的特点与作像素/英寸。

将四张素材图都打开，拖曳到当前文件中，生成

用。

图层1、图层2、图层3、图层4，效果如图。

GIF全称是图

形互换格式，是

CompuServe公司

提出的一种图形

文件格式。

GIF动

画是网页动画中

应用广泛的一种

点击工具箱下部的【跳至ImageReady】按钮，使用动画格式。

ImageReady软件进行图像编辑，使用菜单命令【窗口】>【动

画】，弹出动画编辑调板。

在动画调板中，单击【复制当前帧】按钮，将第一帧进

行四次复制，生成第二帧、第三帧、第四帧、第五帧。

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

重复第四部操作步骤，在动画调板中，分别选择第三帧、

第四帧，再选择图层调板，分别将图层2、图层3的不透明度

设置为0％。

通过PPT课件给

出窗口每个部分

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

重复第六部操作步骤，在动画调板中，分别选择原第三

帧、第四帧、第五帧，使用【动画帧过渡】按钮，生成过渡