《Photoshop基础与应用项目化教程》教案 第8课 Photoshop 综合应用.docx

PAGE14

PAGE14

PAGE3

PAGE3

课题

第八课Photoshop综合应用

课时

10课时（450min）

教学目标

知识技能目标：

（1）掌握制作海报、封面、包装、网页界面和App界面的一般方法

（2）能够综合使用Photoshop的各种工具和命令制作不同应用领域的作品

素质目标：

（1）学习Photoshop在不同领域的应用，更好地将专业技能融入实际工作中

（2）感受中国传统绘画技法的魅力，汲取中国优秀传统文化的精髓

教学重难点

教学重点：制作海报、封面、包装、网页界面和App界面

教学难点：综合使用Photoshop的各种工具和命令制作不同应用领域的作品

教学方法

案例分析法、问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务

请大家了解制作海报、封面、包装、网页界面和App界面的一般方法。

【学生】完成课前任务

考勤

【教师】使用APP进行签到

【学生】按照老师要求签到

问题导入

【教师】提出以下问题：

为了能够将所学知识与实际应用结合起来，从实战角度出发，请分享几个实际案例的制作方法。

【学生】思考、举手回答

【教师】通过学生的回答引入要讲的知识

任务设计

【教师】讲解制作房地产海报

【教师】通过多媒体展示“房地产海报”图片，并进行讲解

本任务为亦辰地产旗下楼盘设计招商宣传海报，效果如图所示。

1．设计需求

房地产海报不仅要美观，能吸引消费者注意，使消费者对楼盘产生兴趣和好感，还要准确传达楼盘信息，突出楼盘特色和优势，以提高楼盘的知名度，激发消费者的消费欲望。

2．设计思路

根据设计需求和目的，结合楼盘的特色和优势，进行如下设计。

从内容安排方面，该楼盘的主要优势是位于黄金地段，周边建设繁华，且占地面积大，可以在海报中放置夜色中的楼盘图片清楚地展现这些优势；可以将楼盘特色设计成小图标放置在海报底部，清晰地向消费者传达楼盘特色，并增添海报的美感和趣味性；此次设计海报的目的是辅助楼盘招商，可以将海报设计目的和一些较为突出的优势设计成宣传标语放置在海报中，清晰、明确地向消费者传达信息；为了方便感兴趣的消费者能顺利地商洽，可以在海报中加上联系电话、地址等文案。

从色彩设计方面，画面计划以深蓝色为主色，既可以与楼盘图片相呼应，又可以给人沉稳、高端的感觉；海报中的重要文案设计成金色，金色与蓝色形成强烈反差，能更好地突出重要信息；其他文案均设计成白色，可以使画面显得干净、简洁。

【学生】聆听、思考、理解、记录

任务实施

【教师】教师通过多媒体展示“房地产海报”效果图片和相关素材，讲解制作思路，并演示操作

步骤1启动Photoshop，新建一个名为“房地产海报”，宽度为60厘米，高度为90厘米，分辨率为150像素/英寸，颜色模式为“RGB颜色”的文件。

步骤2为背景图层填充深蓝色（#000058）。

步骤3置入本书配套素材“素材与实例\项目八\任务一”文件夹中的“1.jpg”文件，并将其移到画布靠下位置，效果如图所示。

【教师】通过多媒体展示“调整“1.jpg”图像位置”图片，并进行讲解

步骤4使用“矩形工具”绘制一个颜色为深蓝色（#000058）的矩形，使其刚好覆盖“1.jpg”图像，并设置其图层不透明度为70%，如图所示。

【教师】通过多媒体展示“绘制矩形并设置其图层不透明度”图片，并进行讲解

步骤5首先置入素材文件夹中的“2.jpg”文件，并调整其大小和位置，效果如图所示；然后为“2.jpg”图像所在图层添加图层蒙版，并使用“渐变工具”为图层蒙版填充黑色（#000000）到白色（#ffffff）的线性渐变，如图所示。

【教师】通过多媒体展示“调整“2.jpg”图像的大小和位置”和“为“2.jpg”图像所在图层添加图层蒙版”图片，并进行讲解

步骤6使用“直线工具”在“2.jpg”图像的底边处绘制一条直线，如图所示。

【教师】通过多媒体展示“绘制直线”图片，并进行讲解

步骤7使用“横排文字工具”在画布左上位置输入文本，并设置文本属性，如图所示。需要注意的是，除“70……”文本外，其他文本会添加“渐变叠加”图层样式，因此文本颜色可随意设置。

【教师】通过多媒体展示“输入文本并设置文本属性”图片，并进行讲解

步骤8为“火热招商”文本添加“渐变叠加”图层样式。右键单击“火热招商”图层，在弹出的快捷菜单中选择“拷贝图层样式”，右键单击“HOT……”图层，在弹出的快捷菜单中选择“粘贴图层样式”，为“HOT……”文本添加“渐变叠加”图层样式。参照上述方法为“小投资……”文本添加“渐变叠加”图层样式，如图所示。

【教