查看完整版本: 51swim计算机互学班的第一课

51swim计算机互学班的第一课

耗子这次课备得不太好，事多时间紧是一方面外，还是水平不够。不敢说给大家讲课，就算是第一个发言吧。我先把图
片发上来。这是接原来的那个帖子的。前面不明白的地方去看那个帖子。
[url=http://www.51swim.com/mybbs/thread-21325-1-1.html]http://www.51swim.com/mybbs/thread-21325-1-1.html[/url]

计划用六次课讲完：
一、先做一个按钮的毛坯，给大家点感性认识；
二、完成按钮的制作；
三、如何导入图片和视频；
四、如何用按钮控制视频的播放；
五、进度条的编制；
六、中英文解说的嵌入。
至于预加载程序，这次不列入学习内容。如果这些大家掌握了，就可以为论坛服务了，对于文件不太大的flash动画， 预加载程序就没有用了。
flash的概念、术语很多，本着遇着什么讲什么的办法，用着了就讲，暂时没用到的以后再说，一开始就介绍太多，大家会吃不消的，饭要一口一口吃的。
大家好：现在我宣布，51swim论坛的新尝试，网上教学正式开始。
这趟课给大家讲如何制作按钮。
一个flash项目分为场景、舞台、库、元件等不同的元素。对单场景的flash动画来说，场景就没有太大意义了，先不讲它。
[u]舞台[/u]最重要，[u]元件[/u]只有放到[u]舞台[/u]上，才能发挥作用，但此时它不再是[u]元件[/u]，变成了一个[u]实例[/u]。我们今天要做的[u]按钮[/u]，它就是一个[u]元件[/u]，[u]元件[/u]是放在[u]库[/u]里的，[u]库[/u]和[u]仓库[/u]是一个意思。打个比方，[u]元件[/u]相当于一个后备干部，任命以后，有了实权，就成了[u]实例[/u]。再重复一遍，同样一个按钮，身份不一样，放在库里叫元件，放在舞台上就实例，不知说清楚了没有？
      建立一个[u]元件[/u]，就用鼠标点击一下屏幕上方[u]菜单[/u]上的[u]插入[/u]键，我已经用[u][color=red]红方框[/color][/u]给大家标出来了。大家跟我到2#楼。

[attach]14217[/attach]

2[attach]14218[/attach]
大家看到了吧？这是屏幕出现了个菜单。用左键单击我用[u][color=red]红方框[/color][/u]标出的[u]新建元件[/u]。这是屏幕出现一个对话框，见下图：[attach]14243[/attach]
大家看见了吧?元件有三种，按钮位居第二。那个圆圈，学名叫无线电钮，要么是,要么非。三者任选其一。用鼠标左键选中[u][b]按钮[/b][/u]后，点[u][b]确定[/b][/u]键。随我到3#。

3[attach]14219[/attach]，
刚才少说了一句话，就是把元件的名称可以改成“play”，就是播放的意思，没改也不要紧，在库里也可以重命名的。
现在，我们进入了元件的编辑区，好大一张“白纸”，中间的十字，是它的中心。以后的工作是先选定一下按钮的颜色配置，随我到4#。

4[attach]14221[/attach]
点击菜单项[b][u][color=blue]窗口[/color][/u][/b]，会出现一个[u]下拉菜单[/u]，选[b][u][color=red]混色器[/color][/u][/b]并单击。我已用红框标出。随我到五楼。

5[attach]14222[/attach]

一个元件的颜色分为两个部分：一是边框，二是充填部分。我们现在要做的按钮的毛坯实际就是个矩形。矩形的边框和里面的框芯各有各的颜色。随我到6#。

6[attach]14223[/attach]

在混色器上，上面的图标管边框，下面的图标管充填色。点一下[b][u]铅笔图标[/u][/b]右边的[b][u]红方框[/u][/b]（原来选了什么色，这个方框就是什么色），就会出现一个[b][u]调色板[/u][/b]。建议大家选[b][u]黑色[/u][/b]。随我到7#。

7[attach]14224[/attach]
该选充填色了，稍微比边框复杂一点，因为充填的方案有若干，大家选[b][u]线性[/u][/b]。左边有个[b][u]组合框[/u][/b]，大家看看。大家要按我标出的阿拉伯数字的顺序做。随我到8#。

9[attach]14226[/attach]
所谓线性就是指颜色逐渐由浅到深的颜色分配方案。按钮是从白到蓝灰。白色可以到色块上选，也可以置入数据
“#FFFFFF ”，这个蓝灰在色块上不好选，大家就得填数据了，记住：蓝灰的颜色参数是“#0F3F6F”。
随我到９＃楼层。

[attach]14227[/attach]
大家要注意选取得位置，在这里，左边代表最浅色，右边代表最深色，中间是过渡色。

[attach]14228[/attach]
设置好了就应该出现下面的渐变色。随我到11#。

[attach]14229[/attach]
现在轮到设置矩形边框的宽窄了。有许多选择，其实我们这一步不做也可以，因为我们要的正是默认的。但这一步操作极其重要，因为几乎所有元件和实例有具有属性，确定和修改属性是编制flash动画的人最常做的。大家就按我标出的顺序做一次，然后随我到12#。

[attach]14230[/attach]
大家点一下屏幕右边工具栏里的矩形工具图标，就会出现上面的对话框。什么也别动，看看就行了。当然要改也不难啊。一个是可以选其它的线型，另一个是可以变更原来的宽度，其实我在实际中都选最细的那条，但我选的教材是选的1，我也没敢给改，咱水平摆在那里，初学者嘛，不敢越雷池半步。随我到13#。

[attach]14232[/attach]
这一步是给大家介绍如何在舞台上或元件的编辑界面设置网格，网格的设置的目的是为了定位，网格在播放的时候不显示的，也不存贮在发布的swf文件中。大家按我标出的顺序做后，随我到14#。

[attach]14234[/attach]

设置参数就不用我讲了吧，大家一看就明白。随我到15#。

[attach]14235[/attach]

这一步跟大家介绍如何放大或缩小舞台的比例。因为按钮比较小，我常把它放大8倍。

17[attach]14236[/attach][attach]14242[/attach]


屏幕大了，看起来舒服。大家选矩形工具，并按键盘上的Shift键，我在键盘图片上已经用红框给大家标出。按它和不按它差在那里呢？不按，可能就是长宽任意比例的普通矩形，而按住这个特定的键，画出的就是长和宽相等的特殊矩形，即正方形。大家看见了吧，边框是黑的，充填色时蓝灰的。[attach]14244[/attach]
这一步就是为了增加立体感，也就是改变一下光照的方向。假设光照从左上角射下来。数字1所对应的工具叫变形填充工具，我们这里仅用其变形的功能。数字2是用这个工具选定按钮毛坯后的样子。[attach]14245[/attach]

选定之后，按住那个白圆圈，按顺时针旋转４５度左右，就变成上面这个样子了。随我17#。

[attach]14237[/attach]

现在，为了进一步体现立体感，我们要在按钮毛坯的里面再做一个小一点，光照逆向的蓝灰矩形，按我上面标出的顺序做。随我到18#。

[attach]14238[/attach]
大家别忘了要点击一下这个按钮毛坯，然后再进行变形。在这里，只对元件的长和宽进行比例缩小，最后，按复制键（数字4标出的）随我到19#。

[attach]14239[/attach]


现在，又要对其中的小矩形进行光照调整了，这次是轻车熟路了，我就不罗嗦了。随我再下一层。

[attach]14240[/attach]

光照没调整前，大小矩形光线一致，分不出层次。再往后看。