您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 广告经营 > 多媒体技术(Flash).
实用篇——Flash动画制作Flash是一种基于矢量图形的交互式多媒体技术,是矢量图编辑和动画创作专业软件,主要应用于网页设计和多媒体创作等领域,功能十分强大和独特。只要你具备一些Photoshop的基础,就可以轻松自如地用Flash制作出交互式的多媒体动画。现在的网页动画几乎成为Flash的天下一、Flash介绍实用篇——Flash动画制作是一种交互式动画设计工具(多媒体动画)采用的是矢量绘图技术,有别于以前我们常用于网络的GIF,节省了动画文件的大小(矢量图无限放大而不损坏图象质量)强调交互,就是让观众在一定程度上参与动画进行,(如Flash动画游戏)有着较强的程序功能(ActionScript)二、Flash的特点实用篇——Flash动画制作三、Flash的应用动画短片的制作(常见的多媒体光盘的片头动画简单的产品展示、Flash贺卡)交互式的商业应用(Web电子地图等网页的制作,FlashMTV等)既有动画短片,又有交互内容的综合应用(网页广告的制作,网络交互式游戏开发,教学课件的开发等)实用篇——Flash动画制作动画特点图形矢量化浏览流式化控制交互化技术共享化矢量图非矢量图://://实用篇——Flash动画制作Flash的工作环境对象、动画制作图层、组件与场景外部素材的使用输出与发布实用篇——Flash动画制作MacromediaFlash8基本环境标题栏菜单栏工具箱控制面板属性面板舞台工作区时间轴面板实用篇——Flash动画制作工具栏实用篇——Flash动画制作工具箱工具部分:包括绘画、填色、选择等查看部分:缩放和手形工具颜色部分:笔触和填充色选项部分:选定工具的辅助工具实用篇——Flash动画制作时间轴面板:用于组织和控制对象内容在一定的时间内播放的层数和帧数。层区帧状态栏时间轴标尺播放指针实用篇——Flash动画制作动作面板:可以创建和编辑对象或帧的ActionScript代码。实用篇——Flash动画制作属性面板组:包括属性、滤镜、参数。【属性】面板可以快捷地设置舞台或时间轴上当前选定对象的常用属性。【滤镜】面板是Flash8的新增功能,大大增强了设计方面的能力。【参数】面板只用于组件。实用篇——Flash动画制作颜色面板组:包括混色器和颜色样本,主要用于填充和绘制对象颜色。使用【混色器】可以创建和编辑纯色及渐变填充,调制出大量的颜色,以设置笔触、填充色和透明度等。实用篇——Flash动画制作对齐面板:包括对齐、分布、匹配大小和间隔4个选项组。信息面板:对象的大小、位置和颜色信息等。变形面板:对对象进行旋转、倾斜、大小等变形。实用篇——Flash动画制作库面板:相当于资源管理器。实用篇——Flash动画制作标尺、辅助线、网格等实用篇——Flash动画制作Flash文件操作实用篇——Flash动画制作Flash文件操作文件格式:.FLA、.SPA、.SSK.SWF(已发布的动画文件)实用篇——Flash动画制作对象制作—图形制作线条工具椭圆工具矩形工具铅笔工具钢笔工具刷子工具轮廓线填充区域墨水瓶工具颜料桶工具吸管工具只填充起始点所在封闭曲线的内部区域只填充被选择的区域成为背景,在图像的最下层只覆盖图形,不覆盖轮廓线实用篇——Flash动画制作对象制作—文本编辑静态文本动态文本可输入文本位图外观、渐变色矢量图实用篇——Flash动画制作动态文本—输入的文字相当于变量,可以工具服务器的输入不断修改和更新。常用于分布天气预报、财经信息等,也可作为结果输出框。输入文本—可编辑。实用篇——Flash动画制作对象制作—对象编辑选取擦除变形对图形渐变色进行处理和位图填充。通过选择对象的锚点对对象进行编辑、移动、变形等操作。可以选择轮廓线、填充色、文字等及多个对象的选择。只对位图(GIF、JPEG、PNG)起作用,现将位图打散(Ctrl+B)。实用篇——Flash动画制作对象的群组对象的打散对齐和排列对象的叠放对象制作—多对象编辑实用篇——Flash动画制作动画制作—基本概念逐帧动画:逐个图形画面制作渐变动画:只制作动画的首帧和尾帧时间轴关键帧帧速率实用篇——Flash动画制作动画制作—渐变动画运动渐变动画创建补间动画,对象大小、位置、旋转渐变形状渐变动画帧属性设为形状,对象形状、位置、颜色渐变复杂的形状渐变动画添加形状提示点实用篇——Flash动画制作图层、组件与场景帧序列1帧序列m帧序列nFlash图层…………场景1场景m场景nFlash动画……………………组件1A组件m组件nFlash场景…………图层1图层m图层nFlash组件…………实用篇——Flash动画制作图层、组件与场景—图层及使用实用篇——Flash动画制作图层、组件与场景—图层及使用普通图层遮罩图层被遮罩图层引导图层被引导图层实用篇——Flash动画制作图层、组件与场景—元件及实例元件实例库实用篇——Flash动画制作图层、组件与场景—场景及使用实用篇——Flash动画制作外部素材的使用实用篇——Flash动画制作外部素材的使用事件声音:声音与图像不同步流式声音:动画与声音同步文件导入导入到库实用篇——Flash动画制作输出与发布实用篇——Flash动画制作输出与发布实用篇——Flash动画制作实例制作实用篇——Flash动画制作实例制作实用篇——Flash动画制作实例制作实用篇——Flash动画制作设计钟盘第一步:设计钟面1).新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为400px*400px,背景为墨蓝色(#00659C),帧频为12fps。2).按快捷键Ctrl+F8打开“新建元件”面板,创建一个“钟盘”图形元件。双击“钟盘”元件中的“图层1”三字,将其名改为“钟盘”。这样做方便对元件的管理和修改,提高工作效率。实用篇——Flash动画制作3)点选工具栏中的“椭圆工具”并去掉填充色。按住Shift键和鼠标左键在“钟盘”元件的场景中拉出一个空心圆来。用“箭头工具”点选刚才绘制的空心圆后,设置其“属性”面板。在点选空心圆后也可以按快捷键Ctrl+I打开“信息面板”进行设置。现在“信息面板”的用处就是设置元件的原点——以场景的左顶点为原点或以场景的中心点为原点。实用篇——Flash动画制作4).按快捷键Shift+F9打开“混色器”面板,在下拉菜单里选择“放射”选项。如图4所示设置,左面滑块的颜色为#880000,右边滑块的颜色为#650101。实用篇——Flash动画制作5).点选“颜料桶工具”,在空心圆中心单击一下鼠标左键着色。6).点选刚才绘制的空心圆,按快捷键Ctrl+C(复制),和快捷键Ctrl+V(粘贴)复制出一个空心圆。紧接着在“属性面板”中将其大小设成280px*280px,X轴,Y轴的值设为-140px,线宽为2px。这样使两个空心圆的圆心重合。删除圆最外的边线。内圆线宽为2px可以显示出钟盘的层次感。实用篇——Flash动画制作7).按快捷键Ctrl+A全选场景中的元素,按快捷键Ctrl+G把它们组合。到这里,一个具有立体感的钟盘就完成了。最终效果如图5所示。实用篇——Flash动画制作第二步:设计时钟刻度1).点选“线条工具”拉出一条横线(长于钟面外圆的直径),用“箭头工具”点选它,按快捷键Ctrl+G组合它。在“属性”面板里把该横线的Y轴值设为0px(穿过圆心)。同样方法绘制一条穿过圆心的竖线,按快捷键Ctrl+G组合。实用篇——Flash动画制作2).点选横线,按快捷键Ctrl+C复制,再按快捷键Ctrl+V粘贴出一条横线。按快捷键Ctrl+T打开“变形”面板。在弹出的“变形”面板里,把“旋转”选项里将线条的角度改为30o。然后敲击Enter确定。再分别制作出角度为60o、120o、150o的三条斜线。最终设置如图6所示。实用篇——Flash动画制作3).单击“时间轴”面板里的“插入图层”图标新建一层,将层改名为“刻度”。4).点选“文本工具”,如图7所示设置“属性”面板,“文本填充色”为黑色。在“钟盘”各刻度的位置写下12个数字。点选“椭圆工具”,在钟盘的中心绘制一个直径为8px的盘心,最后删除刻度线。在整个设计中,刻度线的作用是很重要的,有了刻度线,不但操作起来方便,标出的刻度也很精确。实用篇——Flash动画制作5).按快捷键Ctrl+A全选所有刻度,按快捷键Ctrl+G将它们组合。这样,一个具有立体感的钟盘就完成了。最终效果如图8所示。实用篇——Flash动画制作设计旋转指针第三步:设计指针1)按快捷键Ctrl+F8打开“新建元件”面板,分别创建名为“时针”、“分针”、“秒针”的影片剪辑元件。指针的形状大家随便设计,美观大方即可。不过,有个技术上的问题大家一定要注意:指针在由程序控制转动后,是围绕元件场景中心“╬”旋转的。所以设计时,指针的尾部一定要“╬”上,如图9所示。实用篇——Flash动画制作第四步:旋转指针1).按快捷键Ctrl+E回到“场景1”,新建四个层,分别改名为“钟盘”、“时针”、“分针”、“秒针”。2).按快捷键Ctrl+L打开“库”面板,把库中的“钟盘”、“时针”、“分针”、“秒针”元件拖入相应的层。注意:每个元件的尾部“╬”都要附在钟面的盘心上;层的顺序不要颠倒;锁定或隐藏设计好的层,以便设计其它层。如图10所示。实用篇——Flash动画制作3).分别点选“时针”、“分针”、“秒针”三个影片元件,在“属性”面板里分别设置其实例名为“时针”、“分针”、“秒针”。如图11所示。实用篇——Flash动画制作4).新建一个“代码”层,点选该层的第1帧,按快捷键F9弹出“动作”面板,输入如下代码。(代码都书写在代码functionClockFun(){……}之间。代码设计好了,快按快捷键Ctrl+Enter测试)functionClockFun(){//声明一个名为时间对象time=newDate();//时针每小时旋转30度hour=time.getHours()*30;//分针,秒针每分钟旋转6度minute=time.getMinutes()*6;second=time.getSeconds()*6;//每过10秒分针度数加1,增加真实性minute+=time.getSeconds()/10;//每过2分钟,时针度数加1hour+=time.getMinutes()/2;//_rotation是影片的角度属性,用来控制影片实例旋转秒针._rotation=second;分针._rotation=minute;时针._rotation=hour;}//每隔1000毫秒执行一次ClockFun函数setInterval(ClockFun,1000);
本文标题:多媒体技术(Flash).
链接地址:https://www.777doc.com/doc-2503714 .html