注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

我的信息技术教育博客

教育不是灌输,而是点燃火焰

 
 
 

日志

 
 

信息技术与生活校园课堂教案6  

2011-01-13 16:48:25|  分类: 教学设计(教案) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

江苏省邗江中学(集团)2010-2011学年度 高二 年级

   信息技术与生活  校园课堂课程教案

6 图形图像的加工——网页元素

指导教师    金婧                        活动时间 2010  11    19 

 

 

动目标

 

学会利用Photoshop制作网页常用的元素——按钮。

 

活动重点

 

构思按钮效果,灵活应用各种技术(形状、文字、油漆桶、渐变工具,图层样式)去实现。

 

活动资源

 

学案、多媒体网络教室

活动过程

活动内容

学生活动设计

教法设想

一、导入

1、平时大家都浏览网页的时候,常常会被一些设计新颖的页面吸引,而一张张页面是有许多元素组成,其中各种风格的按钮往往成为点睛之笔。

2、欣赏几个用Photoshop制作出的按钮:

  

其实,其实CD的封面设计也有很多学问,今天我们就自己来尝试设计CD的封面。

二、主体活动

(一)制作方法:

制作按钮,方法不是单一的。

制作按钮时,比较常用的工具有:选取、形状、文字、油漆桶、渐变等;

比较常用的效果来自:图层样式、滤镜等。

师:有时,只要一点小小的修改,就能得到截然不同的效果。怎样才能做出美观的按钮,要靠同学们自己慢慢摸索。

(二)模仿制作

1、   新建文件。适当大小的空白图片,背景透明。

2、   选择圆角矩形工具 ,调好选项栏上的各项参数:

填充白色。使用【油漆桶工具】为选区填上白色,得到一个白色的圆形。

3、   用鼠标在空白图片上拖出一个长方形的圆角矩形

4、找出【路径】面板,单击“load path as a selection(把路径转成选区),这时,图像中的圆角矩形变成了一个圆角矩形选区:
  

知识点:路径与选区

1、  什么是路径

2、  路径与选区的转化

5、选择渐变工具 ,调好颜色,在圆角矩形选区拉出渐变色

6、在当前图层上应用通过拷贝的图层,这样,【图层】面板的情况如下图:
图层1”图层2”是完全相同的两个图层)

7、在图层2”上应用【编辑】菜单-【自由变换】,把图层2”的圆角矩形缩小一圈;再选择【编辑】菜单-【变换】【垂直翻转】,移好位置。

8 按钮基本做好,下面添加文字。用文字工具 在按钮上写下你需要的文字,调整好字的大小、字体以及字的颜色。结果如下图:

(以下用的字体是“04b_03b”,大小是“36,颜色是白色。)

9、利用图层样式为文字层添加斜面和浮雕效果,为图层1”添加投影效果  

(三)拓展:自由创作

自由发挥,自主创作新颖个性按钮

 

三、活动小结

1、展示学生作品

2、知识技能总结

 

 

 

观看演示

 

 

 

 

 

  

 

 

 

 

 

 学生思考,分析创作

 

 

 

 

 

 

 

 

 

 

 

 

 

学生模仿,自主完成

 

 

 

 

学生根据提示尝试完成

 

 

 

 

 

 

 

 

 学生利用学到的技术方法,自由创作

 

展示优秀作品

 

 

 

 

 

 

利用作品演示动画给予学生感官刺激,激发学生创作热情

 

 

 

 

 

鼓励学生突破,发挥自主创作能力。

 

 

 

操作相对简单,学生容易获得成就感

 

 

 

 

由问题引出知识点,具有针对性,增加学生理解

 

 

 

 给予学生充分的空间,鼓励学生发挥主观能动性

 

鼓励学生创作

活动评价

(学生出勤情况、学生参与情况、目标达成情况等)

1.出勤:2人。

2.参与:通过自主学习与合作学结合活动方式,每位同学都参与其中,积极的进行解决问题。

3.目标:学生都能较好完成绘制任务,并加入自己的创意。

成果展示

学生制作的作品、小组评价讨论,交流制作感想。

课后拓展

(建议学生课后做那些事)

浏览相关网站,或者翻阅相关书籍,学习相关设计方面的知识

 

  评论这张
 
阅读(91)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018