黑金侠

侠之大者,为生为活。

Posts Tagged ‘flash’

给博客加个时钟(三)之代码添加

第三部分,添加到自己的博客中。。
1,上传第二部分中做好的flash到网上的空间。注意,该空间一定是允许外部链接的才能有效啊!实在没有自己的空间,就上传到自己的博客空间吧。上传后,得到其地址。
2,将flash时钟添加到自己的博客中,方法很简单。
只要将以下代码,放入博客中的“自定义html代码”中即可。

http://elion.blogbus.com/files/116580.swf” mce_src=”" width=”178” height=”178” type=”application/x-shockwave-”/>

注:红色字为填入刚才得到的flash地址。
 黄色字根据自己设的flash的长宽来设置。
3,提交后,刷新自己的博客,时钟应该出来了吧。怎么样?有成就感吧?呵呵~

完~~

2007.05.20##,##

给博客加个时钟(二)之flash制作

第二部分,制作flash。(当然,这一步也可以省去。同样网上也有大量的免费flash时钟等着你。)
1,打开flash8,新建178pxX178px的文档。
2,用PS分别保存“时钟背景”,“高光”,“时针”,“分针”,“秒针”分为PNG图片。
3,回到flash,导入这些图片。并制作3个影片剪辑——hour,min,sec,分别放入时针,分针,秒针。
4,进入主场景,利用参考线找好圆心,将图层1改名“bg”。放入bg.png,并调整到适当的位置。新建一个图层,改名成“日期”。用文本工具在适当位置输入2个数字(为了容易调整位置)。将其属性改为动态文本,并设其变量为”ndat”.用于后面的动作脚本(以下简称AS)设置。
5,新建三个图层,分别改名成“时针”,“分针”,“秒针”。至下而上,分别放入影片剪辑hour,min,sec,注意要对准圆心,将注册点移至圆心,这很关键。再新建一个图层改名成highlight,并放入高光图片。并调整到适当位置。
6,新建一个图层,用于存放AS。改名action.点击第一帧,输入以下代码:
var dat=new Date();
ndat=dat.getdate();

意思是获取当前的日期。
再去找到秒针的影片剪辑,选中该剪辑,右击,选择动作,添加AS:
onClipEvent(enterFrame){
?var Time=new Date();
?_rotation = 6*Time.getSeconds();
}

同样的,再去选取分针,并添加AS:
onClipEvent(enterFrame){
?var Time=new Date();
?_rotation = 6*Time.getMinutes();
}

选取时针,并添加AS:
onClipEvent(enterFrame){
?var o_Date=new Date();
?var Hours=o_Date.getHours();
?if (Hours>12) Hours-=12;
?_rotation = Hours*30+o_Date.getMinutes()/2;
}

最后,再所有图层全部插入一帧,并将action图层的第二帧转为关键帧。
并添加AS:
gotoAndPlay(1);
7,好了,这样短短的几段代码就可以让指针动起来了。按ctrl+enter试试。应该能显示当前的时间了吧?别急,你可以试试指针的位置。将时间改成12点,6点,9点等特殊时间,看看,指针是否对准。如果不好,再微调一下位置。如果觉得没问题了,那就按shfit+F12发布flash吧。只截了一个图~看看吧。


完工~~
第三部分,添加到自己的博客中。明天再说吧。。

2007.05.18##,##

给博客加个时钟(一)之PS制作背景

看到天气雨的博客上有个时钟,感觉很醒目的。其实大二的时候,学过一段时间的flash,那时候as也学得很多,但自己的美术功底太差了。再好的技术,没有外观还是不行。于是,转而去先学PS,IL,再去玩flash。

好了,说正题。一共可以分为3个部分:

一,PS部分。做出漂亮的时钟背景。当然,如果自己不想DIY,网上到处是好看的时钟背景,我电脑上也有很多。但再好也比不上自己动手做的。我想很多人应该会赞成我的观点。:)
简单的步骤:
1.打开PS,新建文件234×234的RGB,透明。见图。


2.用参考线确定好圆心。这个以后有用。用椭圆工具画圆,加效果。改名bg1具体不多说了,有兴趣的可以下PSD源文件看吧。:)
3.新建图层,填充白色。改名bg2。按ctrl点bg1图层,得到选区,选择bg2,添加蒙版。使用滤镜毛发,绘图笔后,将填充调为36%。见图。


4.制作刻度。有点烦。用矩形工具画一长条。复制该图层,按ctrl+T,按住alt将变换点移到圆心,然后精确选择转30度。之后就是重复的复制图层,ctrl+shfit+T(再次变换)。好了之后,再用椭圆工具画个小小的圆点,重复上面的步骤,惟一的区别是将旋转的角度改成6度。删去与前面重复的刻度。将刻度编组,并将组的不透明度改为37%。见图。


5.制作指针。这个不多说了,我感觉现在的效果也不理想。关键是指针别一个一颜色,太花了感觉就不好了。见图。


6.想到还加个日期的。画个小圆,放在右下5点钟的地方。加个内阴影的效果就可以了。放上日期试试效果。;)
7修饰。加个高光效果,再加个文字~~见图。

完工~~
二,Flash部分。制作flash。明天再说吧。。。

2007.05.17##,##

1 pages
1 pages
© 2006 - 2011 黑金侠,All rights reserved.
Powered by WordPress 3.1.3