基于原创工业案例的Flash设计课程教学模式

摘要:针对目前很多学生Flas设计缺乏创意的状况,笔者将Flash设计课程的教学分解成11个在剧本、音效、动画技巧、主题等方面各具特色的工业案例,综合电影制作、平面设计、声音处理等多方面的技巧,教学重心也从软件的使用上升到二维动画的设计与制作上。“原创”才是设计的核心,选取本校师生原创作品作为课堂案例能大大提高学生设计的自信心,激起学生浓厚的兴趣,促使每一个学生都有原创的Flash代表作品。

关键词:Flash;原创;工业案例;实施过程

1课程性质与作用

Flash是美国Macromedia公司(现已被Adobe公司并购)出品的二维矢量图形编辑和交互式动画制作软件,在众多领域已经有了广泛的应用。大体上可分为以下几个领域:互联网上的应用、多媒体展示领域中的应用、视频设计应用[1]。学生通过学习Flash,可以掌握基本的二维动画制作的过程,为今后深入学习动漫游戏、广告设计、网页设计打下良好的基础。

Flash设计课程是艺术系、信息工程系各专业的一门主干课程,是一门实践性较强的课程,涉及到色彩构成、平面制作、图形设计等相关课程。该课程要求学生具有一定的设计能力,培养学生的综合能力,活跃学生的思维,激发他们的创造力和想象力。

2课程设计思路

原创的理念贯穿课程始终。每节课教师都呈现给学生大量原创实例,而学生根据所学的动画制作技巧,自主设计出属于自己的动画。可以模仿,但拒绝抄袭。挑选本校师生原创作品作为课堂案例的主要目的――让原创的精神传递给每一位学生,还能大大提高学生设计的自信心,激起学生浓厚的兴趣。师者,既要授业解惑,更要传道。

教学的重心也从软件的使用上升到二维动画的设计与创作上。要制作一个完整的二维动画单纯学习Flash软件的应用是远远不够的。所以选择案例的标

准不仅要最大可能的覆盖Flash的知识与技能点,还要在剧本、声音、动画技巧、主题等方面各具特色。11个案例融合了笔者十多年的Flash设计经验,综合了许多电影制作、图片处理、音频处理等多方面的技巧。这种融会贯通的Flash设计方法是非常值得推广的。

这11个案例中有宣传片、网页特效、MV、电子贺卡、课件、剧情片、游戏等,适用领域非常广泛,涉及到的知识与技能点看上去似乎有部分重复,但由于选取角度、难度不同,产生的效果也就完全不同。课程采用CDIO方法教学, 把每一个模块,每一个教学环节都落实到产业对能力的要求,由浅入深,循序渐进,环环相扣,同时又强调知识产权和职业素质,注重人文精神的熏陶,把工学、文学、美学结合起来,围绕着“原创二维动画”而展开。

以下是Flash设计的11个案例的基本情况,如表1所示。

3各工业案例的主要内容

对于这些典型案例笔者都准备好了源文件及相应的制作流程文档,既能供学生学习参考之用,又能在同行之间进行交流共享。这里仅简单介绍每个工业案例的主要内容。

3.1Flash卷轴画的制作

3.1.1案例描述

该案例来源于笔者上课自行设计的课堂演示实例《卷轴》,模仿北京奥运会开幕式上那充满诗意的卷轴,用Flash来制作一幅水墨卷轴展开的动画。除了给大家介绍遮罩的基本知识和应用技巧,还结合实际经验介绍元件的概念,并要求学生掌握运动补间动画。该方法可拓展应用到水波、万花筒、百页窗、放大镜、望远镜等特效上。

3.1.2实施过程

动画共分4个层次,从下到上的设计思路如下:

1) 图画层:制作一幅山水画;

2) 遮罩层:遮住图画层,它为一个方块元件设计运动补间动画,随着元件的由小变大的过程,山水画也慢慢展示出来;

3) 固定卷轴层:制作一个静止的“轴”;

4) 活动卷轴层:制作一个运动的“轴”,与山水画慢慢展示的步伐一致。

3.2 《俄罗斯风情小镇》MTV的制作

3.2.1案例描述

该案例来源于学生期末考察项目,设计者收集了很多俄罗斯小镇的风景照,综合了运动补间动画、形状补间动画、逐帧动画这三大动画方式,制作成一个节奏明快、夺人眼球的MTV。动画共分5个层次:音乐及按钮层、运动引导层、被引导层、遮罩层、被遮罩层、背景层,包含的技巧有遮罩、时间轴特效、淡入淡出等。是一个制作“图片飞飞”MTV非常优秀的范例,当然也可以作为一个电子像册,也可转化为个性独特的屏保程序。

