第一篇:Flash动画视觉效果在网页设计中的应用论文
摘要:随着计算机技术的不断发展,通过Flash设计网页对提高网页的质量具有重要的作用。本文网页动画设计概述为分析切入点,阐述Flash动画的视觉运用的意义,最后提出Flash动画视觉语言在网页设计中的具体应用。
关键词:网页设计;Flash;应用
随着互联网技术的不断发展,网络已经成为人们生活中必不可少的部分,尤其是随着网页设计技术的发展,人们对传统的静态网页表现出不满,因此基于Flash动画视觉的网页成为网络发展的主要趋势。本文就是利用Flash动画视觉效果设计网页,以此增强网页的视觉效果,提升网页设计的质量。
1网页设计的概述
网页是网民浏览网络信息的重要载体,网页设计质量直接影响网民浏览信息的兴趣,因此在网页设计时既要保证网页设计内容的质量,也要做到吸引网民眼球的目的,具体要求就是:优化网页页面的排版,注重网页具有清晰的主次,强调中心,色彩和谐,重点突出,当然动态效果不易太多。Flash属于一种交互式多媒体技术,因此其在网页设计中的应用具有以下特点:一是Flash动画的情节表现比较夸张,能够直接体现设计的核心思想;二是具有交互性优势。网民可以通过控制系统自主的决定Flash动画的运行过程,实现了网民的参与性;三是减少网页制作成本,提高网页质量。通过Flash动画可以直观的表现网页的核心内容,从而降低了网页的制作成本。
2Flash动画的视觉运用的意义
在网页设计中运用Flash动画的视觉效果具有重要的现实意义:
2.1能够提高网页设计的知名度
网页设计的最终目的就是吸引眼球,而吸引眼球的关键就是在网页打开的瞬间具有清晰的画面效果,而通过合理应用视觉可以丰富网页的效果,从而达到吸引眼球的最终目的。
2.2提高了网页设计的科学性
传统的网页设计以内容为主,虽然内容是网页设计的关键因素,但是在互联网快速发展的时代背景下,单纯的文字设计风格已经不能满足信息需求者的需要,因此需要充分利用Flash动画视觉效果,通过对网页颜色、文字、图案以及排序等方面的设计,大大优化了网页设计的科学性,达到了资源的优化配置。以某网页设计为例,通过对Flash动画的运用使得浏览者在第一眼就获悉了网页的主要内容,提高了浏览者浏览信息的速度。
2.3提升用户的满意度
针对当前网络技术的不断发展,网页设计必须要考虑客户的蛤睡点,例如当客户在第一眼浏览时就被吸引,那么网页就又存在的必要性,因此网页设计必须要充分利用Flash动画视觉效果,通过优化不同视觉元素达到优化网页设计风格的目的,让客户感到品牌意识和对网页产生依赖感与忠诚感。
3Flash动画视觉元素在网页设计中的应用
3.1文字
文字是网页设计中最主要的元素,也是网民直观看到的内容。文字承载着重要的网页信息,因此文字是Flash动画中的重要媒介物。文字的目的主要有两个:一是审美功能。文字审美功能的实现主要通过以下手段,文字的排版模式、文字的图形构成以及文字的视觉设计等等。以文字的排版设计为例,文字的不同排版模式对Flash动画设计的视觉影响是不同的,比如字体之前的子距对网民游览信息的质量是有影响的,如果字距过小,就会导致网民浏览信息时表现的比较吃力,进而导致他们对该网页内容失去兴趣;二是传递信息。传递信息是文字的重要目的。实现传递目的的功能就需要从:(l)合理选择字体的搭配。在Flash动画设计中,选择合适的字体搭配可以吸引眼球,从而提高网页信息传播的速度。具体的搭配原则是“大标题、小内文‘、”字体少、字型少“.(2)字的变形设计。合理的字型变化可以吸引眼球。(3)特殊效果字体应用。特效文字应用应该注意,素面反白字、图片上反白字、图片上设计字等问题。
3.2图形
图形是美化网页内容的重要形式,图形设计的主要目的是建构能表达信息内容的、视觉形式的、独立完整而有序的”语句“,因此图形的设计应该遵循:设计主题定位准确、。符合受众者心理与社会心理的需求、。设计主题避免”一般化“、。图形与字体、色彩等因素协调统一的原则。因此将图形元素在网页设计中应用时需要注意以下问题:一是保证图形的简单,能够直观的体现网页的核心内容。能够通过图像直接了解到设计的最终目的。例如在Flash动画设计中可以采取平面化图形(见图1);二是图形在设计时需要具有一定的艺术性,优秀的设计创意,无疑会打动人并激发人的思想感情,吸引人去关注设计所表达的思想内容,从而达到图形艺术设计所要表达的视觉传达信息的目的。
3.3色彩
色彩是刺激人的视觉感官的,也是Flash动画设计的重要形式内容。将色彩应用到Flash动画设计中主要是从以下人手:一是色彩的形式。色调是Flash动画内容的理性感觉,因此需要设计统一的色调,以此实现画面的美感;二是色彩的心理感觉。当人观看到色彩之后会刺激大脑,进而产生一种情感心理活动,可以说色彩对人的影响是不同的,不同的人在不同的环境下会相同的色彩会产生不同的心理变化,但是其还是存在一定的共性的,因此需要侧重色彩的冷暖感、轻重感以及软硬感;三是现代色彩设计。网页动画设计的演示平台多为数字化终端设备,另外在色彩的运用过程中,由于生活的地理位置、文化修养等的不同,不同的人群对色彩的喜恶程度有着很大的差异。总而言之,正确选择动画中的色彩,有助于利用动画中的背景、角色等元件对欣赏者进行心理暗示,达到突出主题的效果。
一个Flash动画的制作是一项既复杂严谨又充满创造性的工作,它需要设计者掌握动画的基本原理和动画的系统知识,更需要设计者把美的形式规律同现代网页动画设计的具体问题相结合起来,认真研究、掌握并主动地、有意识地运用这些规律,才能创作出好的作品。
参考文献:
[1]张蕾。网页设计中Flash动画的视觉应用[J].2009,08.[2]阿依夏木·力提甫。伪码调相系统的Simulink仿真设计与实现[J].新疆师范大学学报(自然科学版),2013,04:39~42.
第二篇:flash网页设计毕业(论文)
辽宁警察学院毕业设计(论文)
Flash网页设计
系: 高职计算机系 专业: 计算机应用技术 学生: 陶帅帅 指导教师:杨 虹
完成日期:2017年4月3日
辽宁警察学院毕业设计(论文)
Flash网页设计
总计 毕业设计(论文)表格 0表 插图 24幅
页
摘 要
本论文主要论述了本人所做毕业设计课题《Flash网页设计》的技术背景、设计理念、概要设计、详细设计以及最后效果展示等方面内容,详细的介绍了本人对于设计简单Flash网页的一整套设计过程和相关技术难点的解决方法。
Flash设计网页成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台,它满足了广大用户随时随地进行交流和沟通的需要,为网上用户提供交流场所,实现高效动态信息交换,而网页恰恰是由一个个小小的网页集结而成,没有网页就没有强大的网页。现在虽然有很多动漫网页,但版面千篇一律,缺乏个性化、前瞻性,页面设计混乱,不利于用户查看,网页的交互性比较差,因此我针对以上问题为动漫网页设计一个个性化的动漫网页。关键词:动漫网页,Flash
I
Abstract This paper mainly discusses the graduation design which I do the Anime Web Design Theme of technical background, design concept design, detailed design, summary and display effect etc, detailed introduces himself to design a simple Flash web design process and related technical difficulties in solving methods.Animation design website become more and more anime fans and the anime fans access to information and communication platform, it can meet the the needs of the masses of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site.Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages.Key words: Web Design;Flash;Flash web design
II
目录
前 言..............................................................................................................................1 第1章 概述..................................................................................................................2
1.1 Flash软件的介绍.........................................................................................2 1.1.1Flash的历史.......................................................................................4 1.2 Flash软件的特点.........................................................................................4 1.2.1普通网页设计的特点.........................................................................4 1.2.2Flash网页...........................................................................................5 第2章 网页设计的开发工具与开发语言..................................................................7
2.1 网页使用的开发工具.....................................................................................7 2.1.1Macromedia Flash 8.0 Pro..............................................................7 2.1.2Adobe Photoshop CS2........................................................................7 2.2 网页开发语言.................................................................................................7 第3章 Flash网页设计中的各种技术解析................................................................9
3.1 主页界面设计解析.........................................................................................9 3.1.1Flash网页加载时的进度条设计..........................................................9 3.1.2网页LOGO与站点设计...................................................................10 3.1.3网页导航条的设计.............................................................................10 3.1.4进入主页界面前动态效果设计.........................................................12 3.1.5进入主页时的音效设置.....................................................................13 3.2 “赏漫软件”Flash子页面设计......................................................................14 3.2.1“赏漫软件”目录的制作..................................................................14 3.2.2赏漫软件的图片文字介绍部分制作.................................................15 3.3 “精品动漫”Flash子页面设计......................................................................15 3.4 “酷站导航”Flash子页面设计......................................................................17 3.5 “酷炫漫画”Flash子页面设计......................................................................18 3.6 “关于作品”Flash子页面设计......................................................................19 结论..............................................................................................................................20 致谢..............................................................................................................................21 参考文献......................................................................................................................22 III
辽宁警察学院高职计算机毕业设计(论文)
前 言
世界因Internet的出现而在逐步改变,网络经济雏形因此而形成,由于Internet具有信息容量大、方便迅速、形态多样、覆盖全球等特点,直至今日已发展成为信息传播的主要载体,所以几乎全球的各个企业、机构纷纷建立自己的web站点。Internet信息资源庞大、图文互动、高速高效的特点给传统设计媒体带来了巨大的冲击,再加上网络经济对设计行业的影响,由此而产生了一个新的设计领域--网页设计。
Flash产业作为我国发展中的产业,网页设计技术的发展推动了该产业的传播,使得各类Flash网页纷纷崛起,为广大Flash爱好者带来了诸多便利。
本课题设计的是一个以Flash设计为主题的网页设计,以信息发布、分享为主要的。通过发布一些关于Flash的信息、图片和Flash等为有同样喜好的人们提供一个分享的空间。同时访客用户可以在网页中的剧情交流上发表自己的看法以及可供共享的信息,使人们在获取信息的同时,还可以发表自己的感受。在如今网络高速发展的时代,发布信息与分享兴趣已成为大多网页设计的主要目的。
Flash网页设计
第1章 概述
Flash网页设计是指用用Flash软件制作的网页,网页内容多数甚至全部是Flash。全Flash网页基本以图形和Flash为主,所以比较适合做那些文字内容不太多,以平面、Flash效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网页等。
在因特网飞速发展的今天,多姿多彩的网络页面总是让我们目不暇接,创建富有个性的个人主页更是每一个网络爱好者的梦想。作为一个优秀的多媒体网页设计平台,Flash从众多的网页设计软件中脱颖而出,成为大多数网络爱好者设计网页的首选工具。能够为大多数人所认同的东西总有它的独特之处,Flash正是以其独特的魅力征服了网络发烧友。
首先,Flash的一个很重要的特点是创建的文件体积很小,Flash是完全基于矢量的Flash处理技术,而矢量图形就是用少量的向量数据来描述一个复杂的对象,存储时只占很小的空间,而且图像的质量也很高。想必许多网友们也曾对自己挂在网上的一些Flash作品的体积担心,那么,用Flash来创建网络Flash作品也正是我们的首选。
其次,Flash使用的是插件的工作方式,用户只要安装一次插件,以后就可以快速启动并观看Flash,而不必像Java那样,每次都要花费大量的时间启动虚拟机。
再次,Flash动漫采用的是“流式”的Flash播放技术,用户不必等到Flash下载完全再去欣赏,而是一边下载一边欣赏。
最后,Flash简单易学,尽管它不能像一门高级语言一样进行编程,但功能还是很广泛的。使用内置的ActionScript语句结合JavaScript,也可以制作出互动性很强的主页来
1.1 Flash软件的介绍
Flash是美国Macromedia公司所设计的一种二维矢量动画软件(现Adobe公司产品),用于设计和编辑Flash文档,最新版本为:Animate CC 2015.5。Flash通常也指Macromedia Flash Player(现Adobe Flash Player),用于播放Flash文档。
辽宁警察学院高职计算机毕业设计(论文)
档案格式:
图1-1影片档
“swf ”这是一个完整的影片档,无法被编辑。有时会被念做“swiff”。Swf在发布时可以选择保护功能,如果没有选择,很容易被别人输入到他的原始档中使用。然而保护功能依然阻挡不了为数众多的破解软件,有不少闪客专门以此来学习别人的程序代码和设计方式。
图1-2原始档
“fla ”是Flash的原始档,只能用Macromedia Flash打开编辑或Adobe Flash CS3及更高版本打开编辑
Actionscript是一种程序语言的简单文本文件.FLA档案能够直接包含Actionscript, 但是也可以把它存成AS档做为外部连结档案(如定义ActionScript类则必须在写在as文件里,再通过import加入类),以方便共同工作和更进阶的程序修改。
Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的Flash、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常,使用 Flash 创作的各个内容单元称为应用程序,即使它们可能只是很简单的Flash。您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的 Flash 应用程序。
Flash 特别适用于创建通过 Internet 提供的内容,因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。
Flash网页设计
1.1.1Flash的历史
Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。1996年11月,美国Macromedia公司收购了Future Wave,并将其改名为Flash。后又于2005年12月3日被Adobe公司收购。Flash通常也指Macromedia Flash Player(现Adobe Flash Player)。2012年8月15日,Flash退出Android平台,正式告别移动端。2015年12月1日,Adobe将动画制作软件Flash professional CC2015升级并改名为Animate CC 2015.5。
Flash的过去无疑是异常辉煌的,然而它的现在和将来却饱受非议。在移动互联网和Html5的强烈冲击之下,Flash在网页方面的应用逐渐衰退,如今已经很难再看到纯正的Flash整站了。有人因此断言Flash已经成为一种“过时”的、“应被抛弃”的技术,更有人提出“Flash将死”的预言。然而,换一种客观的眼光来看现实情形,就会发现Flash并未完全衰退,在网页游戏、互动设计、媒体应用、教育课件等领域,仍然能够看到Flash异常活跃的身影。在动画效果的流畅性、互动设计的便捷性、代码开发的简易性、程序应用的广泛性等方面,目前还没有任何一款软件能够与Flash相比拟。因此,也有许多开发者认为Flash还“大有可为”。无论Flash的未来何去何从,在当下,它仍然是一门值得所有人认真学习的技术。特别是对于有志成为网页设计师的学习者而言,Flash更是一门必修课。
1.2 Flash软件的特点
1.2.1普通网页设计的特点
网页设计要注意的两个要点:整体风格和色彩搭配。
1、确定网页的整体风格
网页的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网页。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、4
辽宁警察学院高职计算机毕业设计(论文)
交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网页给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
(1)将你的标志logo,尽可能的放在每个页面上最突出的位置。(2)突出你的标准色彩。
(3)总结一句能反映贵站精髓的宣传标语!
(4)相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网页中出现的所有标题字的阴影效果的设置应该是完全一致的!
2、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
(1)用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
(2)用两种色彩。先选定一种色彩,然后选择它的对比色。
(3)用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
3、在网页配色中,还要切记一些误区:
(1)不要将所有颜色都用到,尽量控制在三至五种色彩以内。
(2)背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
1.2.2Flash网页
Flash网页具有设计精美,拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征,非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主,所以比较适合做那些文字内容不太多,以平面、Flash效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网页等。
制作全Flash网页和制作Html网页类似,事先应先在纸上画出结构关系图,包括:网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期
Flash网页设计
部分等等,都应在考虑范围之内。
实现全Flash网页效果多种多样,但基本原理是相同的:将主场景作为一个“舞台”,这个舞台提供标准的长宽比例和整个的版面结构,“演员”就是网页子栏目的具体内容,根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为“舞台”基础,基本保持自身的内容不变,其它“演员”身份的子类、次子类内容根据需要被导入到主场景内。
辽宁警察学院高职计算机毕业设计(论文)
第2章 网页设计的开发工具与开发语言
2.1 网页使用的开发工具
2.1.1Macromedia Flash 8.0 Pro Macromedia Flash 8.0 Pro相对于Macromedia Flash MX 2004增强了为移动设备开发的功能,方便创建Flash Web增强的网络视频。虽然有更高的版本,但是Macromedia Flash 8.0 Pro仍是现在最主流的Flash制作软件,配合其内置的ActionScript 2.0能够完美实现网站设计中所需要的各种动态效果和交互效果,而我此次所做的Flash网站就是在Macromedia Flash 8.0 Pro的环境下制作。
新版本的Flash 8中引入了几种高级技术:实时渲染滤镜、运行时位图缓冲、FlashType字体渲染引擎、自定义淡入淡出功能、改进的视频播放组件、增强的文本工具、增强的描边属性、高级渐变控制。其中一种非常棒的技术是,Macromedia减轻了Flash Player 8的渲染工作,在Flash文件中使用标签,Flash Player 8现在可以在用户与Flash文件交互时实时渲染滤镜。这意味着Macromedia已经能够合并内建的滤镜效果,象阴影、模糊、内外发光、倒角、渐变倒角、颜色调整,以获得更丰富的用户体验。这些滤镜或可视效果能够被应用到影片剪辑(MovieClips)和文本域,当在网页中运行时,通过播放器渲染并显现出来。2.1.2Adobe Photoshop CS2 作为Adobe公司出品的最出色的图形图像处理软件,Photoshop以其强大的功能向我们证明着它的名至实归。在falsh网页设计时一些图片素材如背景图片、按钮、LOGO等在载入Flash库前有必要用Photoshop做适当的处理.2.2 网页开发语言
Html(Hyper Text Markup Language)即超文本标记语言或超文本链接标示语言,它是一种计算机程序语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要内容。
Html文件是用ASCLL代码编写成的,可以保存为最简单的TXT文本文件,Flash网页设计
这样用任何一个文字处理软件都可以进行编写,这也是他能够迅速迅速普及,并十分受欢迎的一个原因。
辽宁警察学院高职计算机毕业设计(论文)
第3章 Flash网页设计中的各种技术解析
3.1 主页界面设计解析
3.1.1Flash网页加载时的进度条设计
(1)新建Flash文档index.fla,设置舞台的大小为550*550像素,设置背景的颜色为#786e28。
(2)建立进度条设计主要是帮助观察Flash网页载入的进度,建立进度条设计样式如图3-1,时间轴上各层设计如图3-2。
图3-1进度条
图3-2进度条在时间轴上各层
Actions:帧1代码: total = _root.getBytesTotal();loaded = _root.getBytesLoaded();baifenshu = int((loaded/total)*100);baifenbi = baifenshu+“%”;setProperty(“jindutiao”, _xscale, baifenshu);Actions:帧2代码:
Flash网页设计
if(baifenshu == 100){
gotoAndPlay(4);} else { gotoAndPlay(1);} 3.1.2网页LOGO与站点设计
网页LOGO设计:
(1)新建图形元件“元件42”。
(2)利用矩形工具建立一个白色矩形,在矩形正中建立一稍小些的背景色矩形形成白色矩形框。
(3)利用任意变形工具将白色矩形框变形成为白色平行四边形框。用线条工具进行分割裁剪,旋转变换得到要设计的网页LOGO。(如图3-3)
图3-3 logo展示图
3.1.3网页导航条的设计
(1)新建图形元件“元件22”(如图3-4),作为导航条背景。
图3-4导航条背景
辽宁警察学院高职计算机毕业设计(论文)
(2)建立6个图形元件分别在各元件中设计各导航按钮文字,字体样式雅黑,字号12,颜色黑色,分别载入各影片剪辑做出动态效果,对应每个影片剪辑做一个与影片剪辑等大的按钮,按钮与影片剪辑放于不同层叠加在一起均匀排列与导航条上(如图3-5)。
图3-5导航按钮
(3)给每个按钮附加动作。(如图3-6)
图3-6按钮b1动作目录
代码如下: 图层4:帧1: stop();元件11: on(rollOver){ } on(press){
} 元件11: on(rollOut){
gotoAndPlay(1);
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
gotoAndPlay(2);11
Flash网页设计
} on(press){
} 图层4:帧9: Stop(); 元件11: on(rollOut){ } on(press){
} 3.1.4进入主页界面前动态效果设计
(1)新建图形元件“元件29”,创建长条图行,作为三个小窗口推荐酷站、本站作品、站内更新的上框(如图3-7)。建立三个图形元件分别制作各个小窗口的名称(如图3-8)。
图3-7小窗口的上框 图3-8小窗口的名称
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
gotoAndPlay(1);
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
(2)新建图像元件,在其上创建与小窗口等大的白色和背景色的矩形色块,在不同图层中各小窗口的上框和窗体依次在时间轴上载入并做形状补间Flash(如图3-9)。
辽宁警察学院高职计算机毕业设计(论文)
图3-9小窗口动态载入效果时间轴设置
(3)导航条、网页头尾的图片条以相同方式在时间轴上依次载入并做形状补间效果(如图3-10),就可以完全载入主页界面获得完整的主页框架界面。
图3-10导航条、网页头尾的图片动态载入效果时间轴设置
3.1.5进入主页时的音效设置
(1)挑选合适的音效载入库中。
(2)选择适当的音效添加到时间轴上的适当位置(如图3-11),使动态效果更具表现力。
图3-11在时间轴上添加声音效果
主页框架界面到现在已经基本上设计完成了,主页框架界面为一个独立的Flash文档,发布之后形成index.swf文件。此外,我们还要针对各个导航卡设计其对应的swf文件,各swf文件之间通过as代码连接形成一个整体,则构成了本Flash网页的主体结构,再通过as代码连接一些必要的网页就构成了一个完整
Flash网页设计
Flash网页。以下几章我将对各个导航卡所对应的.swf文件及它们所链接的网页页面的制作做进一步的详细说明。
3.2 “赏漫软件”Flash子页面设计
3.2.1“赏漫软件”目录的制作
“赏漫软件”子页面载入效果和“迷你游戏”子页面相仿不再赘述。赏漫软件目录的制作大体上与游戏目录相仿,所不同的是不需要转换和滑动,也就比游戏目录要好做多,同时目录中软件按钮的制作也和游戏目录中按钮一样,再此不在赘述目录和按钮的制作方法。我们来看一下做好的目录的大概形状样式(如图3-12),用以上做目录的经验可以轻松做好。
按钮附加动作代码: on(press){
} unloadMovieNum(3);loadMovieNum(“此处最好填所连接swf文件的相对位置”, 2);
图3-12软件目录样式
辽宁警察学院高职计算机毕业设计(论文)
3.2.2赏漫软件的图片文字介绍部分制作
该部分是以一个小的swf文件单独存在的,在点击软件按钮时会载入相应的swf文件在界面的适当位置。
接下来我们来做一下这个小swf文件,就那ACDSee图片浏览软件所对应的swf文件来说明吧。
(1)新建空白fla文件,命名.fla。将通过Photoshop设计好ACDSee软件的图片素材,载入到s2库中。并生成影片剪辑。以影片剪辑动态效果实现是通过逐帧Flash方式完成的(如图3-13至3-14)
图3-13本影片剪辑动态效果的时间轴设置
图3-14本影片剪辑动态效果
3.3 “精品动漫”Flash子页面设计
“精品动漫”Flash子页面是一个与前几个子页面略有不同的子页面,页面的设计风格与前几个页面有些许差异,不规则的背景使得页面整体显得翘起生动。(如图3-15)子页面载入动态效果及显示出动漫按钮前的动态效果在前面都有涉及不在赘述。
Flash网页设计
图3-15“精品动漫”Flash子页面
(1)新建空白fla文件,命名为index003。将通过Photoshop设计好Flash按钮图片素材,大小50*50像素,载入到index003库中。
(2)新建图形元件,将图片载入图形元件中并在图片上面覆盖一层多半透明的与图片等大的色块。(如图3-16)
图3-16图像上覆盖了透明色块的图形元件
(3)将图像元件做成按钮,按钮元件第一帧是将该图形元件透明度略调高一些(如图3-17),在第二三帧恢复正常(如图3-18)。
辽宁警察学院高职计算机毕业设计(论文)
图3-17按钮第一帧
图3-18按钮第二三帧
(4)给每个按钮附加动作代码以连接到要播放的swf文件。代码如下: on(press){
} tellTarget(“/”){ } loadMovieNum(“xinFlash9.swf”, 2);3.4 “酷站导航”Flash子页面设计
目录的制作、按钮的制作、子页面载入动态效果及显示目录时的动态效果等在前面都有涉及不在赘述。这里仅提供该子网页设计好后的最后效果。(如图3-19)
Flash网页设计
图3-19“酷站导航”子网页设计好后的效果
其中各个网页按钮附加动作的代码为: on(press){ } 其中对网页的图片展示和介绍部分同“赏漫软件”子页面中的小swf文件制作方法一致,可仿照其制作不再赘述。loadMovieNum(“需要读取的swf文件的相对url地址”, 2);3.5 “酷炫漫画”Flash子页面设计
绝大部分和“赏漫软件”子页面中的设计保持一致,只是按钮需要重新制作,右侧的图片展示部分也没太多的改变,完全可以仿照其设计制作不再赘述。再次提供该子网页设计好后的最后效果。(如图3-20)
辽宁警察学院高职计算机毕业设计(论文)
图3-20“酷炫漫画”子网页设计好后的效果
3.6 “关于作品”Flash子页面设计
本网页就只有一个文字面板,文字面板的设计和其他页面中目录的设计比较相似,都是先在图形元件中设计好其轮廓和背景,再在时间轴上通过形状、亮度、透明度改变进行形状补间最终获得文字面板(如图3-21)。再次提供该子网页设计好后的最后效果。(如图3-22)
图3-21文字面板设计在时间轴上的设置
图3-22“关于作品”子网页设计好后的效果
Flash网页设计
结论
Flash网页具有设计精美,拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征,非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主,所以比较适合做那些文字内容不太多,以平面、Flash效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网页等。
制作全Flash网页和制作Html网页类似,事先应先在纸上画出结构关系图,包括:网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期部分等等,都应在考虑范围之内。
因为本人水平有限,虽然已从很多方面进行阐述和讲解,但终究是不能十全十美的,理论与实际永远是有距离的。希望能在今后的学习和工作中能不断完善、进步!
辽宁警察学院高职计算机毕业设计(论文)
致谢
毕业设计完成之际,我由衷地感谢杨虹老师的大力帮助和支持,感谢我的同学和朋友,在我遇到各种各样复杂问题的时候,给予我鼓励和帮助,使我分析问题和解决问题能力有了很大提高
本论文是在杨虹老师的悉心指导下完成的。杨虹老师渊博的专业知识,诲人不倦的高尚师德,严以律己、宽以待人的崇高风范,朴实无华、平易近人的人格魅力对我影响深远。不仅使我树立了远大的学术目标,还使我明白了许多待人接物与为人处世的道理。所有这一切都将成为我受益终生的宝贵财富!本论文从选题到完成,每一步都是在导师的指导下完成的,倾注了导师大量的心血。在此,我向导师表示崇高的敬意和由衷的感谢!我在研究思想方法上得到了启发,并且在工作中采用他们的部分研究成果与资料。尽管与他们为我付出的一切相比,所有的语言都显得苍白无力,但我仍要真诚地说声:谢谢!感谢三年来各位老师和同学对我学习、生活的关心和帮助。在论文即将完成之际,我的心情久久无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给予了我无言的帮助,在这里请接受我诚挚的谢意!
最后感谢我的母校—辽宁警察学院三年来对我的栽培。毕业设计完成之际,我由衷地感谢论文指导老师的大力帮助和支持,感谢热心的同学与朋友,在我遇到种各样复杂问题的时候,给予我鼓励和帮助。
Flash网页设计
参考文献
[1]向玫玫,林强,马杰,薛雅娟,王亚冰,范文南.Flash设计(21世纪全国普通高等院校美术艺术设计专业十二五精品课程规划教材),辽宁美术出版社,2014.04.[2]李锡泽,王喆.《Flash动画网页设计》,武汉大学出版社,2015年.[3]刘欢.《Flash ActionScript 3.0交互设计200例》,人民邮电出版社,2015.05.[4]刘斌.基于Flash的课件制作与应用[J],科技广场,2012(7).P102-P103.[5]莫仲心.浅谈Flash动画在网页设计中的应用[J].信息通信.2012(1).P135-P136.22
第三篇:《网页制作:Flash动画制作》课程设计具体要求
《网页制作:Flash动画制作》课程设计具体要求
一、Flash动画设计作品设计题目
1、见“题目1”。
2、见“题目2”。
上述题目任选其一,这两个题目的素材均已给出,考生须按照所给素材及“考试说明”中的操作步骤完成设计作品,完成的最终.swf作品形式可参考“题目1”或“题目2”中的相关实例。
二、Flash作品参考实例
可以参考题目1或题目2的“考试说明”文件或《网页制作:Flash动画制作》课件中的“单元九 综合实例”中的“任务1时装广告动画”、“任务2精品购物网站”。
三、Flash动画设计需要提交的文档及要求
1、所制作完成的作品.swf格式及作品对应的源文件.fla格式。
2、课程设计报告(报告附录部分为所使用的全部素材的截图),字数为800~1000字,写作模版参见“课程设计报告写作模板”。
3、所提交的作品(含源文件及最终作品)和设计报告应放在一个压缩包内,命名规则为:姓名+Flash动画设计稿件,如吴名Flash动画设计稿件。稿件大小应控制在10M以内。
4、作品的命名规则为:姓名+作品主题,如吴名题目1。
第四篇:FLASH动画教学设计
篇一:《制作flash动画》教学设计
《制作flash动画》教学设计 [教材分析] [教学目标分析] 1.知识目标
⑴启动并认识flash8的操作界面;
⑵初步理解动画制作中的基本概念,并尝试制作简单的flash动画。2.能力目标
⑴学会使用flash工具箱绘制动画的基本元素;
⑵培养学生自主探索、团队合作的意识。3.情感目标
⑴让学生通过欣赏优秀作品,激发良好的创作欲望和学生学习计算机的浓厚兴趣; ⑵通过对动画结构及层次的分析,培养学生从整体到局部,再到整体的系统认识事物的习惯和能力。[教学重难点分析] 重点:动画角色移动的制作方法。
难点:界面的理解与认识;对帧的初步理解。[教学方法分析] 任务驱动教学法:上课之前先让学生知道本节课的知识任务是制作一个小球从高处落下,着地后再反弹回去的flash动画。
演示法:给学生演示本节课的知识要点。[学生分析] 本节课的学习对象是初二学生,这些学生一般都接触过网络,对flash动画不是很陌生,但是对这些动画是如何制作出来的有很大的神秘感,所以学习起来会有很大的兴趣。另外我校学生在小学阶段的学习中已经掌握了画图软件的使用方法,所以在学习flash图形绘制工具的时候不用讲得太多,学生就可以初步掌握这些软件的使用方法。[教学设计思路] 本教学设计是以制作模拟游戏“打地鼠”和制作模拟运动“撞球”flash动画作为任务,让学生体验flash动画制作的一般步骤,初步理解flash动画制作中的一些基本概念,学会创建和调用图形元件,尝试制作简单的补间动画。通过对制作过程的了解,让学生消除动画制作的神秘感,激发学生学习flash动画制作的求知欲。[教学过程]
一、导入
欣赏两段经典flash动画:⑴简单爱mv⑵小小系列武打动画。[设计意图]第一段动画让学生欣赏丰富多彩的动画画面,让学生体会动画所带来的乐趣,激发他们的创作欲望,第二段动画则点燃学生创作的热情,调动他们的兴趣。
二、新授
⑴启动flash8软件。
在学习flash软件之前介绍什么是动画,并说明动画的基本单位是“帧”,而不是人们常用的“分”、“秒”等。⑵介绍flash界面
通过角色类比导出元件、库、场景、时间轴等概念。1.时间轴
包括“时间线”和“图层控制区”两部分。“时间线”可以显示动画中各帧的排列顺序。此对象好比是电影拍摄中所使用的剧本,“帧”则就可以看作是各个分镜头。2.舞台
此对象好比电影中的舞台一样,在“舞台”外面的内容是无法看到的,所以在制作动画过程中把握好对象的进出。3.工具栏
和我们之前学过的画图板有很多类似的地方,主要是用来绘制和修改动画中的对象。4.其它工具面板
这些对象就像我们拍电影时的美工一样,对动画过程中的对象进行修饰与美化。(表1)[设计意图]简单介绍“帧”的概念,让学生初步的了解,由于学生第一次接触flash,不讲述太多的理论内容,所以简单地交代一下界面。类比生活中的概念,有助于学生接受flash软件中遇到的概念,便于更深入的学习。
⑶动画的制作过程
师:语文课上我们写记叙文六要素是什么? 生:时间、地点、人物、事情的起因经过结果。
师:其实flash动画和它很类似,下面我们就一起来学习简单动画的制作方法。步骤: 1.选择“插入”菜单下新建元件->绘制小球并设置相关属性;
2.回到“主场景”打开“库”面板,将库中小球元件拖入主场景中第一帧; 3.在时间轴30帧即停止帧处插入“关键帧”;
4.将当前帧中将小球元件移动到场景右侧目标位置; 5.在时间轴第1帧处创建补间动画; 6.最后测试动画。
[设计意图]通过与语文中记叙文类比进行引导,拓展学生的想象空间,同时也有助于学生理解动画制作过程的概念。
⑷布置任务
基础任务:制作一个小球,要求小球从舞台左侧移动到屏幕右侧。
提高任务:制作一个小球,要求小球从舞台左侧移动到右侧,然后反弹回左侧。[设计意图]以学生为中心,分层教学,对于基础差的学生只要求完成“基础任务”,基础较好的同学可以在完成“基础任务”的基础上继续完成“提高任务”,加强学生对场景、时间轴、帧、关键帧的印象。
⑸总结学生在制作动画过程遇见的问题(见课件)。
⑹思考:如果移动的元件是一个人,结果会是怎样?
补充任务:1.制作一轮缓缓移动的明月。
2.制作两片移动的云彩相向而动,形成薄云绕明月的怡人景象。3.根据所学知识自行设计一个动画。
[设计意图]让学生自主探索学习flash动画,开发他们的想象力与创造力,拓展学生的知识面。
⑺自由练习。
⑻展示学生作品。
[设计意图]给学生展示一部分优秀的作品,可以让大家体会到自己完成一个动画作品的成就感,也容易使学生有激情进一步学习动画,从而创作出更多的作品。篇二:flash简单动画制作教案 flash简单动画制作教案
陈英
一、教学目标:
了解计算机动画制作原理和方法,掌握几种简单动画的制作
二、教学对象: 09级学生
三、本此课程主要内容
1、flash工作界面及基本操作及概念简要介绍
2、实例讲解
四、教学重点:
1、计算机动画的分类;关键帧、空白关键帧的概念;
2、简单对象的移动、变形动画的制作方法
五、教学难点:
引导层的制作
六、教学手段:
演示讲授法,边演示边操作,学生同步跟随学习。
七、教学方法:
实例讲解法。即通过一个flash实例,讲解其所涉及到的概念与基本技术,激励学生学习的兴趣。
八、教学主要内容讲解:
(一)、导入:
首先播放一段flash动画,该动画包含了本节课所要学习的主要操作内容——对象的移动及变形;引导学生了解flash动画,并激发其学习flash动画制作的激情。
(二)、基本概念讲解:
1、元件:一个位图、矢量图形、音乐片断或是一段独立的flash动画(好比是演员),通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用,减小了flash的体积便于传输,也减小了flash制作者的工作量。元件都被放置在库中,使用时只用将其拖放到场景中即可,在场景中只能对其位置和形状进行编辑,如果要对元件进行编辑,需要切换到元件编辑状态。元件分为:图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件,电影剪辑是flash小片段,按钮就是具有一定图形功能的按钮图形了。
库:存放动画元件的地方(好比是一场戏的后台)
2、场景:动画的表现场所(好比是舞台)
3、时间轴:动画制作的最重要的区域,是编辑动画的工作台,是加工动画的流水线,包括了层编辑区、帧编辑区和时间线。(好比是剧本)
我们要制作一个动画,就好比是在导演一出戏,需要找好演员(制作好元件),置于后台(放在库里),然后把演员放在舞台上(把元件放在场景上),让演员照着剧本演出(在时间线上设置开始、结束时的状态,生成动画)。
4、帧:就是时间轴上的小格子,一帧其实就是一幅图,是构成动画的基本单位。可分为关键帧、空白关键帧和过渡帧。
5、关键帧:是动画演示的基础,可以放入各种对象~声音、图片、按钮、视频等等,所有这些都只能放置到关键帧上,如果没有关键帧,就没有动画。两个关键帧之间可以做补间动画,这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表示。
6、空白关键帧:这个关键帧在场景上什么都没有(不包括声音和代码),用含有空心圆圈的方格表示;如果加入对象后自动变为关键帧。
两个关键帧之间带粉红色有长线箭头标志的帧:渐变动画~也叫补间动画,能让一个物体在这段帧之间作出来,渐变移动的效果(可以改变透明度等等)。
两个关键帧之间带绿色有长线箭头标志的帧:形变动画~第一帧的动画到最后一帧的时候可以变化出另外一种图形、形状。
(三)、基本操作讲解
1、移动动画的制作
“插入”菜单栏à“新建元件”à设置名称”c1”,行为”图形”,点“确定”à点“工具”面板里的“椭圆工具”à设置“椭圆工具”的相关属性(包括笔触颜色、粗细、样式及填充颜色)à绘制椭圆(如果要绘制圆,请按住“shift”)à点击“场景1”,回到场景里à点击“窗口”菜单栏,选择“库”(可看到“库”窗口被打开,刚才建立的c1元件在库里)à点击“时间轴”里的第1帧,把“库”里的c1拖到场景的左边à点击“时间轴”里的第20帧,点击右键,选择“插入关键帧”(可在时间轴上看到第20帧处有“·”)à把刚才的对象从左边拖到右边à在时间轴第20帧以前的任意一帧点击左键,在属性面板里的“补间”后的下拉列表里选择“动作”,即可看到从第1帧到第20帧的时间轴背景为粉红色并有一条带箭头的实线à回车,欣赏刚才制作好的动画。
2、关键帧动画:先行设计出若干关键性动作的图像画面,然后利用计算机图形技术的算法来自动生成两个关键帧之间的一系列过渡画面。flash动画主要就是运用关键帧动画技术,比如我们刚才的这个“移动动画”的制作。
3、运动路径动画:首先确定运动对象的移动轨迹,并设定在移动过程中对象需要改变的旋转方向、色彩及形状等参数,软化将整个运动过程交给计算机来完成。
4、变形动画:适合模拟形状变化频繁的任务、动物和自然现象,主要用于表现模拟自然或生活中实际的动作,或科幻电影中虚幻、夸张的动作(如电影《功夫》、《少林足球》等里面的夸张动作)。
5、物理模型动画:基于物理模型技术的三维动画制作,需要从外形、颜色、灯光、纹理、材质等多方面模拟真实物理的各种物理属性(如cctv6里《光影周刊》的虚拟主持人小龙)。
6、逐帧动画:通过一帧帧地绘制,并按先后顺序排列在时间轴上通过顺序播放达到的动画效果。
说明:
学生根据老师刚才的演示,自行练习移动动画的制作(3-5分钟)。
学生记住flash原始文件和flash影片的扩展名(分别为fla和swf)。
(四)、实例讲解——flash引导线制作雪花飘飘动画
1、新建一个flash影片。设背景为“黑色”,其他的用默认值。
2、按ctrl+f8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图1-1所示)
3、再用ctrl+f8建一个组件,类型为“影片剪辑”,命名为“前层”。
4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用“放大镜”将它放大,然后再用“比例”功能,可缩得更小)。在第80帧上“插入关键帧”,在“图层1”上用鼠标右键的“添加引导线”功能(见图1-2)。
在新增加的“引导线:图层1”的第1帧上,从“雪花”开始,画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键,选“创见动画动作”功能,见图1-3。
5、第4步是制作一片雪花,下雪不是只下一片的吧。插入图层,将第4步重复做10次。做好后的效果见图1-4。
6、把第3至5步重复做两次,不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层,看起来效果细腻一点。
按ctrl+enter就可以看到效果了。篇三:flash动画制作教案 信息技术兴趣小组活动教案
王德 亿利东方学校
第一周 flash的基本知识
教学目标:
1、熟悉flash的界面。
2、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。
3、掌握几个基本术语:图层、元件
4、记住几个快捷键
5、完成四幅绘制图案 教学重点: 应用工具画图 教学难点: 复杂遮照的创建。教学过程:
一、界面环境介绍
二、工具箱的介绍
工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏:“工具”栏、“查看”栏、“颜色”栏和“选项”栏,单击某个工具的按钮,即可激活相应的操作功能,以后把这一操作叫作使用某个工具。(1)“工具”栏:工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。(2)“查看”栏:工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。(3)“颜色”栏:工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。
(笔触颜色)按钮:用于给线着色,也叫作描绘颜色。(填充色)按钮:用于给填充着色。
(从左到右分别是:黑白、没有颜色和交换颜色)按钮:单击“黑白”按钮,可使笔触颜色和填充色恢复到默认状态(笔触颜色为黑色,填充色为白色)。在选择了椭圆或矩形工具后,“没有颜色”按钮才有效,变为,单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮,可以使笔触颜色与填充色互换。(4)“选项”栏:工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的,大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时,通常应当在选中绘图或编辑工具后,再对其属性和功能进行设置,才能顺利达到预期的效果。
三、动手用一下工具
1、使用工具制作一个“笑脸”或“哭脸”
2、渐变工具的使用:几个关键概念
颜色调板填充变形工具的使用
3、用椭圆画个画环 操作步骤:
1、用填充色画圆,并设置笔触的粗细。
2、设置边线的填充色为“七彩色”。
3、将该线形圆环转换成填充色:修改--形状--将线条为填充。
4、使用“墨水瓶”工具给圆环加边线。效果如右:
4、用多边形工具画太阳 操作步骤:
1、用多边星形工具制作太阳的外围,作以下设置:(1)将矩形工具转换成多角星形工具
(2)设置多角星形的“属性”中的“选项”
(3)设置“样式”为星形,输入星形数,及星形顶点大小(顶点越小,星形越尖)
2、设置填充色为放射性,无边线
3、开始画星形。
4、创建一个同心的圆为太阳的脸。
5、使用直线工具画眼、嘴。(注意:用选择工具调整其曲线度,利用变形工具作旋转)
四、课堂习题:自创月亮
五、课后作业
1、书本p34页的实例6:茶杯。
第二周 各类特效文字的制作
教学进度:正常 教学目标:
1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。
4、掌握位图的导入及矢量图的转换。
教学重点:
1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作
教学难点: 复杂遮照的创建。教学过程:
一、点框文字 制作步骤:
1、用文字工具输入文字
2、将文字使用“分离”或按下(ctrl+b)组合键
3、再将每个分离的文字使用“分离”,即直到文字被选中时呈现点型。
4、使用“墨水瓶”工具,设置线型为“点型”,设置线的颜色(注意务必使用与文字颜色不同的一种颜色),用鼠标单击文字
5、所有文字的边线勾勒完毕后,用选取工具选取文字内心,并删除。
二、彩虹文字 制作步骤:
1、用文字工具输入文字
2、将文字使用“分离”,(分离二次)
3、选择填充颜色,再用颜料筒单击文字即可
三、彩图文字 图片下载 制作步骤:
1、用文字工具输入文字
2、将文字使用“分离”
3、选择填充类型为“图片”,图片填充有二类
4、再用墨水瓶工具勾勒边缘
5、将边缘线条转化为填充
6、“修改”--“形状”--“柔化填充边缘”
四、雪花文字
五、补充知识:倒影字的制作
六、课后作业:制作一个图案文字
小技巧:ctrl+v与ctrl+shift+v的区别:后者是复制时保持前后位置都一样。
第三周 直线运动和变形运动
教学目标:
1、要求学生掌握直线运动和变形运动的补间。
2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。
3、掌握变形运动的特点:普通形状对象可以变形。
4、掌握影片元件的制作方法。
教学重点: 运动补间的设置;影片元件的创建。> 教学难点: 关键帧/普通帧的区别; 教学过程:
一、导入:动画制作的关键要素
1、帧——是进行flash动画制作的最基本的单位,每一个精彩的flash动画都是由很多个精心雕琢的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素材和其他多种对象。
2、关键帧——顾名思义,有关键内容的帧。用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。
3、空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。
4、普通帧——在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。
5、以上四种帧的区别
① 关键帧在时间轴上显示为实心的圆点,空白关键帧在时间轴上显示为空心的圆点,普通帧在时间轴上显示为灰色填充的小方格 ② 同一层中,在前一个关键帧的后面任一帧处插入关键帧,是复制前一个关键帧上的对象,并可对其进行编辑操作;如果插入普通帧,是延续前一个关键帧上的内容,不可对其进行编辑操作;插入空白关键帧,可清除该帧后面的延续内容,可以在空白关键帧上添加 新的实例对象。
③ 关键帧和空白关键帧上都可以添加帧动作脚本,普通帧上则不能。
6、应用中需注意的问题
① 应尽可能的节约关键帧的使用,以减小动画文件的体积;
② 尽量避免在同一帧处过多的使用关键帧,以减小动画运行的负担,使画面播放流畅。
二、基本动画
1、变形动画:要求参与动画的对象必须是形状,不得使用元件。
例如:以下动画中a-->b-->c之间、五角星——>十角形即为形状变形。操作步骤: ①设置背景色
②插入第一关键帧,并绘制一个五角形。
③在第30帧上插入空白关键帧,并绘制一个十角星形。
④利用时间轴上的“编辑多帧”工具,对齐第一、二关键帧的各自五个角。⑤在第一关键帧上设定五个“形状提示点”,修改--形状--添加形状提示点。⑥在第二关键帧上设定各提示点的对应终点位置。⑦对第一关键帧设定“形状”动画补间。思考:
2、直线运动动画:任何对象都可以设置直线动画,只需二个关键帧 例如:素材下载
3、渐变运动动画
① 淡入、淡出动画:使用实例才能完成此项动画,一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。
一般淡入淡出式动画是用二个关键帧完成,第一关键帧为全透明(100%)或部分透明,第二关键帧透明度为0。
②闪烁动画:一般用三个关键帧完成,即从淡入到淡出的过程,即全透明--不透明--全透明的设置过程。
例如:以下例子中星星,就是用影片元件来完成的。
4、旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。
例如:拖影文字(课后完成)操作步骤:
①建立文字元件,拖到舞台
②创建第一图层,设定第一、二关键帧(同帧),并设制“动画”补间,旋转为1次。
②创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。
三、总结巩固:
1、图形元件的制作
2、图形元件的应用: ①实例:元件调入到场景后,就叫实例,实例可以取名,以后便于以后写代码(编程)时调用。②对元件的编辑: ③对实例的编辑:与元件编辑最大区别在于对元件本身不修改,主要的编辑方法有改变色调、透明度等。
第五篇:项目教学法在中职Flash动画制作课程中的应用
项目教学法在中职Flash动画制作课程中的应
用
项目教学法是在建构主义指导下,以实际项目为对象,先由教师对项目进行分解,并作适当示范,然后让学生分组,围绕项目进行讨论、协作学习,最后以共同完成项目的情况来评价学生是否达到教学目标的一种教学方法。本人在项目教学法的指导下,结合技能大赛和培养实用型人才,将Flash动画的具体教学过程分为以下几步。
1.基于项目教学法的项目的选择和优化
根据省级技能标准对Flash课程的要求,将Flash动画制作分为若干个教学项目,每个项目由项目名称、教学任务、教学模块等组成。例如用Flash制作动画短片的教学项目,本人在实际教学中,就把这个项目具体划分为五大模块(见表1)。
2.基于项目教学法的项目的实施
项目教学法的计划由教师设计,但是学生应该是实施项目的主体,教师在项目实施的过程中是一个指导者和帮助者。由项目课题组教师带领学生开展项目活动,指导学生完成各项项目作业。如动画短片项目的实施过程
①创设情境,设计项目。
第 1 页
教师可以先向全体学生展示一组精彩的Flash动画短片,激发学生的学习兴趣,从而引出教学任务,并引导学生设计相关项目。
②确定项目,分组分工。
确定了某个项目后,为了充分调动学生学习的积极性,可要求学生按照自己的兴趣爱好,自由组合成不同的学习小组,学习小组每组5~8人,确定组长人选及小组成员的角色分配,明确分工,各负其责。
③收集素材,探究协作。
收集素材是动画制作的基本要求,也是学生应该具备的基本技能。当素材收集完成后,每个小组把收集到的素材在小组内进行交流汇总,通过讨论确定作品制作的具体方案。
④完成项目,展示成果。
每个小组在项目完成后进行自我展示,采用这一方法,既能提高学生的专业知识能力和语言能力,又能增强学生的自我成就感。
3.基于项目教学法的项目评价
在职业活动为导向的教学模式下,教学评价方式也发生巨大的变化,考核是通过学生自评、小组评分和教师评分形
第 2 页 成交叉评价体系,让学生在做项目中学习,在学习中做项目,加深对专业的理解,培养学生的综合能力。例如动画短片的教学项目中,对评价内容进行了具体设置(见表2)。
在实施完成项目以后,教师和学生要对项目的完成情况进行反思和总结。分析项目的重点和完成的过程,梳理知识点,增强自己的职业技能。
实践证明,项目教学法在Flash动画制作课程中发挥了它的优势,取得了很好的效果,极大地提高了学生的学习兴趣,提升了对知识的掌握及灵活运用能力,加强了学生的小组合作意识,使学生从“要我学”变成“我要学”,增强了学生的学习能力及创造能力。
第 3 页