像倩女幽魂一样的手游:#####Flash基础教程:制作鼠标跟随星星动画

来源:百度文库 编辑:中财网 时间:2024/05/03 06:27:43

Flash基础教程:制作鼠标跟随星星动画

第一步:

第二步:

第三步:

第四步:

第五步:

第六步:

第七步:

第八步:

第九步:

第十步:

第十一步:

最后一步:

完成,够简单吧!

Flash新手入门教程:初识Flash的开始页面、界面、工具栏

本来是没打算写这个的,可是,

一些新朋友,

好像好多工具的位置什么的都没找到,

所以决定,整这个,

把界面工具的先大概介绍下,

由于现在用的基本是8.0和CS3的,

所以我就两个版本一块截图了,

如果你是8.0的,就看8.0的图就行了,

反之亦如此~
 
废话不多说了,

还是上图吧,先说明,

我这个CS3是绿色优化版的,

没办法,安装版这里装不了,

一些地方会不太一样,

但大致是不会有问题的~另外,

我也只是就我的理解给大家讲下,

咱绝不是专业的,只是分享下而已~

一、Flash开始页面

Flash8.0的开始页

打开最近项目:

不用说,里面那个打开,点下,

就能选择自己想打开的Flash文件,

上面那个显示名称的,

是原先打开过的,

如果原来放着的位置没有换,

那直接点名称也能打开相应的Flash。

创建新项目:

这里面列出的,

就是8.0能创建的文档项目了,

直接点,就能创建相应的文档,

一般是点Flash文档,

其它在需要时才选的。

从模板创建:

这里给出了一些用于创建新模板常用的模板类型,

大家可以点下,

从列表里选择合适的需要的模板进行了创作。


另外,最下面那个不再显示此对话框,

一般,如果你不想每次打开都显示这个开始页,

那就把它勾起来吧~这样,

下次打开它就不会出现了,

如果想恢复,

就选择“编辑——首选参数”菜单,

在打开的“首选参数对话框中的

“常规”选项卡中选中“显示开始页”


CS3的开始页面和8.0的基本是没啥区别的,

主要在于那个新建的文档上,

一个是AS2.0,一个是AS3.0,

由于两种代码形式有所区别,

所以,

大家在创建新文档的时候可以依据教程的需要来选择,

AS2.0的就是和8.0一样的。


二、Flash界面

8.0的界面


界面上的东西,

可以按自己的喜好来安排,

一些不常用的可以关掉,

在标题上右击,

就有关闭窗口的选项啦,

另外,

8。0的控制面板和舞台间隔中有个小三色形,

点下,可以方便把控制面板最小化到一边,

给舞台让出更大的空间来,

在下面的属性也一样有这样一个按钮,

这些,就依据自己的习惯,

自己改变调整了,

习惯简洁点的页面,

就把多余的关掉吧


也可以在菜单栏的窗口中关掉,或是打开


CS3的界面

CS3的界面跟8.0基本相似的,

只是一些地方改动了,

像窗口的缩放,

就和8.0的不一样,

工具窗口缩放,

控制面板缩放都是在上面那个三角形那,

就是像图中标出来的,

把工具栏变成单双行那种,

在这就不再另外截图了哈~

当然,

找回的方法就跟8.0是一样的,

大家一样可以根据自己喜欢的改变窗口内容~


三、工具栏

8.0版本的工具栏


PS:

工具栏最下面的选项不是固定的喔,

是相对所选工具附加的选项设置。

其实,

把鼠标放在相应的工具上,

就会显示出相对应的工具名称的了,

另外,8.0相对以前的版本,

增加了多边形工具,

一个非常方便的工具。


点下多边形工具,

在属性面板里,

会有相关的属性,

点选项,

可以方便设置多边形为星形,

绘制星星非常方便喔~


PS:

属性面板是相对应的,

不同的选择,

属性面板会有不同的属性,

就是针对于所选的操作和工具而言的属性,

所以,有时候,选择好工具后,

可以看下属性面板,有好多东西,

是在属性面板里的喔~

刚就说过,

下面的选项是不一样的,

点选一些工具,

下面的选项会相应变化,

像画笔工具,

下面可以选择画笔的形状和大小喔

~其它工具也有一些相关选项,

像颜料桶工具,

就有相关的填充选项~


CS3的工具栏,

有两种显示模式,

点那个画红线的地方,

那个三角形,

可以变单行和双行


CS3的工具栏里,