3.2.2实施过程

1) 导入音乐;

2) 制作遮罩层的运动补间动画;

3) 制作时间轴特效;

4) 制作常规运动补间动画;

5) 制作任意路径的运动补间动画;

6) 制作按钮。

3.3分镜头剧本的创作

3.3.1案例描述

该案例来源于本校原创Flas《新唐僧取经记》,一切Flash卡通作品的制作,都必须从剧本创作开始。一个充满生命力、创造力的剧本是制作的基础。该案例主要是把当前一些比较有争议的社会现象如名人出书、媒体炒作、名人逃税等事件安排在卡通名人唐僧师徒4人身上,随着剧情的发展,引起一连串的喜剧效应,夸张而不失深度。

3.3.2实施过程

1) 创意的来源;

2) 编剧取材的诀窍;

3) 剧本写作的程序;

4) 剧本的格式。

3.4 《新莫须有罪》人物的造型设计

3.4.1案例描述

该案例来源于本校原创Flas《新莫须有罪》。夸张的人物造型对剧情本身有一个推动作用。如果学生鼠绘功底比较差,人物造型又恰巧挺复杂,可以走一条捷径――临摹。

3.4.2实施过程

1) 人物头像的设计,一般重要人物的斜侧面、正侧面、正面和背面都要设计出来,次要人物两个面;

2) 人物头像鼠绘步骤的实施:先描出外轮廓,再填充色彩,最后根据需要去掉外轮廓;

3) 人物嘴巴及简单表情的设计。

3.5 《战争与和平》宣传片的动作设计

3.5.1案例描述

该案例来源于笔者为同名手机游戏《战争与和平》制作的一个宣传片。人物的动作设计是Flas比较关键的另一步,在动画中为了强调角色表情,还要加以动作的配合,使表情与动作融为一体。《战争与和平》里面的每个人物的动作都有4个:走路、格斗、死亡、复活。而每个人物的每个动作都要做成影片剪辑放在库里,制作场景时就可调用了。实施过程以其中一个武士的走路动作为例。

3.5.2实施过程

1) 熟悉人物的运动规律;

2) 绘制人物形象,分别将武士的头、身体、左胳膊、左手、右胳膊、右手、左大腿、左脚、右大腿、右脚、武器分离开来,然后选中各个部分,将它们转换成影片剪辑元件;

3) 将各个元件拖放到11个图层中,并且每个元件各占一层,利用选取工具和任意变形工具分别制作动画。

3.6 《战争与和平》宣传片的场景制作

3.6.1案例描述

该案例是上一个案例的延续,旨在教会学生如何制作多场景动画。掌握了这项技能就可以把一个分镜头剧本分成几个场景,多人协同制作,便于修改。Flas《战争与和平》是一款策略性游戏的宣传片,共5个场景,大量选用了游戏中的场景和人物,需要精彩的打斗和震撼的爆破场面来吸引观众。

3.6.2实施过程

1) 制作场景1:在爆破中游戏标题出现;

2) 制作场景2:各类战斗人物登场,有远古的、现代的、未来的;

3) 制作场景3:一对人物的格斗场面;

4) 制作场景4:武器在硝烟中参与战斗;

5) 制作场景5:雨过天晴,和平来临。

3.7Flash声音的处理

3.7.1案例描述

该案例来源于本校原创Flas《新闻联播》,该案例主要是让大家学会如何录音,插入声音,截取声音。该案例的声音文件很多,在配置对白时,要考虑到角色的身体语言。必须时时刻刻考虑角色的感受,要让他们的一举一动都传达内在的思想。音乐的修改则需求助于专业音乐编辑软件,如Cool Edit等。

3.7.2实施过程

1) 录音;

2) 在Flash中插入声音;

3) 用Windows自带的“录音机”简单处理wav音乐;

4) 利用音乐编辑软件转换音乐格式、截取及处理音乐。

3.8 《跳远》课件的制作

3.8.1案例描述

该案例来源于笔者为苏州某中学一体育公开课所做的多媒体课件《跳远》,短小而实用。制作该课件涉及到的Flash知识点有元件、动作――帧,动作――按钮等,这是做Flash交互动画必须掌握的。该案例主要是讲解挺身式跳远的动作要领,通过按钮操作,可以跳转到任意一帧。

3.8.2实施过程

1) 文档设置为默认状态;

2) 制作“完整动作”影片剪辑,各元素的安排,整个动画分两层:按钮层和图画层,按钮层存放所有按钮,而其他元素都放在图画层;

3) 添加动作命令。

3.9鼠标特效的制作

3.9.1案例描述

