分享

lash课件制作全过程实例—第二章 筑基-第一节(一)

 miaomiao5 2012-04-09
flash课件制作全过程实例—第二章 筑基-第一节(一)

第二章 筑基-第一节:界面绘制(一)

从这一章开始,我们就要着手做FLASH课件了,是不是很紧张?别紧张,刚开始肯定会有点难度,当有了一定的基础后就会轻松多了。好了,闲话少叙,下面准备好工具进入开始制作。你只需要一步步跟着我做就行了,在制作的过程中尽量的去消化吸收学到的知识。

我所做的这个课件范例,所有元件完全依靠自己动手来制作,或许很多人嫌这样麻烦,但是这是个很好的筑基过程,只有在这样繁复的操作中,你才能熟悉flash的各项功能,这对你以后制作课件将有莫大的好处。如果你没有耐心跟我做下去,现在就可以退出了。

首先,请打开flash8,没有的去网上下一个,并找个序列号注册一下就可以永久使用了。现在flash都升级到flash cs4了,但是我一直还是用flash8,其实它们基本的操作还都是差不多的,只不过越升级功能越强大而已,但是那些功能对于我们制作课件来说,帮助不是很大,所以我一直没有更换。软件打开后,会自动新建一个文档,如果没有新建,请点击菜单栏的“文件”—“新建”命令,新建一个flash文档。我们就在这里面操作了。相信通过前面一章的介绍,你应该与flash8混个脸熟了。首先,先给大家看一下界面绘制好后得效果图,下面看到的是自动缩放尺寸的图,图片质量看起来很差劲,大家可以对图片点击右键另存为,在打开看就是原始大小了:
 
 界面的右上角那个圆角矩形是用来放置时钟用的,先空着,最后再做,界面得由下角是关闭按钮,右侧栏是航按钮区,左边为课件内容区,今后大家在做课件之前,心里一定要想好它大致的样子,这样才不会因为后来要反复修改而浪费精力。

【第一步】:修改场景到你需要的大小。在舞台上随意点击,然后打开“属性”面板,你会看到舞台的属性,如图:
 
这里就是场景的属性来,默认的场景大小是550×400像素,一般来说我们做课件不能用这么小,我做的一般都是800×600像素大小,这样在普遍的1024×768分辨率下的显示器显示效果比较好,这里我只是演示,大小就定为656×503像素好了,这个在做课件之前最好修改好,否则课件做好了再修改会非常麻烦。好了,点击“大小”后面的按钮,我们将宽度修改成656,高度修改为503,点击确定,就可以看到场景的大小已经改变了。

大小后面的背景是指场景的背景颜色,一般我不做修改,因为课件的界面会将它完全覆盖。帧频这里默认的是12,我们修改成24。

【第二步】:双击时间轴上的“图层1”,我们给它改个名字,就叫“界面”好了,这一层,将只放我们所绘制出来的界面。

现在点击工具栏里的“矩形工具”,把线条取消掉,如图:

当我们在绘制图形是,如果只需要线条或是只需要填充的话,就把不需要的取消掉,这样绘制出来就直接是你想要的了。当然,你也可以等绘制出来后,双击线条把它删除,效果是一样的。只是个人的习惯而已。

我们在场景上随意画处一个矩形,不用太拘束,随意画,没关系。画好后,单击矩形,选中它,然后打开“属性”面板,如图:


这里可以看到矩形的属性,我们将矩形的宽度和高度改为和场景一样大小,分别是656、503,后面的x、y指的是矩形在场景里的坐标,把它俩都改为0,这样,矩形就把整个舞台完全覆盖了,一丝多余都没有,知道我上面为什么让你随便画了吧?就算你的眼在毒,也不可能把矩形和舞台对的这么整齐。

先别急着把属性面板关闭的,点击右边的黑色方框,我没给举行换个我们需要得颜色,这里以后就靠你自己得感觉了,现在跟着我做,把颜色值改为:#9CA1A5,回车就好了。

【第三步】:在时间轴上新建一个图层2,同时把刚才那个图层锁定掉,不要问我为什么这样做,这个问题在前面我已经简单介绍了,如果没注意希望在界面绘制好后自己想明白,这比我说得要有效得多。在这个图层我们再绘制一个长方形,长度656像素,高度32像素,然后打开混色器面板,我们来给它调整渐变色。混色器的颜色设置看下图:



类型里选择“线性”,下面会多出一个渐变条,带左右两个滑块,我们要得效果是一个白色长方形,上下为透明,中间为白色这样一个效果,我们把两个滑块的颜色都修改成白色,(双击滑块就可以修改),之后在渐变条的中间点击一下,增加一个滑块,然后把左右两个滑块的透明度(alpha)改为0,好了,下面我们点击工具栏里的“填充变形工具”,看下图:

这是个非常实用而且以后要经常用到的功能,请大家一定要看清楚它是怎么用的,如图所标,A处有个圆点,鼠标移上去之后会变成四个箭头组成的圆,这时候我们按住它不放并拖动可以调整渐变的角度,B处是调整渐变的大小,它只能横向或纵向来拖动,C处是渐变的中心点,通过移动中心点可以只显示渐变的某一部分,大家可以分别试着去拖动他们看看会达到什么样的效果。这里先拖动A,向左下方拖动,把渐变调整为垂直,然后拖动B,把渐变的范围缩小到和矩形一样的大小,在拖动任意一个节点的时候,你会看到两条蓝色的线在随着你的拖动而运动,这可以说是渐变的辅助线,他们分别是渐变的起点和终点。

这样我们要得效果就出来了。看下图:
 
现在我们要把它放在相应得位置,选中它打开“对齐”面板,点击右侧的“相对于舞台”下面得那个小图像,它得作用就是把所选得元件和场景对齐。然后分别点击左对齐(右对齐、居中对齐效果也一样,当然,这只是在选中“相对于舞台”时来说的。)、上对齐,然后按键盘上的方向键把它向下移动4个像素。方向键每按一下是移动一个像素。

今天的内容就更新到这里吧,还有一个课件要赶制,明天抽空继续。最后大家别忘了按下ctrl+s键把文档保存一下,否则前面所做得就等于白做了。当然,也可以按点击菜单栏得“保存”命令来保存,建议大家在以后做课件得时候,没做一部分就按下ctrl+s保存,否则遇到断电或是意外关机那你得辛苦可就白费了。

(本节未完待续)

《flash课件制作全过程实例》由flash课件网http://www.原创,旨在为各位教师朋友提供一个完整系统的flash课件制作教程,请尊重版权,转载请注明出处。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多