Flash动画设计案例教程第章完美版资料

6.2案例演示利用前面所学知识制作如下效果，完整演示效果请观看从网上下载的素材第6章的“选择填空1”Flash文件。6.2案例演示6.2.3案例三：测试题目制作一个“测试题目”效果。本案例主要使用到的工具或命令有：文字工具、动作脚本、矩形工具、椭圆工具、颜料桶工具、组件、元件创建等。(8)单击时间轴左上角的[场景]按钮，返回场景。(10)将“库”中的“图片移动”影片剪辑元件拖到工作区中央，并设置元件属性面板如图6.(16)单击时间轴左上角的[场景]按钮，返回场景。同的组件拖动到“图层2”第2帧的舞台中，组件【属性】面板的设置从左到右如图(7)利用前面所学知识，将图片导入“库”中，如图6.110所示的“+”标志。134图6.59所示，并单击[确定]按钮。(4)利用工具箱中的[颜料桶]工具和填充浮动面板对绘制的图形进行填充，效果如图6.(11)单击时间轴左上角的[场景]按钮，返回场景。目”Flash文件。(8)利用前面所学知识，为导入的5张图片分别创建5个按钮，如图6.目”Flash文件。73图6.拖动到舞台中，舞台效果如图6.属性面板设置如图6.6.2案例演示(1)运行Flash8.0，新建一个名为“测试题目”的文件。(2)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置为如图6.39所示，并单击按钮。(3)利用工具箱中的[线条]工具、[矩形]工具、[椭圆]工具绘制如图6.40所示的图形。图6.39图6.40(4)利用工具箱中的[颜料桶]工具和填充浮动面板对绘制的图形进行填充，效果如图6.41所示。(5)单击时间轴左上角的[场景1]按钮，返回场景。(6)将“底板”图形元件拖到舞台中，再利用文字工具在舞台中输入文字，如图6.42所示。6.2案例演示图6.41图6.42(7)利用前面所学知识插入两个图层，分别为图层2、图层3，选中“图层2”。(8)选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.43所示的组件，将其3次拖动到舞台中，舞台效果如图6.44所示。(9)修改3个组件的参数，从上到下如图6.45～图6.47所示。画面效果如图6.48所示。图6.43图6.446.2案例演示图6.45图6.46图6.47图6.486.2案例演示(10)选中“图层2”，选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.49所示的组件，将其拖动到舞台中，并设置组件属性为如图6.50所示。图6.49图6.50(11)利用文字工具在舞台中拖出一个“动态”文本框，其属性设置如图6.51所示，在舞台中的位置如图6.52所示。图6.51图6.526.2案例演示(12)选中“图层3”的第1帧，打开【动作】脚本对话框，在脚本对话框中输入如图6.53所示的代码。(13)分别对拖入到舞台中的4个组件输入“动作”代码，从上到下分别输入如图6.54～图6.57所示的代码。图6.53图6.546.2案例演示图6.55图6.56图6.57(14)测试效果如图6.58所示。完整动画演示效果请观看从网上下载的素材第6章的“测试题目”Flash文件。图6.586.2案例演示本案例主要介绍如何利用Flash自带的组件来制作一个测试题目的效果。在制作过程中要特别注意每一个组件的代码输入，避免出现不必要的错误。根据前面所学知识制作如下效果，完整动画演示效果请观看从网上下载的素材第6章的“测试题目1”Flash文件。6.2案例演示6.2.4案例四：综合试题测试制作一个综合测试选择题的效果。本案例主要使用到的工具或命令有：文字工具、线条工具、矩形工具、填充浮动面板、动作脚本、组件等。6.2案例演示(1)运行Flash8.0，新建一个名为“综合试题测试”的文件。(2)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.59所示，并单击[确定]按钮。(3)利用工具箱中的[线条]工具、[矩形]工具、[椭圆]工具绘制如图6.60所示的图形。图6.59图6.60(4)利用工具箱中的[颜料桶]工具和填充浮动面板对绘制的图形进行填充，效果如图6.61所示。(5)单击时间轴左上角的[场景]按钮，返回场景。(6)将“底板”图形元件拖到舞台中，再利用文字工具在舞台中输入文字，如图6.62所示。6.2案例演示图6.61图6.62(7)单击文字工具，在舞台中拖出一个动态文本框，位置、大小如图6.63所示，动态文字的属性面板设置如图6.64所示。图6.63图6.646.2案例演示(8)选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.65所示的组件，将其拖动到舞台中，设置组件属性为如图6.66所示。图6.65图6.66(9)在第3帧处单击鼠标右键，弹出快捷菜单，在快捷菜单中选择[插入帧]命令即此时，在第3帧处插入了一个普通帧。(10)利用前面所学知识，插入两个图层，分别为“图层1”、“图层2”。(11)在“图层2”的第2帧处插入一个关键帧，输入如图6.67所示的文字。(12)选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.68所示的组件，将两个相同的组件拖动到“图层2”第2帧的舞台中，组件【属性】面板的设置从左到右如图6.69～图6.70所示。6.2案例演示图6.67图6.68图6.69图6.70

