flash教程快速入门篇.docx

flash教程快速入门篇.docx

《flash教程快速入门篇.docx》由会员分享，可在线阅读，更多相关《flash教程快速入门篇.docx（20页珍藏版）》请在冰豆网上搜索。

flash教程快速入门篇

1、初识flash

　　flash是Macromedia公司的一个的网页交互动画制作工具。

我们可以从Macromedia公司的主页上下载flash的试用版。

与gif和jpg不同，用flash3.0制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。

用flash制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输送数据。

交互性更是flash动画的迷人之处，

可以通过点击按钮、选择菜单来控制动画的播放。

正是有了这些优点，才使flash日益成为网络多媒体的主流。

下面我们一起来学习flash3.0的使用。

2、熟悉工作环境

　　从开始”菜单启动flash3。

这就是flash的操作界面。

　　你看，和大多数工具软件相同，画面最上面是菜单和工具栏；画面左边是绘图工具栏，里面有一些图形工具，跟Photoshop的工具栏有点像；时间轴（Timeline），也就是动画的脚本区，在这里可以分层摆放各元素并规划其出场顺序，上面的数字表示帧数。

画面上最广阔的白色区域是舞台，这是编辑区，在这里摆放一些图片、文字、按钮、动画等。

下面我们开始制作一个小动画。

3、设置动画大小和颜色

　　这是两个向上运动的小球，我们来看看它是如何制作的。

打开“File”菜单，点“New”，建立一个新动画。

　　把编辑区移到中间去，点“View”菜单里的“WorkArea”选项。

　　你看，这就把它舞台移到画面中央了，这样更适合于我们编辑。

　　这个编辑区有些大，我们把它改小点。

打开“Modify”菜单，，单击“Movie”。

　　出现了一个对话框，把动画的大小设为320×240，点“OK”关闭对话框。

4、生成符号

　　此时在时间轴上自动生成了“层1”，而且在第1帧显示了一个空心蓝色圆点，表示该帧中没有内容。

　　先来画一个圆，选择“铅笔工具”，在工具栏下方出现属性选择项，首先选择“圆形”，在舞台左下角拉出一个圆环，当所拉圆形为正圆时，鼠标旁边会就出现一个小圆圈。

　　点“漆桶”工具，在填充颜色（Fillcolor）中选择“红黑渐变”填充色，把鼠标移到在圆环内点一下，圆环就被填上颜色，这时圆就变了一个小球了。

　　用选择工具在边框线上点一下，选中边框线，按Delete键将其删除。

　　选中球体，打开“Insert”菜单，选择，选择“CreatSymbol（生成符号）”，在出现对话框中,输入名称，并将小球的属性定为图形（Graphic），点“OK”关闭对话框。

　　这样就将小球生成为一个符号，它的作用是可以重复使用而不增大文件存储空间，还能让小球产生运动。

5、设置运动

　　下面我们让球体运动起来。

在Layer1层的第20帧处点一下鼠标左键，打开“Insert（插入）”菜单，选“Keyframe（关键帧）”，插入一个关键帧。

　　第1帧中的小球就在第20帧出现了，选中小球并将它移到编辑区上方。

双击第1帧到第20帧之间的任意一帧，弹出“FrameProperties”话框，点Tweening标签，将Tweening项设为Motion（运动），点“确定”关闭对话框。

　　此时在第1帧和第20帧之间出现带箭头的红线，而且第一帧和最后一帧变为红色的圆点，表示第1帧到第20帧之间有运动产生。

按回车键观看一下运动效果。

现在我们再给小球赋予一个运动路径。

点一下Layer1旁边的“铅笔”标识，在弹出的下拉菜单中，点“AddMotionGuide”（添加动作向导）。

　　在Layer1下方出现一个新层，名字也叫Layer1，但多了一个曲线标识，这就表示该层是Layer1的“运动向导层”。

而且Layer1标识变成了一只“手”，而向导层的标识则为“铅笔”。

它们的含义有所不同，“铅笔”表示该层为当前工作层，所有的操作只能在当前的工作层上才能进行；而“手”表示普通层，一些编辑或修改不能在普通层上进行。