把任意变形工具和填充变形工具放一块了,

钢笔还多了几个选项,

相信用过PS的人应该很熟悉吧,

还有多边形工具里,

把椭圆工具并了,

并且多了基本矩形和基本椭圆两个工具


PS:

工具栏都差不多,

就是CS3中一些工具的位置改变了,

且钢笔变得更实用了~具体的操作,

将在以后的教程中详细讲解,

在这就不一个一个讲了~

Flash新手入门教程:文件的导出和导入

四、文件的导出
一般,我们在做Flas*的过程中,

常常会边做边看看,

这就称之为测试影片,

一般按Ctrl+Enter测试观看的结果就是影片的最终效果了,

也可以直接点击菜单栏里的控制——测试影片,

来实现测试观看的效果,

下面的图是8.0,

CS3也是一样的步骤,

就不另外截图了


一般测试的过程,

如果有保存源文件,

那么,在源文件同名文件夹中,

将会产生一个导出的swf同名文件,

这个就是我们在网上看的到的FLASH文件效果了,

而传到网上的,也都是这种Flash文件。

PS:

因为装了CS3的Flash,

所以图标显示的是CS3的,

主要看那个后缀名,

源文件为.fla,效果文件为.swf


上面这个,

只是一般的导出Flash效果的方法,

当然,Flash还能导出其它的效果,

像网页,GIF图片等,

选择文件——发布设置


发布设置里列出的就是Flash可以导出的格式,

每勾选一种,

上边就会多出一个相关设置的选项,

左边就是可选类型,右边是名称,

默认是和文件同名,

但也可以自己改动的


一般我们常导的就是GIF和exe了,

GIF就不用说了,EXE文件嘛,

就是在任何电脑上都能看的,

不管有没有FLASH播放器,

因为我们的SWF文件是需要FLASH播放器支持的,

所以,有时候也会导成EXE格式的,

而且这种格式,不好破解,

加密性更强点,导EXE就不说了,

直接导就可以了,

这里主要讲讲GIF的吧,

因为看到好多朋友在问,

而且不太清楚,

所以,在这就简单讲下。

点选GIF设置选项,

记住,要想导出的动画是动的,

那就要把回放里的动画选上,

默认是静态的,

这也是一些朋友导出来,

没有动画效果的原因之一了,

还有下面的调色板类型,

虽然有几种,

可是,经过试验,

选最合适效果在里面是最好的了,

因为Flash本身导GIF是个弱项,

导出的图会色彩失真,

导点简单的还行,色彩多的,

失真有时候是很严重的喔,

所以一般不建议用Flash直接导


另外,

导的GIF图可以是透明背景的,

设置如下图,

把透明选项中选择 Alpha 把阈值设置为255,

就能导出透明背景的GIF图了~


导GIF图片,还有要注意的两点

一、要导的影片,不可以含有AS代码,

因为Flash导GIF图不支持代码

二、要导的影片,在主场景中的帧,

要和元件中的一样,不能少于元件中的~

看图说话吧,

比如现在在一个元件中做一个补间,

有30帧


回到场景中,

像这样,一帧,测试是没问题的,

可是,导成GIF图片,则不行了,

因为,GIF图片只读取了一帧,

所以,不会动


那要怎么办呢,其实也很简单,

只要把帧延长到跟元件中一样多的帧数

就可以了~像图中所示,

在30帧插入帧,就可以了

记住,如果多个元件,

那一样要延长到相同的帧,

多点也行,就是不能少了,

少了就读不完整了喔~还有,

如果动画太大,

还是不要导成GIF图的好,

导出的图大得吓人喔,

而且效果也不好


五、GIF动态图片的导入

一般的静态图片,

导入就不说了,都一样,

这里说说GIF动态图吧,

在文件——导入中,

有几个选项,如果是静态图片,

那么,你暂时不需要的话,

就不用导入到舞台了,

可以放到库里,

但是,如果是GIF动态图片,

那就要选择那个导入到舞台的选项才行,

要不然,图片导入在库中也就是几张位图,

你要自己去组合了喔~ 一般情况下,

是新建一个元件来放,

这样方便修改与使用。

而这里的导入到舞台,

是当前开着的页面,

不管是主场景还是元件,

如果你在主场景中导入,

那就会在主场景中出现喔~

这里要注意一下


就到这吧,

一些后面写教程再补充,

还有这个是以前写的工具,

就不啰嗦重复写了,自己看吧~