(13)利用前面所学知识，导入如图6.71所示的图片。(14)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.72所示，并单击按钮。图6.71图6.726.2案例演示(15)将导入的图片拖到工作区，图片放在中心点的左下角，如图6.73所示。(16)单击时间轴左上角的[场景]按钮，返回场景。(17)在库中的image影片剪辑元件上单击鼠标右键，弹出快捷菜单，在快捷菜单中选择[链接]命令，弹出【链接属性】对话框，设置如图6.74所示，并单击[确定]按钮。(18)在“图层2”的第3帧处插入一个关键帧，并选中该帧，然后将不需要的元件删除。图6.73图6.74(19)选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.75所示的组件，将其拖到舞台中，并调整好位置、大小，如图6.76所示。【属性】面板的设置如图6.77所示。6.2案例演示图6.75图6.76图6.77(20)利用文字工具在“图层2”第2帧的舞台上输入如图6.78所示的文字。(21)选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.79所示的组件，拖两个相同的组件到“图层2”第3帧的舞台中，组件【属性】面板的设置从左到右如图6.80～图6.81所示。图6.78图6.79图6.80图6.816.2案例演示(22)分别在“图层3”的第1、第2、第3帧各插入一个关键帧。第1个关键帧的“动作”代码如图6.82所示，第2个关键帧的“动作”代码如图6.83所示，第3个关键帧的“动作”代码如图6.84所示。(23)最终测试效果如图6.85所示。完整动画演示请观看从网上下载的素材第6章的“综合试题测试”Flash文件。图6.82图6.83图6.84图6.85110所示的“+”标志。【属性】面板的设置如图6.4案例四：综合试题测试完整动画演示效果请观看从网上下载的素材第6章的“360°全景图”Flash文件。利用前面所学知识制作如下效果，完整演示效果请观看从网上下载的素材第6章的“选择填空1”Flash文件。(21)将“元件”图中的元件位置打乱，如图6.(11)插入一个新图层，并对其重命名，如图6.题”Flash文件。59图6.令，此时将弹出【动作】脚本对话框，输入如图6.144所示，完整动画测试请观看从网上下载的素材第6章的“看图识标108图6.目”Flash文件。帧处插入了一个普通帧。142图6.6.2案例演示本案例主要介绍如何利用Flash自带的组件和代码制作一个“综合试题测试”效果。在制作过程中输入代码时要细心。根据前面所学知识制作如下效果，完整动画演示效果请观看从网上下载的素材第6章的“综合试题测试1”Flash文件。6.2案例演示6.2.5案例五：系统登录界面制作一个系统登录界面。本案例主要使用到的工具或命令有：矩形工具、文字工具、动作脚本、元件、填充浮动面板、颜料桶工具、填充变形工具等。6.2案例演示(1)运行Flash8.0，新建一个名为“系统登录界面”的文件。(2)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.86所示，并单击按钮。图6.86(3)利用工具箱中的[线条]工具、[矩形]工具、[椭圆]工具绘制如图6.87所示的图形。(4)利用工具箱中的[颜料桶]工具和填充浮动面板对绘制的图形进行填充，并利用填充变形工具对填充进行调整，效果如图6.88所示。图6.87图6.886.2案例演示(5)利用文字工具输入文字，并调整好文字的大小和颜色，效果如图6.89所示。图6.89(6)利用前面所学知识，制作一个如图6.90所示的按钮。(7)利用前面所学知识，制作两个简单动画，如图6.91所示。6.2案例演示图6.90图6.91(8)将“库”中的“底板”图形元件和“按钮”元件拖到舞台中，位置如图6.92所示。(9)在按钮上单击鼠标右键，弹出快捷菜单，在快捷菜单中选择[动作]命令，弹出【动作】脚本对话框，输入如图6.93所示的代码。6.2案例演示图6.92图6.93(10)在图层的第2、第3帧处分别插入关键帧，在第2个关键帧处拖入“欢迎登录本系统”影片剪辑。在第3个关键帧处拖入“无法登录系统”影片剪辑。(11)给第1、第2、第3帧分别输入如图6.94～图6.96所示的代码。图6.94图6.95图6.966.2案例演示(12)选中第1帧，在舞台中建立两个输入文本框，位置、大小如图6.97所示，从上到下两个文本框的属性设置如图6.98～图6.99所示。(13)测试效果如图6.100所示，完整动画演示效果请观看从网上下载的素材第6章的“系统登录界面”Flash文件。图6.97图6.98图6.99图6.100案例制作了一个用户登录系统界面，使用的动作命令相对简单，但是，在制作过程中稍不注意就会出现错误。6.2案例演示根据前面所学知识改建前面的案例，改建后的效果如下，完整动画演示效果请观看从网上下载的素材第6章的“系统登录界面1”Flash文件。6.2案例演示6.2.6案例六：360°全景图制作一个模拟全景图的效果。本案例主要使用到的工具或命令有：文字工具、椭圆工具、图片处理、动作脚本、元件的创建等。6.2案例演示(1)运行Flash8.0，新建一个名为“360°全景图”的文件。(2)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.101所示，并单击[确定]按钮。(3)利用工具箱中的[线条]工具、[椭圆]工具绘制如图6.102所示的图形。(4)单击时间轴左上角的[场景]按钮，返回场景。图6.101图6.102(5)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.103所示，并单击[确定]按钮。(6)导入一张图片，如图6.104所示。6.2案例演示图6.103图6.104(7)将导入的图片拖到“图片移动”影片剪辑工作区。位置居中，如图6.105所示。(8)单击时间轴左上角的[场景]按钮，返回场景。图6.105(9)选择→命令，弹出【创建新元件】对话框，设置如图6.106所示，并单击按钮。图6.1066.2案例演示(10)将“库”中的“图片移动”影片剪辑元件拖到工作区中央，并设置元件属性面板如图6.107所示。图6.107(11)单击时间轴左上角的[场景]按钮，返回场景。(12)新建两个图层并重命名，如图6.108所示。(13)将“库”中的“图片缩放”影片剪辑拖到“图片”图层的舞台中央。属性面板的设置如图6.109所示。图6.108图6.1096.2案例演示(14)选中“标志”图层，在舞台中央利用线条工具，在中央位置绘制如图6.110所示的“+”标志。(15)选中“光标”图层，将“库”中的“光标”影片剪辑元件拖到舞台中央，【属性】面板的设置如图6.111所示。图6.110图6.111(16)在“光标”层的第1帧处，添加如图6.112所示的“动作”脚本。(17)选中“图片”图层中的“图片缩放”影片剪辑，为该影片剪辑添加如图6.113所示的“动作”脚本。6.2案例演示图6.112图6.1136.2案例演示(18)测试动画效果如图6.114所示。完整动画演示效果请观看从网上下载的素材第6章的“360°全景图”Flash文件。图6.1146.2案例演示本案例主要制作了一个360°全景图效果，在制作过程中最容易出错的地方就是动作脚本代码的输入，而且很多用户经常忘记对每个影片剪辑属性面板进行设置。利用前面所学知识，制作如下图所示的效果，完整动画演示效果请观看从网上下载的素材第6章的“360°全景图1”Flash文件。6.2案例演示6.2.7案例七：看图识标题制作一个“看图识标题”的效果。案例主要使用到的工具或命令有：图片处理、分离、元件、动作脚本、矩形工具、椭圆工具、线条工具等。6.2案例演示(1)运行Flash8.0，新建一个名为“看图识标题”的文件。(2)选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.115所示，并单击[确定]按钮。(3)利用工具箱中的[线条]工具、[椭圆]工具绘制如图6.116所示的图形。图6.115图6.116(4)利用工具箱中的[颜料桶]工具和填充浮动面板对绘制的图形进行填充，利用填充变形工具对填充进行调整，效果如图6.117所示。(5)单击工具箱中的[文字]工具，输入文字，文字的大小、字体、位置、颜色如图6.118所示。(6)单击时间轴左上角的[场景]按钮，返回场景。6.2案例演示图6.117图6.118(7)利用前面所学知识，将图片导入“库”中，如图6.119所示。(8)利用前面所学知识，为导入的5张图片分别创建5个按钮，如图6.120所示。(9)创建一个“背板”影片剪辑，如图6.121所示。(10)利用前面所学知识，制作6个“影片剪辑”元件，将相应的“按钮”元件拖到影片剪辑中，如图6.122所示。6.2案例演示图6.119图6.120图6.121图6.122(11)插入一个新图层，并对其重命名，如图6.123所示。(12)将“库”中的“底板”图形元件拖到“背景”图层中。(13)将“库”中的5个“影片剪辑”元件拖到“元件”图层中，位置、大小如图6.124所示。6.2案例演示图6.123图6.124(14)利用文字工具，在“背景”图层中输入如图6.125所示的文字。(15)将相应的“影片剪辑”元件与对应的标题位置放好，如图6.126所示。图6.125图6.1266.2案例演示16)设置如图6.126所示