html实现光碟转动效果,flash脚本roll应用 制作转动的光碟动画效果
这次我们利用roll语句制作:鼠标经过时光碟转动,并播放歌曲的动画。包括光碟的制作,滤镜的使用,音乐的插入,属性色彩的调整,以及roll脚本的应用。GIF图片有些失真,只看动画效果即可。
一、制作光碟
准备一张图片。flash中,文档设置与图片同比例,这样图片缩放后不会变形。
文件——导入,导入图片至舞台,对齐面板中图片与舞台匹配,高度、宽度对齐。
F8转换为图片元件。属性面板中颜色设置如图。
新建一层,取名按钮。将库中位图拖入舞台。Q键调出变形工具,将其缩小至右上角。
CTRL+B将图片打散,打散后的图片才可以进行擦除等操作。
复制一个,O键调出椭圆工具,禁用线条色,按住shift拉出一个大小合意的正圆。将其拖至复制的小图上准备作为光碟的位置。
删去正圆,将剩余部分拖至原图上,填充上纯色(如用原图片内容,与原图重合后无法单独选取。所以最初也可以直接画一个与原图一样的纯色矩形),再次选中,删除。
flash中,矢量图重合后,删除上面部分会将下面的图形一同删去,6、7步就是利用这点去除原图不用的部分,留下一个整圆。这个整圆就作为碟片。
再画一个小小的正圆,放在碟片上,重合后删去。使碟片上出现中心孔。
选中碟片,F8转换为影片剪辑。
滤镜面板中,添加投影滤镜。参数设置如图。完成光碟制作。
二、制作按钮
将音乐导入至库。新建一个影片剪辑,将音乐从库中拖入,将帧延长至音乐结尾处。
光碟选中状态,再次按F8键,将其转换为一个新的影片剪辑,取名转动的光碟。
双击该剪辑进入编辑状态。F6在第50帧插入关键帧。
回到第一帧,右键,插入补间动画。属性面板——旋转——顺时针。
新建一层,将音乐元件放入该层。
回到场景,F8转换为按钮元件。
双击进入编辑,F6第二帧插入关键帧。回到第一帧,选中元件,属性面板——交换——碟片,将转动的碟片转换为图片碟片。
打开动作面板,在其中输入on (rollOver) {this.mc.play();}on (rollOut) {this.mc.stop();}鼠标移入时,该剪辑播放;鼠标移出时,该剪辑停止。
测试效果。
教程结束,以上就是flash脚本roll应用 制作转动的光碟动画效果,操作很简单的,大家学会了吗?希望能对大家有所帮助!
html实现光碟转动效果,flash脚本roll应用 制作转动的光碟动画效果相关推荐
- android 倒水动画,MAYA粒子制作逼真的倒水动画效果
这篇教程教脚本之家的MAYA FANS们用MAYA粒子制作倒水动画,教程属于基础的MAYA粒子模块教程.难度一般.转发过来和脚本之家的朋友们一起分享.希望脚本之家的朋友们喜欢这篇教程.先来看看最终的效 ...
- 基于VB算法+Picture+Timer控件制作的39种动画效果,类似屏保(完整原程序)
基于VB算法+Picture+Timer控件制作的39种动画效果,类似屏保(完整原程序) 动画播放器程序,在WIN2003调试通过,详细请自行下载进行学习测试,程序大小13K 下载地址:http:// ...
- 纯CSS3 制作交通信号灯红绿灯动画效果
纯CSS3 制作交通信号灯红绿灯动画效果 HTML: <div class="light"><div class="red"></ ...
- jQuery 制作交通信号灯红绿灯动画效果
jQuery 制作交通信号灯红绿灯动画效果 HTML <p>好好学习 天天向上</p><div class="light"><div cl ...
- 3dmax:3dmax经典案例详细步骤图文教程之粒子阵列粒子系统制作星球爆炸特效动画效果
3dmax:3dmax经典案例详细步骤图文教程之粒子阵列粒子系统制作星球爆炸特效动画效果 目录 3dmax经典案例详细步骤图文教程之粒子阵列粒子系统制作星球爆炸特效动画效果
- 纯CSS制作3D旋转风车动画效果
效果图展示 HTML源码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"&g ...
- 基于VB算法+Picture+Timer控件制作的39种动画效果,类似屏保(完整原程序) (转)
基于VB算法+Picture+Timer控件制作的39种动画效果,类似屏保(完整原程序) (转)[@more@] 基于VB算法+Picture+Timer控件制作的39种动画效果,类似屏保(完整原程序 ...
- 纯CSS3制作卡通场景汽车动画效果
前言 今天分享一下我昨晚做的CSS3动画效果--卡通场景汽车动画.在接触CSS3动画之前,我之前实现一些简单的动画效果都是使用flash完成的.但是自从CSS3横空出世,在移动端对CSS3动画的运用越 ...
- html动画效果放大,一个CSS+jQuery实现的放大缩小动画效果
今天帮朋友写了一些代码,自己觉得写着写着,好几个版本以后,有点满意,于是就贴出来. 都是定死了的.因为需求就只有4个元素.如果是要用CSS的class来处理,那就需要用到CSS3动画了. 功能 : 在 ...
最新文章
- 在Gradle中为JPMS构建Java 6-8库
- sap bom递归_SAP软件之化工行业特点01
- 复旦大学在职MBA项目2011年度学费调整通知
- Redis——多数据库
- 获取屏幕,浏览器,网页高度宽度
- grpc通信原理_gRPC原理简析
- 浏览器检测 vs 特性检测
- ajax 上传文件实例,Ajax 之文件上传
- 抢红包插件实现原理浅析
- 【为什么电脑插上HDMI线之后,电脑没有了声音解决方案】
- Caemra名词缩写解释
- 应用排行榜第一名脸萌仅仅是刹那的烟火
- 深富策略:罕见巨额成交量背后蕴含深意
- 【win】WINDOWS10系统自带桌面整理工具
- 四川途志:看了抖音创作的规则你真的会玩抖音吗?
- SDNU-1012.区间合并
- SQL server 如何建立两个表的关系
- [Eureka集群] 在linux上部署SpringCloudEureka的集群服务端(Dalston.SR5版本)
- zzulioj1873: This offer 深搜
- 演化计算基准函数(Python版)