用Flash制作时钟 2008-03-29 15:55:08| 分类: 教程学习|举报|字号 订阅 | | 制作时钟的基本方案: | 一,时钟的基本组成: | 1,时针. | 2,分针. | 3,秒针. | 4,AS脚本. | 5,表盘(刻度,数字). | 6,三针交叉点遮盖. | 二,制作五个元件,在元件里编辑: | 1,制作时针 | 2,制作分针 | 3,制作秒针 | 4,制作表盘 | 5,制作三针交叉遮盖. | 三,在场景的舞台里加6层,在舞台里编辑(顺序:从下向上数): | 1,第一层AS | 2,第二层表盘 | 3,第三层时针 | 4,第四层分针 | 5,第五层秒针 | 6,第六层交叉遮盖 | 下面分别详细叙述制作过程: | 打开FlashMX,看文字菜单行下侧是否有"快捷工具",如果没有,点<窗口><工具拦>勾选<主要拦>,备以后使用.以下有使用这里的<对齐工具>,第一次使用<对齐工具>需要把<相对于舞台>下方的按钮压下去! | 1,时针制作过程: | 直接点文字菜单的<插入><新建元件>,<名称>写"时针",<行为>选<影片剪辑>. | 在编辑区里,用左侧<工具>的<矩形工具>绘制无边黑色"长方形",打开属性面板. | 选工具里的<黑箭头>,压住鼠标套住"长方形"后松手,属性里出现宽高.将宽设置为6,高设置70. | 使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)6(底对齐). | 元件制作完,不用保存,自然进入库里,想修改元件,必须先打开库,对准库里元件名右击,点<编辑>. | 2,分针制作过程: | 直接点文字菜单的<插入><新建元件>,<名称>写"分针",<行为>选<影片剪辑>. | 在编辑区里,用左侧<工具>的<矩形工具>绘制无边黑色"长方形",打开属性面板. | 选工具里的<黑箭头>,压住鼠标套住"长方形"后松手,属性里出现宽高.将宽设置为6,高设置85. | 使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)6(底对齐). | 3,秒针制作过程: | 直接点文字菜单的<插入><新建元件>,<名称>写"秒针",<行为>选<影片剪辑>. | 在编辑区里,用左侧<工具>的<矩形工具>绘制无边红色"长方形",打开属性面板. | 选工具里的<黑箭头>,压住鼠标套住"长方形"后松手,属性里出现宽高.将宽设置为2,高设置120.Y值设置-100. | 使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)6(底对齐). | 4,表盘制作过程: | 直接点文字菜单的<插入><新建元件>,<名称>写"表盘",<行为>选<影片剪辑>. | 在编辑区里,用左侧<工具>的<橢圆工具>绘制无边淡灰"圆形",打开属性面板. | 选工具里的<黑箭头>,压住鼠标套住"圆形"后松手,属性里出现宽高.将宽设置为210,高设置210. | 使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)5(垂直中齐). | 5,刻度制作过程: | 继续在表盘制作里,加上第二层,在上,下,左,右,用<线条工具>绘制四个短线条,线条宽度设为1,长度设为10-20 | 先制作一个,制作完成后,压住鼠标套住"短线条"后松手,对准短线条右击点<复制>(有的叫拷贝),在其他位置右 击点粘贴,得到相同的短线条,布置到上下位置. | 再在其他位置点粘贴,又得到一个相同的短线条,压住鼠标套住"短线条"后松手,点<修改><变形><顺时针旋转90> | 对准横的短线条,右击复制再粘贴一个横的短线条,布置在左右. | 6,数字制作过程: | 继续在表盘制作里,加上第三层,(锁住其他层),用工具中的<A>字母,在编辑区写上"12",回到工具的黑箭头后, 再点工具中的<A>字母,在编辑区写上"3",这样重复操作,再写上"6""9".摆放到适当位置. | (也可以不要12.3.6,9.写上:1,2,4,5,7,8,10,11更艺术点,这不是固定的,看你艺术水平了) | 7,三针交叉点遮盖制作过程: | 三针交叉点露出来不好看,需要装修遮盖.以下同制作表盘一样,只差圆的直径尺寸. | 直接点文字菜单的<插入><新建元件>,<名称>写"三针交叉遮盖",<行为>选<影片剪辑>. | 在编辑区里,用左侧<工具>的<橢圆工具>绘制无边黑色"圆形",打开属性面板. | 选工具里的<黑箭头>,压住鼠标套住"圆形"后松手,属性里出现宽高.将宽设置为12,高设置12. | 使用<主要拦>里的<对齐工具>第一行,用2(水平中齐)5(垂直中齐). | | 到此为止,元件制作完毕.以下回到"场景编辑" | | 1,场景属性设置(或是说:文档属性):点<修改><文档>,宽:218,高:218.其他暂不变. | 2,增加层,共6层,每层只一帧就可以.顺序由下向上,第一层层名:AS,第二层层名:表盘,第三层层名:时针,第四层层名:分针,第五层层名:秒针,第六层层名:交叉遮盖. | 3,AS层:对准第一帧,打开<动作-帧>面板,复制以下AS代码,粘贴在里面: | _root.onEnterFrame = function() { myDate = new Date(); hour._rotation = myDate.getHours()*30+(myDate.getMinutes()/2); min._rotation = myDate.getMinutes()*6+(myDate.getSeconds()/10); sec._rotation = myDate.getSeconds()*6; }; | 4,表盘层:打开库(按F11),点表盘层第一帧,把库中表盘元件拉到舞台,点对齐工具第一行的:2和5. | 5,时针层:点时针层第一帧,把库中时针元件拉到舞台,再打开属性面板,用XY坐标对位置.X=106,Y=39.实例名称:hour | 6,分针层:点分针层第一帧,把库中分针元件拉到舞台,再打开属性面板,用XY坐标对位置.X=106,Y=24.实例名称:min | 7,秒针层:点秒针层第一帧,把库中秒针元件拉到舞台,再打开属性面板,用XY坐标对位置.X=108,Y=9.实例名称:sec | 8,交叉遮盖层:打开库(按F11),点交叉遮盖层第一帧,把库中三针交叉遮盖元件拉到舞台,点对齐工具第一行的:2和5. | | 到此为止,全部完成,点<控制><测试影片>,看到问题关闭<测试>窗口,调整,再<测试影片>,满意为止. 戛戛QQ:547939806 Email wrx-123123@163.com 要想看更多的动画制作,请朋友到我的博客http://wrx-123123.blog.163.com/ . |
|