实例预览:左图是用FLASH制作的可滚动文字公告栏,当用鼠标点右侧两角的上下键头或拖动滑块时 ,文字可随之上下移动。这样我们在较小的画面就可放较多的内容。
知识提示: 学习使用Actions 中的On MouseEvent,Tell Target,Go to Previous Frame,Go to Next Frame等命令
制作过程
步骤一、制作滚动的文字。 1.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段(Movie Clip),命名为“运动的字”,点工具栏上的文字工具(Text Tool[T]),设置好字体、文字大小及颜色,在工 作区域输入多行文字,调整好它的位置,如图1所示。
图1 输入文字
2.在第10帧点右键,从弹出的菜单中选插入关键帧(Insert Keyframe),在工作区域将文字向上垂直拖 动,距离大约为自身高度的一半,用鼠标单击第1到10帧之间的任意位置,按Ctrl+F打开Frame面板,在渐变项 (Tweening)中选移动(Motion),如图2所示。
图2 生成移动的文字
3.双击第1帧,在弹出的Frame Action对话框中双击停止(Stop),如图3所示。
图3 Frame Action对话框
4.给第10帧增加同样的动作,这时可以看到在时间轴第1和第10帧上分别出现了同一符号,象手写体的 “a",这表明当不给此电影片段发指令时,画面会停在这帧上,如图4所示。
图4 加上动作之后的关键帧
步骤二、制作滑块 1.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段(Movie Clip),命名为“滑块”,用绘图工具在工作区域画一灰色的方块,并将右边缘和底边缘加暗,如图5所示。
图5 滑块
2.在第10帧插入关键帧(Insert Keyframe),将工作区域的方块向下移动约为四个方块的距离,用鼠标 点第1到10帧之间的任意位置,按右键,在弹出的菜单中选建立移动渐变(Create Motion Tween)。分别选取第1帧和第10帧,并分别在Frame Action对话框上选停止(Stop),如图6所示。
图6 滑块动画
步骤三、制作按钮 1.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选按钮(Button)命 名为“向上”,在工作区域用绘图工具分别绘制三种状态下的按钮图形,如图7所示。
图7 向上按钮
2.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选按钮( Button),命名为“向下”,在工作区域用绘图工具分别绘制四种状态下的按钮图形,如图8所示。
图8 向下按钮
3.点选菜单栏中的插入>添加组件(Insert>New Symbol..),在出现的对话框中选按钮( Button)命名为controt,因为此按钮在合成的电影中不显示出来,所以前三帧为空,如图9所示。
图9 特殊的控制按钮
步骤四、给按钮注入动作 1.点选菜单栏中的插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段(Movie Clip),命名为“向上滚动”,从图标库(Library)中把按钮“向上”拖至工作区域,在工作区域选中按钮, 打开Instance面板,在选项(Options)下拉框中点选菜单项目形式(Track as Menu Item),这样做的目的是当鼠标按下能不断发出动作信号,如果选按钮形式(Track as Button),则 鼠标按一下就只能做出一次反应,如图10所示。
图10 选择按钮形式
在按钮上点右键,从弹出的菜单中选动作(Action),在出现的Object Action面板上双击鼠标事件(On MouseEvent),然后在对话框下方分别勾选按下(Press)拖过 (Drag Over)拖出( Drag Out)选项,如图11所示。
图11 鼠标事件复选框
双击告诉目标(Tell Target),在对话框下方的告知目标(Target)栏输入/文字,如图12所示。
图12 告诉目标
继续在菜单上双击跳至(Go To),在对话框下方的类型(Type)选项中点选上一个影格(Previous Frame),如图13所示。
图13 文字跳至上一个影格
在菜单上双击告诉目标(Tell Target),在对话框下方的告知目标(Target)栏输入/滑块,同样在菜单 上双击跳至(Go To),在对话框下方的类型(Type)选项中点选上一个影格(Previous Frame),如图14所示。
图14滑块跳至上一个影格
2.在时间轴第1帧上点右键,在弹出的菜单中选拷贝影格(Copy Frames),新增一层,在第2帧上点右键 ,在弹出的菜单中选粘贴影格(Paste Frames),即将第1帧的按钮和上面设制的动作全部复制到另一层的第2帧 上,如图15所示。
图15 向上滚动电影片段的关键帧
此步骤的主要目的是为了在最后合成的电影中,当鼠标一直按下时文字能持续滚动。
3.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段( Movie Clip),命名为“向下滚动”,从图标库(Library)中把按钮"向下"拖至工作区域,在实例 (Instance )面板的选项(Options)下拉框中点选菜单项目形式(Track as Menu Item),参见图10,然后给按钮增加动作 ,方法可参照上步骤4(1),结果如图16所示。
图16向下滚动的动作设置
4.将第1帧复制到新增层的第2帧,方法与步骤4(2)相同,如图17所示。
图17向下滚动电影片段的关键帧
步骤五、部件组合 1.点时间轴右上的Scene1切换场景,将当前层命名为“界面”,在工作区域绘制滚动界面,这里我们用导入 的一张图片如图18所示。
图18滚动界面
2.按Ctrl+B打散位图,选工具 ,再选 ,然后点图的蓝色区域,选中后,按Delete键,删除,这样挖空了中 间部分,就能使之能显示需滚动的内容,如图19所示。
图19 清空所选区域
3.新增一层取名为“控制”,从图标库(Library)中把电影片段“向上滚动”、“滑块”、“向下滚 动”拖到工作区域中,调整好大小及位置,如图20所示。
图20 增加部件
4.从图标库中拖4个名为controt的按钮,将其在“向上滚动”与“向下滚动”之间整齐排列,如图21所 示。
图21 “滑块”触发区
5.点击选中紧靠着“向上滚动”的controt,在实例(Instance )面板,在选项(Options)中点选菜单项 目形式(Track as Menu Item),参见图10,然后在Object Actions对话框将动作按如图22设置。
图22 给控制设制动作
这里我们将其语句作些对照解释:
On (Press, dragOver)
在鼠标(按下,拖过)时
tellTarget ("/滑块")
告知目标 ("/滑块")
gotoAndStop (1)
跳至并停止 在第1帧
tellTarget ("/文字")
开始告知 目标 ("/文字")
gotoAndStop (1)
跳至并停止 在第1帧
剩余的三个设置方法都一样,下面是动作对话框中最后的设置。 第2个controt动作为: on (press, dragOver) { tellTarget ("/滑块") { gotoAndStop (3); } tellTarget ("/文字") { gotoAndStop (3); } } 第3个controt动作为: on (press, dragOver) { tellTarget ("/滑块") { gotoAndStop (6); } tellTarget ("/文字") { gotoAndStop (6); } } 第4个controt动作为: actions for controt on (press, dragOver) { tellTarget ("/滑块") { gotoAndStop (10); } tellTarget ("/文字") { gotoAndStop (10); } } 这样在滚动控制区域的任何位置都能拖动“滑块”并带动文字做相应的滚动。
6.在“控制”层下增加“文字”层,从图标库(Library)中把电影片段“运动的字”拖到工作区域, 调整好大小及位置,如图23所示。
图23 加入需滚动的文字电影片断
7.如果现在测试电影,将发现按键没反应,我们还需给实例在场景中命名,按Ctrl+I调出Instance面板 ,在工作点选“运动的字”,在Instance面板的 Name栏中输入“文字”,如图24所示。
图24 给实体命名
同样在工作区域选中“滑块”,在Instance面板Name栏中输入“滑块”;选中“向上滚动”,在Name栏 中输入“向上滚动”;选中“向下滚动”,在Name栏中输入“向下滚动”。好了,现在可以按Ctrl+Enter测试 电影,看看是否一切正常。