　　这时将向导层设为当前工作层，点铅笔工具，再选择Smooth（平滑曲线）工具，在舞台编辑区上画一条曲线。

　　将曲线移到编辑区的合适位置。

点一下Layer1，将它设为当前工作层，选中第1帧，我们需要将小球的中心置于曲线的起点。

我们看工具栏的这个SNAP按钮，是按下状态，它叫“目标捕捉”，表示当物体接近目标时，可以自动将中心与目标点吸附在一起。

选中球体，将其移到曲线起点。

，注意：

如果没有将小球的中心与曲线起点重合，可能会得不到想要的效果，或不会产生沿曲线的运动。

　　选中第20帧，将小球置于曲线末端。

双击层1的任意一帧，弹出FrameProperties对话框，因为前面我们已经将Tweening选为Motion，现在我们再将Tweening选项设为Motion，选中Orienttopathdirection，该选项使运动沿路径进行，点“确定”关闭对话框。

按回车键可以看一下运动效果。

6、插入新层

　　下面我们来制作另一个向上运动的小球。

按住Ctrl键，用鼠标点Layer1层和向导层，将它们锁住，以防被修改。

从Layer1的下拉菜单中点“InsertLayer”，这样就在Layer1的上方添加了一个新层Layer3。

　　双击Layer3标识，将Layer3改为Layer2，按回车键确定。

单击“Window”下的Library，出现符号库。

　　里前面只有我们在前面建立的名称为symbol1的球体，用鼠标从预览框中将球体拖到编辑区上，这种添加不会增大文件的存储空间,然后关闭符号库。

　　在第20帧处单击鼠标右键，选择“InsertKeyFrame”，并将小球移到画面上方。

与前面相同，为第2个小球设置运动路径。

　　我们希望产生对称的运动效果，因此运动路径必须是对称的。

将Layer层1的向导层设为当前工作层，选中路径。

　　按Ctrl+C组合键拷贝路径，再按住Ctrl键用鼠标点一下，将该层上锁。

然后为Layer2层添加向导层.这时Layer2的向导层为当前工作层，选中第1帧按Ctrl+V，1向导层的路径就被被复制过来了。

　　打开“Modify”菜单，单击“Transform（变形）”下的“FlipHorizontal”，将路径水平翻转，用方向键将其移到合适位置。

　　再把Layer2设为当前工作层，分别将第1帧和第20帧中的小球移至路径的起点和终点。

双击任意帧，弹出“FrameProperties”对话框，设置运动后，点“确定”。

（参照Layer1的设置）

7、改变球体的大小

　　现在我们想使小球向上运动的同时变小，将Layer1的锁打开，选中第20帧，分别点这两个小球，将它们选中。

点“Scale”按钮，可以同时将两个小球缩小，然后再分别移到两条路径的终点。

按回车键观看最后的效果。

　　打开“File”菜单，选择“Save”，将其存为Movie1.fla。

可编辑的flash动画后缀为FLA。

8、制作渐变背景

　　我们再来看一个带有遮膜效果的动画。

下面我们来学习它的制作方法。

点“新建”按钮，建立一个新文件。

在键盘上按Ctrl+M，弹出动画特性对话框,我们将动画的大小定为320×240，背景选白色，点“OK”关闭对话框。

　　然后将编辑区移到画面中央。

我们先来做渐变的背景。

选择“铅笔”工具，再选择“画矩形”工具，拉一个与舞台编辑区大小相同的方框。

　　选择“漆桶”工具，单击fillcolor（颜色填充）按钮，弹出“颜色面板”，点单击面板最下方的“调色”按钮。

　　出现对话框，选择“Gradient（渐变）”标签。

先来设置起始色，保证颜色渐变条左端的滑块为选中状态，在调色板的蓝色区域单击鼠标，调色板旁边的颜色条就变为以蓝色为主，向下移动黑色三角，起始色变为浅蓝色。

选中结尾颜色滑块，我们需要结尾色与起始色相同，将起始色的R、G、B值输入到结尾色，渐变条成为单色。

现在加入中间过渡色，将起始色旁边的黑色滑块拖到已有的两个滑块中间，新的颜色被加了进来，将其R、G、B值设为：

