《Photoshop平面设计基础》教案任务7.1 制作教育类网页Banner.docxVIP

任务7.1制作教育类网页Banner教学设计

教学项目

制作教育类网页Banner

课时数

2学时

授课对象

专业

班级

授课日期

学情分析

知识储备

行为习惯

能力基础

教学目标

知识目标：能准确说出弯度钢笔工具/色轮/分布间距的作用。

技能目标：能使用弯度钢笔工具绘制曲线/用色轮搭配颜色/设置多对象的分布间距。

素养目标：培养设计审美观，树立正确的自然观，发现生活中的美学细节。

教学重点

1.弯度钢笔工具进行曲线绘制。2.色轮选色进行颜色搭配。

教学难点

1.弯度钢笔工具锚点位置的确定。

教学环境

多媒体机房（安装Photoshop2022）、投影设备、任务素材（7-1读书人物素材）。

教学环节

教学内容

学生活动

教师活动

设计意图

课前任务

预习弯度钢笔工具和色轮的作用。

2.尝试用弯度钢笔工具和色轮练习简单曲线绘制和颜色搭配。

1.提交预习报告。

2.在Photoshop中尝试完成练习。

1.发布预习资料（图文/视频）。

2.收集学生疑问并整理。

激发兴趣，为课堂实践奠定理论基础。

课程导入

展示任务效果图（图7-1-1）。

2.提问：如何制作网页Banner中的水流波形曲线？

观察效果图，讨论水流波形曲线对画面氛围的影响。

展示没有水流波形曲线与有水流波形曲线效果图对比。

2.引导学生思考波形曲线颜色和文字颜色的关联性。

明确任务目标，建立学习动机。

自学展示

分组分享预习成果：

1.弯度钢笔工具绘制曲线效果及配色效果。

2.分析弯度钢笔工具和钢笔工具的区别。

1.小组代表展示预习内容。

2.其他组补充或提问。

1.组织展示顺序。2.总结共性疑问并解答。

强化自主学习能力，促进知识内化。

知识讲解

弯度钢笔工具的实操演示。

色轮选色常用的配色方案演示。

3.分布间距进行多个对象等距分布的操作演示。

1.记录操作要点。

2.同步练习基础操作。

逐步演示工具使用方法（结合图7-1-2至7-1-9）。

系统讲解核心知识点，解决技术难点。

实践体验

任务实施步骤：

使用弯度钢笔工具绘制背景中的水流波形曲线。

置入主视觉图。

使用色轮配色并完成常规文字的输入和设置。

完成修饰元素的绘制，并用分布间距进行等距设置；输入修饰文字。

1.独立操作完成网页Banner制作。

2.记录操作问题并反馈。

1.巡回指导，纠正错误操作（如路径未闭合）。

2.提供个性化支持。

通过动手实践掌握工具应用，培养问题解决能力。

分析归纳

总结网页Banner的布局特点。

2.对比不同路径绘制方法（钢笔工具vs弯度钢笔工具）的优劣/色轮颜色搭配的常见方法。

1.提交任务成果与操作心得。2.归纳色轮配色的要点。

1.展示优秀作品并点评。

2.总结常见错误（如曲线闭合）。

巩固知识体系，提升反思能力。

讨论交流

分组讨论：如何设计出背景主体颜色与文字颜色的不同搭配方案？

1.提出方案思路（如改为邻近色搭配或对比色搭配）。

2.分享学习收获与改进建议。

1.引导讨论方向，解答疑难。

促进协作学习，深化对色彩美学的理解。

课后拓展

布置拓展任务（任务7.1拓展：儿童玩具网页Banner）。

完成拓展任务

布置任务，在线解答学生疑问

巩固本任务中的技能点。

教学反思