《QQ动态表情的制作----多媒体艺术案例设计》教学设计

《QQ动态情的制作----多媒体艺术设计》教学设计 QQ动态表情的制作 -----我的多媒体艺术案例设计 [注] ,网络生活与现在的中学生生活息息相关,所以本课通过QQ动态表情的制作,与同学们的课余生活联系密切,且易提高兴趣。所以,本课设计以此为题。 教学目标, 1.通过QQ动态表情的制作,了解Photoshop中图片制作及使用过程中的基本操作。 2.了解ImageReady软件中动态图片的简单制作过程。 3、提高同学们对于该课程的兴趣,并通过实践来掌握软件运用的基本知识。 重点难点, 1.Photoshop软件中铅笔工具的熟练运用。 2.ImageReady软件中帧的了解,以及图层面板的运用 教 具,多媒体设备,课件 课 时,1课时 教学方法,演示法、练习法 教学过程, 一.导入 第 1 页 共 5 页 同学们应该都有自己的QQ号吧,那么在和同学、朋友用QQ聊天时,我们常常会收到或者使用一些或可爱、或搞笑的QQ表情,那么同学们有没有想过,我们也可以用自己所掌握的知识,来设计一个属于自己的QQ表情呢,“想”,那么好,这节课,我们就一起来看下,怎样用Photoshop与ImageReady结合,制作我们自己的独一无二的QQ表情。 大家知道,QQ表情分为静态和动态两种,动态表情相对来说表达的效果更好一些,所以,这节课,我们重点学习如何制作简单的QQ动态表情。其实呢,QQ动态表情就是Gif格式的小动画,Gif,Graphic Interchange Format,是网上通用的图像格式,它具有支持透明背景、动态效果、制作简单、体积小等特点,为人们所喜爱。制作Gif动画软件比较多,常用的一般有ImageReady、Fireworks、Flash、Gif Animator等,今天我们就以用Photoshop与ImageReady为主,来看一下制作QQ表情动画的主要方法。 [课件展示] 背景知识,ImageReady作为Photoshop捆绑销售的软件,弥补了Photoshop在缺少动画制作功能的不足,Photoshop与ImageReady在菜单栏与各种面板上的排列都很相似,熟悉Photoshop的人很快就能掌握ImageReady的操作,而用psd格式保留分层的源文件,给Gif动画日后修改时更带来了许多方便。 那么什么是Gif动画呢, [课件展示]有趣的Gif动画。 第 2 页 共 5 页 简单地说,动画就是在一段时间内显示的一系列图像或帧,每一帧较前一帧有轻微的变化,当连续、快速地显示这些帧时会产生运动的错觉。 不知同学们小时候有没有过这样的体验,当我们把小人书连续、快速翻页时,书页上面的场景和人物动作在我们眼里就似乎有了连贯性的动作,像看动画片一样的效果了,,那么,Gif动画也是利用了视觉的这一原理。 二、案例演示, 下面我们以下图QQ动态表情的实例,来演示一下这个QQ表情的制作过程。 请同学们看大屏幕。,教师边讲边操作,学生看演示, 1.首先我们打开photoshop,在photoshop中新建四个相同大小的画布。 2.用较细的铅笔工具勾画出如下图的三个QQ表情。 3.把1.2.3个图片按顺序都拖入第4个空白画布上。1在上,2在中,3在下。 第 3 页 共 5 页 4.点左侧工具栏下方的图标,如下图,或选择菜单栏上的“文件”——“在Adobe Imageready中编辑”或用快捷键shift+ctrl+M,进入 Imageready软件。 5.在Imageready的“动画”面板上点小箭头,新建一帧,使第一帧为当前帧,同时在图层面板上使图层1为当前图层并隐藏图层2和3 。按同样方法新建帧并使第二帧为当前帧,同时在图层面板上使图层2为当前图层并隐藏图层1和3。再按此方法使3成为当前图层并隐 藏1和2. 操作完成后为如下效果, 6.在“动画”面板上将三帧的时间设置一下,具体方法是点击帧下端的时间,弹出选择框,选译相应时间就可以了。可按自己的喜好选择来选择,时间越长,三个帧之间的间隔时间也越长,动画的图片转换就相应的慢一些。 这个动画,我们依次设为0.2秒、0.2秒 和0.5秒。,如上图, 7.在“动画”面板上将“循环计数”设置为“一直有效”,具体方法是点击“动画”面板左下角的“循环计数设置框”,弹出选择框 ,选译“一直有效”。 第 4 页 共 5 页 8.点击“动画”面板上的“播放键”,左数第三个向右的箭头,,就可以看到动画啦。最后选择菜单栏上的“文件”——“将优化结 果”储存为,在弹出的对话框中“保存类型”选择“仅限图像,*.gif,。为图像起个名字,就可以了。 最后我们看到的效果就是刚才这个QQ动态表情。 好了,这样一个简单的QQ动态表情就制作完成了,是否比较简单有趣呢,当然,根据这个制作过程,我们还可以在图片上添加文字等效果哟。现在,同学们是否对制作自己的专属QQ表情跃跃欲试了呀, 三.学生练习 刚才我们通过演示学习了简单的QQ动态表情,Gif动画,的基本操作,下面的时间我们赶快为自己设计一个独一无二的QQ表情吧， 同学们实践操作,教师巡回辅导,针对问题具体解决。 四.评价与 1.把各自己制作的表情保存,并上传,发在班级QQ群里,相互欣赏和学习。 2.结合本课所学知识,对部分作品进行重点点评,深化重点难点,强化教学目标。 第 5 页 共 5 页