Flash如何制作时尚的CS4时钟走动动画效果?

更新时间:2023-03-31 11:36:19 作者:知道百科

  这篇教程向大家介绍Flash CS4制作时尚的时钟走动gif动画效果,本例主要介绍如何取得系统时间,以及如何加载[加载,汉语词语,字面意思是增加装载量。]外部的swf皮肤[皮肤,包住脊椎动物的软层,是器官之一,阻挡住外来侵入,亦保住水份,有保暖、阻隔、感觉之用。]文件[文件是现代词,是一个专有名词,指的是形成的正式文书,分为公文、文书、函件和其他文件。]

  本例思路

Flash_CS4如何制作时尚的时钟走动动画效果

  .绘制[绘制,读作huì zhì,汉语词语,是指用笔或其他绘图工具描画制作。]出背景效果,再新建[新建县位于东经115°31′分至116°25′,北纬28°21′10″至290°10′50″,县境狭长,东南到西北约22公里,西南至东北约长112公里。]几个fla文件用来存储时钟界面(必须发布swf文件),然后[然后,副词,用于顺承复句的后一分句的句首,或一段的开头,接着要干什么或接着发生另一件事:先要干这件事,~然后再干那件事。]绘制出时钟效果。

  . 编写加载皮肤的管理类,然后编写出时钟类,再加载swf皮肤文件,创建[创建指创立并建造一个新生的事物,这个事物,这一类型以前是不存在的。]出时钟对象。

  Part 1 定制皮肤

  (1)新建一个500×350像素的空白文档,然后使用“矩形工具”绘制出如图所示的斑马条纹背景。  

  技巧与提示:

  图所示是本例所创建的几个.fla文件,这几个文件专门用来存储时钟界面的皮肤,并且发布了swf文件,它们统一保存在skin文件夹内。  

  (2)下面只介绍一个皮肤文件的制作方法。新建一个Flash文件,并将其保存为01,再新建一个影片剪辑[剪辑(Film editing),即将影片制作中所拍摄的大量素材,经过选择、取舍、分解与组接,最终完成一个连贯流畅、含义明确、主题鲜明并有艺术感染力的作品。](名称为Bg),然后绘制出如图所示的时钟界面。  

  (3)新建一个“刻度”图层,然后绘制出表盘的刻度,如图所示。  

  (4)使用“椭圆工具”绘制一个只有边框的灰色圆形,然后删除圆形内的线条,再删除圆形,如图所示。  

  (5)将时针所在的刻度直线进行加粗显示,然后添加时刻文字(静态文本),如图所示。  

  (6)新建一个“高光”图层,然后绘制一个半圆形作为高光区域,再设置填充类型为“线性”,并设置第1个色标颜色为(R:255,G:255,B:255),Alpha为60%,第2个色标颜色为(R: 43,G:43,B:43),Alpha为0%,效果如图所示。  

  (7)新建3个影片剪辑,分别命名为Hours、Minutes和Seconds,然后分别在对应的影片剪辑中绘制出如图所示时针、分针和秒针。  

  Part 2 输入控制程序

  (1)切换到“库”面板,然后分别为4个影片剪辑添加元件[元件即是小型的机器、仪器的组成部分,其本身常由若干零件构成,可以在同类产品中通用;常指电器、无线电、仪表等工业的某些零件,如电容、晶体管、游丝、发条等。]类,如图所示。  

  技巧与提示:

  在前面步骤中只创建了4个影片剪辑元件,它们只存在于“库”面板中,当发布成swf文件时,此时查看swf文件则为空,因为没有编写任何程序来进行引用和控制,就相当于该swf文件中只包含4个元件类,下面将通过加载该swf文件来引用和创建其元件类实例[实例,指实际的例子。]

  (2)新建一个ActionScript文件,并将其保存为SkinManager,然后编写出加载皮肤的管理类程序。

  AS3代码[代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。]

  复制代码

  代码如下:

  var skin_mc:SkinManager = SkinManager.getInstance();

  skin_mc.loadSkin("skin/01.swf");

  skin_mc.addEventListener("skincomplete",completeHandler);

  function completeHandler(e:Event) {

  var class_name:String = "Bg";

  var _class:Class = skin_mc.getClass(class_name);

  var new_sprite:Sprite = new _class();

  addChild(new_sprite);

  }

  AS3代码

  复制代码

  代码如下:

  /**

  * 该类为皮肤加载管理类

  * @author lbynet

  * @version 0.1

  */

  package {

  import flash.display.Loader;

  import flash****.URLRequest;

  import flash.events.Event;

  import flash.events.EventDispatcher;

  public class SkinManager extends EventDispatcher {

  public static const SKINCOMPLETE:String="skincomplete";

  private static var instance:SkinManager=new SkinManager();

  public var loader:Loader;

  public function SkinManager() {

  if (instance != null) {

  throw new Error("不能直接创建对象");

  }

  loader=new Loader();

  }

以上就是Flash如何制作时尚的CS4时钟走动动画效果?的相关介绍,希望能对你有帮助,如果您还没有找到满意的解决方式,可以往下看看相关文章,有很多Flash如何制作时尚的CS4时钟走动动画效果?相关的拓展,希望能够找到您想要的答案。

为您推荐

如何制作3DS_MAX最好的奔驰跑车_3DS_MAX最好的奔驰跑车方法?

  这篇教程是向朋友介绍3DS MAX打造极品奔驰跑车,这类教程属于第二部分,教程很不错,一起来看看吧!  把凹下去的部分挤压下去。并且左右两边合并在一起。  侧面的小细节多

2023-03-31 10:39

Flash_AS3.0怎样打造出漂亮的水纹动画效果?

  本教程[教程是某一学科的课程,主要是被用来引导用户理解相关知识或者指导用户完成特定的任务。]是向大家介绍利用Flash AS3 0打造漂亮的水纹[水纹,指水的波纹,或水波状的花

2023-03-31 10:21

Flash_3.6如何利用遮盖来创造照片焦点效果?

  下面为大家详细介绍Flash 3 6遮罩打造照片焦点效果[效果,英译effect; effectiveness,是由某种动因或原因所产生的结果;后果。]过程,教程打造出来的照片效果很不错,难度

2023-03-31 10:21

Flash如何制作落下红叶的GIF动画特效?

  本教程[教程是某一学科的课程,主要是被用来引导用户理解相关知识或者指导用户完成特定的任务。]是向大家介绍利用Flash制作红叶飘落[汉语词汇,读音piāo luò,形容物体飘荡

2023-03-31 10:15

如何制作Flash水纹的banner流行手法?

  这篇教程向朋友介绍Flash水纹[水纹,指水的波纹,或水波状的花纹图案。]banner的制作[制作:用原材料做成各种不同的作品。]流行手法,教程介绍的还是蛮详细的,难度不是很大,

2023-03-31 10:03

如何制作3dsmaxTexas的湖景别墅?

  下面为大家分享[分享(fēnxiǎng),汉语词语,字面意思是共同享受,也可以指让别人也感觉到自己的感受,或者同别人述说自己的感受。]3dsmax设计[设计是把一种计划、规划、设

2023-03-31 10:00