打造网站中的个性图片

时间:2022-05-11 00:40:29 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。


案例名称 打造网站中的个性图片

课时 2课时

【教学内容分析】

本节课所使用的教材是中国地图出版社的普通高中教材《信息技术基础(必修)教学内容是第四单元第二节中图像素材的加工这一部分的内容。第二节的主题是以网站创作为活动主线,让学生亲历创作电子作品的活动过程,体会利用信息技术发布信息和表达思想的规范和方法。本次课针对网站中所需要的图片素材,引导学生根据自己网站的主题,设计制作自己网站的LOGOBANNER、背景等图片。本节课是一节新授课。 【教学对象分析】 在本节课之前,学生已经经历了个人网站的设计和规划,搜集了相关的图片和文字等素材,完成了建设个人网站的部分工作。产生对图片进行修饰和制作个性图片的愿望和要求。大部分同学对比较专业的图形处理软件既陌生又好奇。 【教学目标】 知识与技能:

1. 能够根据需要,设计图像,表达主题。 2. 了解PHOTOSHOP的工作环境。 3. 掌握简单的抠像技术。

4. 给图像、文字设置特殊效果。

情感态度与价值观:

1. 保持主动学习和使用工具软件、积极参与信息作品创作的态度。 2. 能够捕捉他人作品中的闪光点,乐于学习、善于帮助。 【教学重、难点分析及处理思路】

本节课从学生正在进行的做网站的活动导入,激发学生的内在学习需要。因为新课内容涉及到一个新的的工具软件,考虑到不适合让学生完全自主学习,采用了老师演示实例在先,然后逐步引导的方法。促使学生轻松上手,然后自主创作,在课堂上体会成功的喜悦。为了帮助学生学习,设计了辅助的学案。除了将范例的制作思路写入学案作为提示,同时提供网上相关教程的链接,让学生有自我拓展的空间。最后利用电子档案袋,进行交流与评价。针对以往交流与评价流于形式的问题,老师强调要给同学提出建设性意见,使得评价和交流更具实效,同时帮助学生形成乐于学习、善于帮助的态度。 【教学过程】

激发兴趣 导入新课 展示图片: 提出问题:

1、看到这些图片之后你们立刻联想到了什么?

2、这些图片主要有哪几部分组成?它的作用是什么?

学生通过欣赏和思考,体会网站标志图片的魅力,了解网站标志图片的功能。 (师)其实,这些极富个性的图片,几乎成了网站的名片,它们有个专有名词——LOGO也就是网站标志的意思。同学们想不想给自己的网站也制作一个独一无二的LOGO呢? 新授——网站LOGO的制作

1. 网站的LOGO2种类型。一类是显示在自己网站页面上的标志图片;另一类是用来与其它网站交换链接的标志。对于LOGO的大小,也有约定:88*31 像素 互联网上用作交换链接最普遍的LOGO大小。120*60像素 一般大小的LOGO120*90 像素 大型的LOGO






2. 一个好的LOGO应具备的条件

老师提出问题,学生思考、回答。总结如下: 设计精美、独特 有网站名字或网址 体现网站的风格 ……

3. 老师演示网站LOGO制作实例

一般LOGO由文字、图形构成。这里我们以选择图片素材中的局部图形和文字叠加的办法,来制作一个LOGO

步骤1:设置LOGO的尺寸大小

打开photoshop,新建,根据需要,设置大小。 步骤2:选择图片,抠取局部图形 打开所需要的图片素材。 利用工具栏的“选择框”“套索”“魔术棒”,选择图片中的局部;复制、粘贴到新建的图片上。

步骤3:添加文字

利用工具栏的“文字”工具,添加文字、设置字体、字号。(注意讲解图层的关系,强调先选中图层,才能操作相应图层! 步骤4:添加特效

选择图形图层,执行“滤镜”——“模糊”——“径向模糊”,给图层添加模糊效果。 给文字添加特效。在图层浮动面板中该文字图层上用右键点出“混合选项”。常用的特效有投影、描边等。 步骤5:保存

“存储为”PSD文件,可以便于以后修改。但是PSD文件大小比较大,不适合在网页中使用。因此再选择“存储为WEB所用格式”,将图片保存成JPGGIF适合网页中使用的图片格式。 实践演练

老师根据学案,介绍任务。因为BANNER(网页横幅)、背景图片和LOGO相比,除了功能上有所不同,在制作方法和LOGO并没有太大的区别。因此,只给出了几个设计范例和参考尺寸。

学生根据个人网站的风格,自主设计,创作网站的LOGO图片。

老师巡回指导,除了回答学生操作的问题,更对学生的设计加以评点。赞赏学生精彩的创意,也指出设计中的不足。 附:学案

作品交流、评价与提高

学生们通过电子档案袋,既可以浏览同学的作品,也可以给出评价文字。因此,老师在最后评价时,以选择典型作品,请创作者介绍设计思路和制作方法的方式进行。 注意对同学间给出的建设性意见(有价值的修改建议)加以肯定。

设计问题:可以用来处理图片的工具软件有很多,比如画笔、CORELDRAW。今天我们选择用PHOTOSHOP这个软件,大家觉得它有哪些优势?

(生)有多种多样的滤镜效果,图层的使用让修改更方便,……。




本文来源:https://www.wddqw.com/doc/3def2dc40812a21614791711cc7931b764ce7bd4.html