FLASH实例教程校本教材.docx
- 文档编号:23986512
- 上传时间:2023-05-23
- 格式:DOCX
- 页数:20
- 大小:505.35KB
FLASH实例教程校本教材.docx
《FLASH实例教程校本教材.docx》由会员分享,可在线阅读,更多相关《FLASH实例教程校本教材.docx(20页珍藏版)》请在冰豆网上搜索。
FLASH实例教程校本教材
FLASH实例篇
字母飘散效果
启动Flash软件,用文本工具输入Iloveyou,在属性栏选择文本类型为静态文本并调整字母之间的距离,如图13-1所示。
图13-1
执行【修改】菜单下的【分解组件】命令将字母拆散,如图13-2所示。
图13-2
再次执行【修改】菜单下的【分解组件】命令将每个字母打散,如图13-3所示。
图13-3
母分散到到不同的图层上,当然我们这里不需要一层一层地新建,执行【修改】菜单下的【分配到层】命令,如图13-4命令。
图13-4
这时我们看到已经已经新建了许多图层并将图层1上面的字母取出来放在了不同的层上面,此时图层1已经成为空白。
选择图层1后点击鼠标右键,在弹出的菜单中将它删除或者直接点击图13-4所示的垃圾桶工具来删除。
将每个图层上的字母都转换成图形元件并在25帧处分别插入关键帧,如图13-5所示。
图13-5
分别调整最后一帧图形元件的位置并创建动画,创建动画时将个别字母在移动过程中让它旋转(在属性栏设置),如图13-6所示。
图13-6
预览一下我们看到文字像氢气球般飘散走了。
说明:
我们第一次执行“分解组件”命令的作用是将字母拆散开,第二次执行“分解组件”的作用是将每个字母由文字状态变成形状。
因为如果我们使用了特殊字体(比如我们自己安装的字体),而其它电脑没有安装这种字体的话就会被宋体或其它字体所替代,所以为了保证每台电脑都能正常显示出我们需要效果的话,就必须将文字打散使其以形状的方式显示。
如果使用的是宋体等常用字体的话就不需要这样做,因为每个系统在安装时都带有常用字体。
文字摆动出现效果
用和第一节一样的方法我们再来制作一种文字摆动出现效果。
启动Flash软件,和上一节步骤一样,用文本工具输入FLASH,执行一次“分解组件”命令(当然再执行一次将它彻底打散也可以),把它们分配到每个层后将每个字母都转换成图形元件,如图13-7所示。
图13-7
在F层第10帧处和第15帧处插入关键帧,如图13-8所示。
图13-8
调整第1帧F的位置并让它完全透明,如图13-9所示。
图13-9
调整第2帧F的位置,把不透明度设置为80%,如图13-10所示。
图13-10
分别在1到10帧之间和10到15帧之间创建动画,如图13-11所示。
图13-11
用相同的方法把剩下的几个字母做完,如图13-12所示。
图13-12
可以事先预览一下,此时看到文字是同时出现的,我们想要的效果是让前一个字母在完全出现之前下一个字母开始出现,也就是说让它们出现的顺序发生错位。
用鼠标拖动的方法将L层上所有帧都选中后松开鼠标,然后用鼠标按住整体向后移动使它与前面一层发生5帧的错位,如图13-13所示。
图13-13
同样的方法做完下面三层,如图13-14所示。
图13-14
此时我们预览一下我们就会发现一个问题,还没有等到后面的字母出现完前面已经出现的字母就先后消失了。
为了解决这个问题,我们插入能够延续画面停留时间的帧,这样每个字母出现之后就会等到最后一个字母的出现,如图13-15所示。
图13-15
此时就做好了,预览一下看看。
点击编辑元件按钮修改字母的颜色,如图13-16所示。
图13-16
鼠标幻影
下面我们来做一种当鼠标在画面上移动时会有幻影文字效果。
启动Flash软件,将图层1命名为“背景”并导入一张图片,如图a-1所示。
图a-1
执行【插入】|【新建元件】命令新建一影片剪辑,命名为“幻影字体”,点击“确定”后在第2帧处插入空白关键帧并用文本工具输入“ying”,如图a-2所示
图a-2
把输入的文本转换成图形元件,在第13帧处插入关键帧,如图a-3所示。
图a-3
用缩放工具将图形元件调大并在属性栏将其不透明度设置为0,然后创建动画如图a-4所示。
图a-4
执行【插入】|【新建元件】命令新建一按钮,命名为“鼠标划过”,用矩形工具绘制一无边框的矩形,如图a-5所示。
图a-5
在反映区插入关键帧,如图a-6所示。
图a-6
编辑“幻影字体”影片剪辑,点击一下如图a-7所示的“绘图纸外观”按钮使第2帧内容显示出来。
图a-7
打开库,把“鼠标划过”按钮拖放到第1帧并调整其大小使它和第2帧的图形元件大小相当,如图a-8所示。
图a-8
按F9打开动作面板,给第1帧添加stop动作,然后给按钮添加on动作并修改事件如图a-9所示。
图a-9
接着再给按钮添加goto语句并调整相应参数,如图a-10所示。
图a-10
回到场景,新建一图层命名为“幻影文字”,把“幻影字体”影片剪辑从库中拖放到场景中,如图a-11所示。
图a-11
然后按住Ctrl键用鼠标拖的方式把该影片剪辑复制一份使其变成两个,然后使用相同的方法复制两个成四个,依次类推布满整个画面,如图a-12所示。
图a-12
编辑按钮,将按钮第1帧内容清空,如图a-13所示。
图a-13
好了,回到场景预览一下,把鼠标放上去移动一下看看效果如何。
回顾一下整个过程,一共有三个层,背景层上面只有一张照片,幻影文字层放的是我们制作的影片剪辑,该影片剪辑第1帧是按钮,2到13帧是文字由变大并消失的效果,给按钮添加了当鼠标从按钮上划过时就会转到第2帧并从第2帧开始播放这样一个动作。
整个场景就布满了这样的影片剪辑,由于我们后来删除了按钮的UP状态,所以预览时在场景也就看不到影片剪辑的颜色(按钮UP状态的颜色)。
背景音乐层我们放置了一带有音乐的影片剪辑。
说明:
通常情况下,Flash在舞台中一次显示动画序列的一个帧。
为了帮助您定位和编辑逐帧动画,您可以在舞台中一次查看两个或多个帧。
播放头下面的帧用全彩色显示,但是其余的帧是暗淡的(如“ying元件”),看起来就好像每个帧是画在一张半透明的绘图纸上,而且这些绘图纸相互层叠在一起。
无法编辑暗淡的帧。
水波扩散效果
当我们在欣赏Flash动画时有时会看到一滴水滴进水里后会有水波向四周扩散,这常常令我们羡慕不已。
下面我们就一起来制作水波扩散效果。
启动Flash软件,执行【插入】菜单下的【新建元件】命令,在打开的窗口中命名为“水波”并选择影片剪辑,然后用椭圆工具绘制一没有填充的椭圆,粗细为2,如图b-1所示。
图b-1
用鼠标选中椭圆,后按住Ctrl键的同时用鼠标拖动选中状态的椭圆将其复制一份并用缩放工具调整其大小,如图b-2所示。
图b-2
同样的办法多做几个,如图b-3所示。
图b-3
将所有椭圆一起选中(可以用Ctrl+A),执行【修改】下面的【外形】下的【转换行成填充】命令,接着按F8把它转换成图形元件,在30帧处插入关键帧,并用缩放工具将它调大,在调整时最好使用工具箱下的比例缩放按钮
,在1到25帧之间创建动画,如图b-4所示。
图b-4
回到场景,将图层一命名为“背景”,点击属性栏上的影片属性按钮,如图b-5所示。
图b-5
在打开的窗口中输入设置场景宽为350px,高为220px,如图b-6所示。
图b-6
点击“确定”按钮后后导入一张图片,如图b-7所示。
图b-7
新建一图层命名为“图片”,拷贝背景层的第1帧粘贴到图片层的第1帧,如图b-8所示。
图b-8
然后再新建一图层,命名为“水波”,打开库将影片剪辑“水波”拖到场景中,如图b-9所示。
图b-9
让水波层遮罩图片层,如图b-10所示。
图b-10
此时预览一下,我们发现并没有看到我们所期望的水波效果。
不要着急,鼠标选中背景层的图片,用方向键控制其向右和向下分别移动2个像素(按一下方向键移动的就是1个像素)。
到此为止就做好了,再次预览就可以看到水波效果了。
源文件的位置:
光盘\源文件\水波扩散.fla
我们现在来分析一下产生这种效果的原因。
一共有三个层,下面两层完全一样,因为我们当时是拷贝背景层的帧粘贴到图片层的,水波层放的是影片剪辑。
水波层和图片层经过遮罩后所产生的效果是和绘制的几个椭圆一样,不过它们是图片层上的图片,由于影片剪辑在不断扩大,因而遮罩所产生的图片层上的椭圆(以下简称“图片椭圆”)也在不断扩大,如果你将背景层删除就可以预览到这种效果,图片构成的这种不断扩大的椭圆不管怎么扩大到哪里都有背景层在恰好衬托着(因为图片层和背景层上的图片位置完全一样),所以此时你并看不到效果。
当我们让背景层和图片层上的图片发生错位后,背景上的图片与遮罩产生并不断扩大的图片椭圆就不再那么吻合了,随着图片椭圆的不断扩大,我们就看到了因发生错位而产生的偏差在不断扩大,这就是我们视觉上感觉到的水波。
说明:
1.绘制的椭圆必须转换成填充。
2.我们看到的水波并不是绘制的椭圆而是遮罩产生的不断扩大的图片椭圆和背景层上的图片发生错位而产生的。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FLASH 实例教程 校本 教材