40、36、134。

这儿的渐变方式刚好是设为Linear，设置好后关闭对话框。

　　在方框内单击鼠标，方框被填上渐变色，再双击它的边框，把边框删除。

下面将渐变色进行一些修改。

选“漆桶”工具，单击“TransformFill”改变填充按钮，单击矩形将其选中。

先把编辑区视图缩小到50%，这样便于观察。

　　将鼠标放在舞台编辑区右端白色小方块上，鼠标变为双箭头，按下鼠标向内移动，两边的浅蓝色区域增大。

　　将鼠标放在舞台编辑区右上角白色小圆圈上，鼠标变为旋转箭头，按下鼠标旋转，使标志线处于水平状态松手，渐变色成为由上至下的垂直渐变,按Esc键取消选择,这样背景就做好了。

　　再按两下Ctrl+Shift+W组合键还原到原来的视图。

9、文字处理

　　在Layer1的第1帧上单击鼠标右键，从快捷菜单中选“选择CopyFrame”，拷贝该帧内容。

　　单击“铅笔”标志，点“InsertLayer”，添加新层。

　　在层在Layer2的第1帧上单击鼠标右键，从快捷菜单中选择PasteFrame命令，这样将背景复制到这一该帧了。

而且Layer2前面的标签也变为了Layer1。

选择文字工具，接着用“隶书”的字体、48号字字号、字的颜色为白色。

在编辑区上点下鼠标，输入“万事无忧”，

　　输完后按回车键确定，按Esc键取消输入框，将文字移到画面中央。

我们现在再来增大字间距，打开“Modify”菜单，选择“Kerning”项下的“Wider”，每执行一次该命令，字间距增大半个象素。

　　提示：

按下Ctrl、+Alt、+键盘右键可快速增大字间距，按下Ctrl、+Alt和+键盘左键可快速减小字间距，按下Ctrl、+Alt、+键盘上键可重新调节字间距。

文字间距调整好后，将其移到合适位置。

在文字框中双击，把文字选中，将它的颜色改为白色。

　　下面给文字加上黑边。

现在这几个字是一个整体，除了对它进行编辑外，无法加上边框。

所以必须将文本打散后才行。

将文字选中，打开“单击Modify”菜单，点选择BreakApart命令，文字被转成图形，并且处于选中状态。

　　用放大镜来放大，这样填充时更便于观察。

按Esc键取消文字选定。

选边框填充工具，将填充色设为黑色，依次在四个字上单击，“事”和“忧”字的边框填充，需要在不同的封闭的图形上单击鼠标。

填好后，再按两下Ctrl+Shift+W组合键还原到原来的视图。

10、遮膜层

　　做好文字后，就该做遮膜层了。

建立一个新层Layer3，点铅笔工具，选圆形后在编辑区左端画一个圆形，注意一定要使圆形能够盖住文字。

　　给圆形填上任意的单色，一定要是单色。

删掉边框，选中圆形，打开“Insert”菜单，选择“选择CreateSymbol”命令，会出现“Symbol”属性对话框，输入名称one，点“OK”关闭对话框。

　　这样我们将圆生成符号，以便让它动起来。

在Layer3的第30帧单击鼠标右键，点“InsertKeyframe”插入关键帧。

你看，现在背景变成了白色，因为层1和层2只有一帧。

你看，现在背景变成了白色，因为层1和层2只有一帧。

这时背景又变回到刚才的样子，将层2也作同样的处理。

把圆移到编辑区的外面去。

再选中层3的第30帧，将圆形移到编辑区右端。

　　双击层3的第1帧，出现对话框，将Tweening项设为Motion关闭对话框。

单击Layer层3前的铅笔，点“Mask”（掩盖）命令，则Layer层3及其下的Layer层2被上锁。

按回车键，观看一下效果。

　　遮膜层通常将其下一层的内容遮盖，这就是为什么随着实心圆形的移动，Layer层2上的文字被逐步显示出来的原因。

但如果遮膜层内有其它物体时，有可能产生不了遮盖效果。

保存一下我们刚做完的文件，点工具栏上的“Save”按钮，取名为Example.fla，点“保存”即可。