FLASH 触摸灯效果教材
音画欣赏
FLASH 触摸灯效果教材
一、 准备素材
从网络中下载一张家居图片,一个GIF的跳舞动画、一首“家是温柔的港湾”歌曲。
二、 文档设置(2.0语句)
背景黑色,其它默认。
三、 导入素材
将素材导入到库内,并将图片与音乐按照以前讲过的方法进行处理。
四、 制作元件
1、 制作图片元件
插入新建元件,类型:图形,名称:图,点确定。
将家居的图片拉入场景,全居中。点修改,分离,将图片上的文字删除,全居中。
2、 制作音乐元件
插入新建元件,类型:影片剪辑,名称:音乐。点确定。
将音乐拉入场景,在3370帧插入帧。
五、 组装场景
暗图图层:
将图元件拉入场景,全居中。宽高解锁,改宽为550,高为400,全居中,然后打开属性面板上的颜色、高级,按照图示进行设置。第三帧插入帧,图层上锁。
图1:
亮图图层:
在第二帧插入空白关键帧,将图元件拉入场景,全居中。宽高解锁,改宽为550,高为400,全居中。
在第三帧插入关键帧,将GIF动画拉入场景,宽高解锁,改宽为60,高为50,移动到电视屏幕上,图层上锁。
按钮图层:
选择矩形工具,笔触禁止,在场景内画一个宽为50,高为35的矩形,覆盖在灯的上面,然后将这个矩形元件转换为按钮1。
双击库内的按钮1元件,将第一帧移动到第四帧上。
返回到主场景,点选按钮1,在动作面板内输入以下语句:
on (rollOver)
{
gotoAndPlay(2);
}
on (rollOut)
{
gotoAndStop(1);
}
在第二帧插入空白关键帧,选择矩形工具,笔触禁止,在场景内画一个宽为60,高为50的矩形,覆盖在电视机屏幕的上面,然后将这个矩形元件转换为按钮2。
双击库内的按钮2元件,将第一帧移动到第四帧上。
返回到主场景,点选按钮2,在动作面板内输入以下语句:
on (rollOver)
{
gotoAndPlay(3);
}
on (rollOut)
{
gotoAndStop(1);
}
第三帧插入帧,图层上锁。
音乐图层:
在第二帧插入空白关键帧,将库内的音乐元件拉入场景,任意摆放,第三帧插入帧,图层上锁。
AS图层:
打开动作面板,输入停止语句,如何复制这一帧,粘贴到第二和第三帧上,图层上锁。
标题与签名图层:
选择文本工具,颜色代码为999999,字体为黑体,大小为50,在场景内输入“触摸灯效果”,复制第一帧,粘贴到第二帧上,然后点修改、分离1次,按照图示改变颜色。
图2:
接着在右下角做好签名,第三帧插入帧,图层上锁。
最后将背景颜色设置为黑色。
点保存,控制,测试!
移动鼠标到灯上,房间变亮了,音乐开始了。移动到电视机上,电视机开启,跳舞动画出现了,移开电视机后,动画和音乐停止,返回到初始状态了。
文章评论