《跟随鼠标飞舞的小天使》动画的效果是:小天使跟随鼠标移动,并且留下移动的逐渐变成透明的小天使轨迹。该案例来源于笔者本人制作的课件,是一款广泛用于网页特效、宣传短片上的鼠标特效,学习制作该案例主要是为了让初学AS编程的同学分清元件名和实例名。

3.9.2实施过程

1) 创建小天使元件;

2) 把6个小天使拖拽到舞台上,分别输入“实例名称”并设置Alpha属性;

3) 再加5个关键帧,每帧分别加入脚本程序;

4) 加背景。

3.10 《冬雪》的制作

3.10.1案例描述

该案例来源于学生期末考察项目《冬雪》,是AS编程与场景动画的完美结合。通过该案例的练习,学生掌握了原创动画的制作流程,熟悉了AS编程的基本语法,并有了一定的“面向对象”的概念。该案例类似都市史诗,把摄影、绘画、文学、动画设计、编程有机的结合在一起。

3.10.2实施过程

1) 编写剧本,整理素材(其中背景及人物是通过“先拍摄,再临摹”的方法得到的);

2) 通过AS编程,制作“大雪纷飞”的效果;

3) 制作场景动画,即把故事情节表现出来。

3.11拼图游戏的制作

3.11.1案例描述

该案例来源于学生期末考察项目《带拼图游戏的贺卡》。这款个性拼图游戏是AS编程综合知识的体现,并涉及到图片处理软件Fireworks的一些基本操作。该案例分5个场景。其中第5个场景拼图游戏既是重点,又是难点。在拼图游戏中,大家可以发现这个游戏设计了一个“吸附”功能,能够让你将拼图片轻松地整齐排列,同时游戏还会自动判断拼图是否全部正确完成。

3.11.2场景5实施过程

1) 用Fireworks进行图片处理,平均分割成12块;

2) 修改文档的大小、背景和帧频;

3) 制作用来判断位置的Movie Clip;

4) 制作用来拖拽的MC;

5) 制作被拖拽的图块;

6) 游戏的完成工作。

4结语

CDIO是“做中学”和“基于项目教育和学习”的集中概括和抽象表达。而Flash设计这门课程所遵循的“创意――剧本――制作――运营”的规律不正

是CDIO中“构思――设计――实现――运作”的具体实现吗?在实施过程中,首先由教师向学生讲授CDIO基本理念与方法,其次,通过剖析和模仿一个个典型工业案例,使学生掌握二维动画的的制作方法和技巧,明确该课程设置的目的与意义;再次,学生通过欣赏著名作品,企业参观、知识讲座等活动,了解动画商业运作,把握市场发展主流方向,提高审美情趣。最后,设计一个实际项目,使学生在高起点上直接体验设计与创新。

学生通过基于原创工业案例的学习,是否就能作出代表自己水平的作品?答案是肯定的,有些学生就是冲着自己能超越这些案例而来,主动学习,主动实践,取得了前所未有的学习效果,大大增强了自学、研发、解决问题、团队工作和人际沟通的能力。每到期末的时候,笔者都能收到很多优秀的Flash原创作品,有的同学就把自己的Flash作品作为学期项目或毕业项目,部分作品在一些动漫比赛中还能捧些奖回来。而笔者也会从中挑选更好的案例去替代原有的案例,使得这些案例始终处于不断的发展中。很多学生凭着自己的实力,进入了蜗牛、神游、欧瑞等一线公司从事动漫设计。

对于Flash设计这门课程来说,不是你会不会的问题,而是做得好不好的问题。而对于“好不好”的评测标准总带着一些主观性,所以要求教师要有“兼容并包”的胸怀,视野要尽量的开阔。狭隘的审美观往往能把一些美好的创意扼杀在摇篮中。

参考文献:

[1] 杨凤霞,刘国香,王新功,等. FLASH网络课程的设计与开发[J]. 沧州师范专科学校学报,2007(1):52-53.

An Educational Mode for Flash Design Based on Original Industrial Cases

LI Ping

(Department of Computer Science, Suzhou Industrial Park Institute of Vocational Technology, Suzhou 215031, China)

Abstract: Flash animation designs produced by most students nowadays lack creativity. We addressed that situation by decomposing the course Flash Design into 11 industrial case studies, each distinctive in its script, sound effect, animation skill, theme, etc, integrating various techniques of film production, graphic design, sound processing, etc. The focus of education was also raised from software usage to 2D animation design and production. “Originality” is the core of design. Choosing original works of our teachers and students for the case studies can greatly promote confidence of students in their designs. It can arouse deep interest in students and allow every student to produce original, representative works in Flash.

Key words: Flash; originality; industrial case study; implementation