




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、flash实验指导书flash动画设计动画制作指导书目录实验一 绘图工具的使用4一、实验目的4二、实验内容和步骤4(一)放大镜4(二)绘制邮票4(三)暗夜星光5(四)闪烁的星星6三、课后练习7(一)人物头像绘制7(二)脸部表情绘制8(三)卡通眼睛的绘制8实验二 元件、实例和库30一、实验目的30二、实验内容与步骤30(一)百叶窗效果30(二)展开的卷轴31实验三 创建动画22一、实验目的22二、实验内容与步骤22(一)变形文字22(二)动感i love you22(三)地球旋转23实验四 创建动画(二)26一、实验目的26二、实验内容与步骤26(一)被风卷走的文字26(二)飘落的花朵26(三)
2、水中倒影27(四)绕地球旋转的文字28实验五 声音和视频36一、实验目的36二、实验内容和步骤36(一)给按钮添加声音36(二)控制视频播放36三、课后练习37实验六 脚本语句(一)38一、实验目的38二、实验内容和步骤38(一)脚本控制图片放映38(二)简单计数器39三、课后练习39实验七 脚本语句(二)41一、实验目的41二、实验内容和步骤41(一)雨(使用遮罩)41(二)小雨42(三)雨43flash是一个优秀的矢量绘图与动画制作软件,它秉承了矢量绘图软件的所有优点,能够制作出声色俱佳、互动性高的动画效果。特别是它制作的动画文件尺寸非常小,在追求速度的网络上非常灵活,因此倍受网络界和动画
3、界的推崇。flash的推出,更将动态网页的设计与应用推向了一个崭新境界,除了更具新和力的操作界面,以及新增的绘图功能之外,在动画编程方面,更取得了突破性的进展,随着时代的发展,宽带网的普及与应用,网络动画与网络电影将风靡全球,flash的应用前景将会比现在更为广阔。事实上,flash已经成为新一代动画制作人员和网页设计师的必备技术,如果想尽快掌握它,就请阅读本书吧!全书的重点是动画实践部分,通过实例淋漓尽致地显示了flash软件的强大功能以及他作技巧,使我们设计网络动画更加得心应手。30实验一 绘图工具的使用一、实验目的(1)掌握矩形工具、椭圆工具、直线工具、铅笔工具、钢笔工具等绘图工具的使用
4、;(2)掌握直线线型的改变方法;(3)图形的导入和填充。二、实验内容和步骤(一)放大镜1新建影片,设置影片尺寸450px*300px。2选取工具栏上的矩形工具,绘制一个圆角为30的无笔触颜色的弧角矩形,并将其填充颜色改成褐色(#a52a2a)。3选取工具栏上的箭头工具,拖拉弧角方形的两条长边,使其稍具弧形。并选取工具栏上的任意变形工具,进行适当的旋转操作。4选择菜单【插入】【时间轴】【图层】命令,在当前层上新添加一个层,然后在工作区绘制一个笔触颜色为黑色,填充色为白色的圆形,并将其移动到弧角矩形上。5对圆形进行填充,如图1示: 图1 图26按下ctrl+enter键,测试影片,如图2示。(二)
5、绘制邮票1新建一个flash文档,选择“插入”|“新建元件”命令,在弹出的对话框中设置名称为“邮票”,选中“图形”单选框,然后单击“确定”进入编辑场景。2选择矩形工具,将笔触颜色设置为红色,将填充色设置为黑色,按住shift键绘制一个正方形(注意:由于绘制放大镜时将矩形工具的边角半径设成了30度,故此时应将矩形工具的边角半径设成0度)。3选中刚才绘制的正方形,在“信息”面板中设置:中心点为正方形中心,宽 200,高 200,x 0,y 0,4在工具箱中选择“选择”工具,双击正方形的边缘,选中四条边线,在“属性”面板中进行一下设置:笔触大小设为9,线型选成点线。5用“选择”工具双击正方形的边缘将
6、四条边线选中,选择“修改”|“形状”|“将线条转换为填充”命令,将当前选中的线条转换为填充对象。6在转换生成的填充对象处于被选中的状态下,按delete键删除。7在“时间轴”面板点击“新建图层”按钮创建一个新图层2。8选择矩形工具,将笔触颜色设置为无色,将填充色设置为白色,笔触高度1,笔触样式 实线,绘制一个正方形,放置在图层1中的正方形中间,选中该正方形在属性面板上设置:宽 170,高 170,x 0,y 0。9新建一个新图层3,选择【文件】【导入】【导入到库】命令,使用“导入到库”对话框导入一张位图到库中。10使用快捷键ctrl+l打开库面板,选中刚刚导入的图片拖入图层3中,将其缩放到白色
7、矩形大小(使用信息面板调整大小更精确)。11使用文字工具为邮票输入主题文字,并适当改变图层1中图像的填充色。12选中场景1,ctrll打开库面板,将元件“邮票”拖放到场景1中。13测试影片,如图3。图3(三)暗夜星光1新建flash文件,设置影片属性:尺寸200px*200px,背景色 黑色。2根据星光线的特点,设置适当的渐变填充(图4)。 图4 图53选取工具栏上的矩形工具绘制一个无笔触颜色的长方形,注意长方形要尽量窄(图5)。4绘制好第一条星光线了,然后通过菜单【插入】【时间轴】【图层】命令建立多个新层,并在每个层上将刚才做好的星光线复制过去并进行位置移动和缩放,最后如图6。 图6 图75
8、再建一个新层,用椭圆工具绘制一个笔触颜色为#ffcc33,无填充色的圆圈,如图7。把新建的图层放到最下面。6设置放射状填充,如图8。 图87新建一个图层,绘制一个比第5步画的圆下一些的圆,应用第6步设置的渐变填充,填充后效果如图9。图98测试影片。(四)闪烁的星星1新建flash文件,设置影片属性:尺寸300px*300px,背景色 黑色。2选择【插入】【新建元件】命令,在弹出的对话框中设置名称为“星星”,选中“图形”单选框,然后单击“确定”进入编辑场景。3设置渐变填充,如图10。 图10 图114选取工具栏上的矩形工具绘制一个两个无笔触颜色的长方形,注意长方形要尽量窄。如图11。5选择菜单【
9、插入】【时间轴】【图层】命令新建图层2,设置渐变填充,将右端的黑色alpha(透明值)设为 0%,如图12。 图12 图136新建一层,绘制一个无笔触颜色的正圆,移至适当位置,如图13。并把它放到最底层。7选择【插入】【新建元件】命令,在弹出的对话框中设置名称为“闪烁”,选中“影片剪辑”单选框,然后单击“确定”进入编辑场景。8将元件星星拖到工作区中,按f6在第5帧插入关键帧,并选择“任意变形工具”将星星放大,复制第一帧,然后右键单击时间轴第9帧,在弹出来的快捷菜单中选取“粘贴帧”,创建动作补间。9将影片剪辑拖至场景1中,适当调整其大小及位置,如图14。10测试影片。图14三、课后练习(一)人物
10、头像绘制(二)脸部表情绘制(三)卡通眼睛的绘制提示:眼睛绘制步骤 实验二 元件、实例和库一、实验目的1掌握什么是实例、库和元件。2学会如何使用库和元件。二、实验内容与步骤(一)百叶窗效果1新建一个flash文件,设置文档属性:尺寸 400300。2选择【文件】【导入】【导入到库】,导入两幅图片到库中。3在场景1中,选中图层1,从库面板中将一幅图片拖入图层1,适当调整图片的大小。4单击选中导入的图像,按ctrl+b键,将图片打散。然后单击绘图工具箱中的椭圆工具,把填充色设置为无,然后在舞台中绘制一个椭圆,通过其对应的【信息】面板,精确地调整其位置和大小。将椭圆边框外部的图形选中,按delete键
11、删除。5单击【添加层】图标按钮,在“图层1”的上方添加一个“图层2”,在图层2中导入第2幅图片,将图片打散。从“图层1”中选中图片的椭圆边框复制,返回图层2进行粘贴,并调整椭圆的位置。6删除图层1和图层2中的椭圆,并将剩下的图形相对于舞台,水平中齐,垂直中齐,使两张图片在位置上完全重合。7在图层2的上方新建“图层3”。在“图层3”中,用矩形工具绘制一个无边框的矩形,并放置在图片下方。8选中矩形,单击【修改】【转换为元件】命令,打开【转换为元件】对话框,将其转换为名为“蒙条”的图形符号。9然后在“图层3”的第24、35、60帧分别按f6键,插入关键帧。分别选中第24、25和35帧,通过【属性设置
12、】面板设置图形符号“蒙条”的高度为1。之后在第124、3560帧之间创建补间动画。10择“图层3”,单击鼠标右键,选择【遮罩层】,把“图层3”设置为遮罩层。11新建“图层4”,然后按住shift键把“图层3”和“图层2”全部选中,然后在选中的任意一帧处单击鼠标右键,选择【复制帧】 选择“图层4”第1帧,单击鼠标右键,选择【删除帧】,把“图层4”的所有空白帧删掉,然后再选择【粘贴帧】,把“图层3”和“图层2”的内容粘贴过来,这时会自动生成“图层5”,如图1所示。图113然后重复11步,直到把图形完全覆盖。14然后选择所有图层的第70帧,按f5插入帧,到此动画制作完毕。15按下ctrl+enter
13、快捷键进行测试,查看其效果。(二)展开的卷轴1新建一个flash文件,影片大小设置为600250。2新建图形元件“卷轴”,选择工具栏上的矩形工具,设置渐变填充,画出矩形如图2。 图2 图3 图43插入图层2,选择工具栏上的矩形工具,设置渐变填充,绘制卷轴的两端,如图3。4新建图形元件“画面”,将图层1重命名为“矩形1”,选择工具栏上的矩形工具,绘制矩形如图4。5新增图层“矩形2”,用工具栏中的矩形工具绘制一填充色为白色的矩形,适当调整位置,如图5。 图5 图66新增图层“花纹”,用工具栏中的铅笔工具绘制卷轴的花边,绘制好一个后,其他花边可通过复制完成,并打开“对齐面板”,调整花边位置,如图6。
14、7新增图层“文字”,字体设为“华文行楷”,字号为100,输入文字“难得糊涂”,如图7。【文字可以适当的改变】图78新建影片剪辑“卷轴动画”,将图形“画面”拖至编辑区中央,图层1重命名为“画面”。新增图层“遮罩”,绘一高200,宽为1的矩形并居中对齐。【注意】:矩形要比元件“画面”的高度要高。9按f6在第25帧处插入一关键帧,单击工具栏上的任意变形工具,将矩形向两边拉伸,使其和卷轴画面重合,创建形状渐变,右键单击“遮罩”图层,选择快捷菜单中的“遮罩层”选项。10新增图层“卷轴1”,将图形元件“卷轴”拖至编辑区中,打开对齐面板,将其垂直中齐并右对齐,按f6在第25帧处插入一关键帧,将元件“卷轴”拖
15、至“画面”左端,创建运动渐变。11同理新增图层“卷轴2”,将图形元件“卷轴”拖至编辑区中,打开对齐面板,将其垂直中齐并左对齐,按f6在第25帧处插入一关键帧,将元件“卷轴”拖至“画面”右端,创建运动渐变。将所有图层延伸到40帧。12回到场景1,将影片剪辑“卷轴动画”拖至工作区中央。13按住【ctrl】【enter】测试影片,查看效果。【思考】:要将卷轴从左往右展开,应如何修改得到效果;若要从右往左展开呢?实验三 创建动画一、实验目的1了解时间轴面板的使用。2掌握创建动画的基本流程。3熟悉遮罩层和引导层的使用效果。二、实验内容与步骤(一)动感i love you1新建flash文件,设置影片属性
16、:尺寸550150;背景色 黑色。2新建图形元件“i”,进入编辑窗口,输入文字“i”,设置属性:字体 comic sans ms;字体大小 30;字体颜色 0099ff;粗体。按住ctrl+k打开对齐面板,设置:相对于舞台;水平中齐;垂直中齐。3新建两个图形元件“love”和“you”,分别输入文字“love”和“you”,文字的属性设置与第2步相同。4返回到场景1,为图层1添加一个运动引导层。5选择“铅笔工具”,选择平滑模式,线段粗细选择4,在场景中画一条曲线,使用对齐面板,设置:相对于舞台;水平中齐;垂直中齐。【注意】:曲线由自己自由绘制,只要有一定的弧度即可。6复制刚刚绘制的曲线,按ct
17、rl+f8新建一个图形元件“曲线”,选择【编辑】【粘贴到中心位置】将复制的曲线粘贴到元件中。7回到场景1,新建图层3,打开库面板,将元件“曲线”拖到场景中,并使它位于引导层上的曲线的下方,两者距离相隔大约一个字的高度。8双击图层3,将它改名为“曲线”,双击图层1,将它改名为“i”。为了在下面的操作中不会因不小心修改了已完成好了的图层“曲线”和引导层,将这两个层锁定。9从库面板中将元件“i”拖到场景1的图层“i”中,并拽住它的中心,使它锁定在引导层上的曲线的右端点上,在第20帧,图层“i”上按住f6键插入关键帧,图层“曲线”和引导层上按f5键延伸帧,将元件“i”拖到引导线的左端。选中第1帧,在属
18、性面板上设置补间:动作,并选中“调整到路径”复选框。10新建一个图层,将其重命名为“love”,将其放在引导层的下方。在图层“love”的20帧插入一个空白关键帧,拖入元件“love”。将元件的中心锁定在引导层上的曲线的右端点上,在第40帧的图层“love”上按住f6键插入关键帧,其他图层按f5延伸帧,将元件“love”拖到引导线的左方合适的位置。选中第20帧,在属性面板上设置补间:动作,并选中“调整到路径”复选框。11新建一个图层,将其重命名为“you”,将其放在引导层的下方。在图层“you”的40帧插入一个空白关键帧,拖入元件“you”。将元件的中心锁定在引导层上的曲线的右端点上,在第60
19、帧的图层“you”上按住f6键插入关键帧,其他图层按f5延伸帧,将元件“you”拖到引导线的左方合适的位置。选中第40帧,在属性面板上设置补间:动作,并选中“调整到路径”复选框。12接下来使层“曲线”不断变色,解除层“曲线”的锁定。在其20帧处按f6插入关键帧,选中元件“曲线”,将颜色下拉框设为色调,设置rgb值:153、204、0,并创建运动渐变。13分别在第40帧、第60帧按f6插入关键帧,按照第12步的方法修改其颜色属性并创建运动渐变。(40帧的rgb:204、51、255;60帧的rgb:204、204、255)【注意】:这里的色调可以自己自由设置。14在所有图层的第70帧,按住f5延
20、伸帧。15按住【ctrl】【enter】测试影片,查看效果。(二)变形文字1新建一个flash文件,设置文档属性:尺寸 550150。2选取椭圆工具,设置合适的边框和填充颜色,在场景画一个圆。3在第20帧单击鼠标右键,在弹出的快捷菜单中选择【插入空白关键帧】,或按f7键,插入一个空白关键帧。4确认第20帧处于选中的状态。选取文本工具,设置文本工具属性:华文彩云,75,绿色,粗体,在想要输入文本的地方单击或拖动鼠标,输入文字welcome。5用选择工具选中刚才输入的文字,按下两次ctrl+b快捷键,将文字打散。6选中第119帧中的任意一帧,在【属性】面版中将【补间】设置为【形状渐变】。7新建图层
21、2,并用鼠标将其拖到图层1的下面,单击第1帧,并导入图片“背景”,调整它的大小使之覆盖整个场景上,作为动画的背景。8选中两个图层的第30帧,按f5键插入帧。9按下ctrl+enter快捷键进行测试,可看到由圆变成文welcome的效果。(三)蝴蝶飞舞1、新建一个flash文件,设置文档属性为:尺寸 500*400,帧频为10帧/秒。2、选择“文件”“导入”“导入到库”,选择一副蝴蝶的图片。3、新建元件“电影夹”命名为蝴蝶。ctrl+l键打开库选择蝴蝶的图片拖放入舞台。4、选择套索工具选择蝴蝶的两个翅膀,然后新建两层,将左翅膀、右翅膀分别放到两层上。并分别命名为左翅膀,右翅膀。5、在左翅膀层上第
22、3,5帧上按住f6键,选择旋转缩放工具调整成如下形状:第3帧 第5帧6、在右翅膀层上第3,5帧上按住f6键,选择旋转缩放工具调整成如下形状:第3帧 第5帧7、切换到场景区,将刚刚制作的蝴蝶电影夹拖放入场景。8、新建一层背景层,放在最底层,选择“文件”“导入到舞台”,将图片与舞台对整齐。9、在电影夹蝴蝶的那一层,在20帧处添加关键帧。10、点击右键,选择创建补间动画。然后移动蝴蝶电影夹,将大小适当改变。11、按住ctrl+enter键测试播放。(四)地球旋转1制作地图(1)选择“插入”“新建元件”命令,设置弹出的对话框如下示;单击“确定”按钮,进入“地图”元件的编辑场景。(2)绘制(或由“库”中
23、导入)世界地图。2制作圆球(1)新建一个“图形”类型的元件,将其命名为“圆球”。单击“确定”按钮进入其编辑场景。(2)在工具箱中选择椭圆工具,将笔触颜色设置为无,将填充色设置为放射状渐变色,设置“混色器”面板如下示,绘制一个圆球,取球心为元件的中心点,x、y值为0。“混色器”面板中渐变条中从左到右3个渐变指针的红、绿、蓝、alpha值分别为:108、108、242、1000、0、250、10087、87、87、100 (3)在工具箱中选择填充变形工具,用此工具单击球体,将其旋转中心移到圆的右上部分,扩大圆的渐变半径,如上示。3制作地球自转效果(1)新建一个“影片剪辑”类型的元件,将其命名为“自
24、转”,单击“确定”按钮,进入编辑场景。(2)将图层1更名为右转,ctrl+l显示“库面板”,从“库”中将元件“地图”拖至舞台上,选中“地图”单击“修改变形水平翻转”命令将其翻转。(3)创建一个图层,右键单击该图层,选择遮罩层命令,并将此图层命名为遮罩1。(4)将元件“圆球”从库面板中拖至舞台上,放在地图的最右边,如下示。(5)切换到图层“右转”的第35帧处,插入关键帧。将元件“地图”水平向右移动一定距离(约为一个完整的世界地图所占的水平宽度),在第135帧间单击任意一帧,在“属性”面板中将“补间”类型设置为“动作”。(6)切换到图层“遮罩1”,在第35帧处按下f5键,将关键帧延长到此帧。(7)
25、在图层“遮罩1”中选择元件“圆球”,按ctrl+c复制。创建一个新图层并命名为“地球”。选择“编辑粘贴到当前位置”命令,将元件圆球粘贴到图层“地球”中。(8)选择图层“地球”中的元件圆球,显示并设置“属性”面板(只要设置右边的“颜色”下拉框为alpha,65)(9)单击锁定图层“遮罩1”及“右转”。(10)创建一个新图层并命名为“左转”,从库面板中拖动元件“地图”到舞台上【注意】:这个图层用于制作地球正面的地图动画,因此不需要翻转,而且正面的地图应该恰好与先前放置的翻转后的背面地图构成一张完整的世界地图。(11)在“左转”图层的第35帧按f6键插入关键帧。在此帧将地图水平向左移动一个完整的世界
26、地图宽度的距离,创建动作补间。(12)创建一个新图层,并命名为“遮罩2”。复制图层“遮罩1”中的元件“圆球”,并选择“编辑粘贴到当前位置”命令粘贴到此图层中。右键单击该图层,选择遮罩层命令。(13)创建一个新图层“阴影”。选择“编辑粘贴到当前位置”命令将第12步复制的元件圆球粘贴到此图层中。(14)在图层“阴影”中选择元件“圆球”,按ctrl+b将元件打散成为图形。显示并设置“混色器”面板如下示,用颜料桶工具单击此图形,将其填充为中间透明,四周较暗的放射状渐变效果,以增加地球的立体效果。“混色器”面板中渐变条中从左到右2个渐变指针的红、绿、蓝、alpha值分别为:255、255、255、087
27、、87、87、100(15)单击场景1按钮,返回至主场景舞台中,从“库”面板中将元件“自转”拖到舞台上。(16)按住ctrl+enter键测试场景。【思考】:怎样给地球添加公转效果。实验四 创建动画(二)一、实验目的1了解时间轴面板的使用。2掌握创建动画的基本流程。3熟悉遮罩层和引导层的使用效果。二、实验内容与步骤(一)被风卷走的文字1新建一个flash文件,设置文档属性:尺寸 500200;背景色 黑色。2新建图形元件1、元件2、元件3、元件4、元件5、元件6、元件7,分别在其中输入“被风卷走的文字”。3新建图层1、图层2、图层7,使用ctrl+l打开库面板,分别把元件1、元件2、元件7拖至
28、对应图层中,使用ctrl+k找开对齐面板,将文字对齐于舞台底部(图1)。图14按f6在图层1的第20帧插入关键帧,用鼠标选中“被”字并拖至右上方的适当位置,然后选取工具栏上的任意变形工具,用鼠标点住左边中心的手柄并向右拖动使它在横向压缩直到文字翻转,并在属性面板上将元件1的alpha值设置为0。5然后在第1帧创建运动渐变,并把“简易”值设置为-100。这样这个字在1到20帧之间会由左下向右上方加速移动,在移动的过程中形状不断压缩直到翻转,颜色也逐渐融于背景中,给人一种被风卷走消失的感觉。6对其它图层也是类似的操作,因为每个文字卷走的时间不一样,所以我们要稍稍做些调整,每一层都比下一层晚5帧起动
29、,然后将所有的图层都延伸到第55帧(图2)。图27按下ctrl+enter快捷键进行测试,查看效果。(二)飘落的花朵1新建一个flash文件,影片大小设置为500400,颜色为淡蓝色。2新建图形元件“花朵”,进入编辑窗口。3绘制花瓣:选择椭圆工具,设置笔触颜色为无,填充颜色为黄色。在场景中绘制一个圆。选择部分选取工具,单击圆形边框,然后把箭头放在两个焦点的中间,然后按shift+v键,切换到选择工具,这样的目的是为了使箭头的位置尽量不变动。然后按下鼠标左键的同时按住ctrl键,把箭头光标向圆中心移动。松开鼠标左键,然后再选择部分选取工具,把箭头放在相临的两个焦点的中间,然后按shift+v键,
30、重复刚才的动作,到中心后松开鼠标左键,到此一个花瓣制作完成(图3)。 图3 图4 4重复上面的操作,完成其余花瓣的制作(图4)。5绘制花蕊:选择椭圆工具,设置属性,笔触颜色为粉红色(ff00ff),笔触高度 8,笔触样式 斑马线,填充颜色为放射状渐变,左色标 红色,右色标 黑色。6在空白区域绘制一个圆,双击圆的填充颜色,选中圆的笔触和填充,在信息面板中设置元件位置为中心点,x、y值均为0。7使用ctrl+a选中所有图形,选择【修改】【组合】命令,将图形组合起来。至此花朵制作完毕。8新建一个影片剪辑元件“旋转”,进入元件编辑窗口,打开库面板将元件“花朵”拖入舞台,使用对齐面板将元件“花朵”相对于
31、舞台,水平中齐,垂直中齐。然后选择第60帧,按f6插入一个关键帧,同样调整“花朵”相对于舞台,水平中齐,垂直中齐。9选择图层1第1帧,在属性面板上进行属性设置:补间 动作,旋转 顺时针 3次,在第160帧之间创建旋转动画。10按“场景1”返回到主场景,选择图层1的第1帧,打开库面板,把元件“旋转”拖入到场景中,然后在图层1的第60帧插入一个关键帧,选中第1帧,设置动作补间。11选择“添加运动引导层”,添加一个引导层,然后选择铅笔工具,在引导层中画一条由上至下的光滑曲线,锁定引导层。12选中图层1的第1帧,拖动元件“旋转”将其中心与曲线的左上端点重合,并使用任意变形工具,将花朵变小变扁。13选中
32、图层1的第60帧,拖动元件“旋转”将其中心与曲线的右下端点重合,并使用任意变形工具,将花朵变大变宽。14按住【ctrl】【enter】测试影片,查看效果。(三)水中倒影1新建flash文件,设置影片属性:尺寸 150150,背景 黑色。2选择【文件】【导入】【导入到库】,导入一张百合图片到库面板中。3新建一个图形元件“百合”,将库面板中的图片“百合”拖入元件“百合”的舞台中,相对于舞台,水平中齐,垂直中齐。4返回“场景1”,在库面板中将元件“百合”拖入场景1中,使用对齐面板,相对于舞台,水平中齐,上对齐(图5),并将图层1重命名为百合。5新建一个图层,改名为“倒影100%”,将图库里的“百合”
33、拖入场景,放在上一层图片的下方,选择菜单【修改】【变形】【垂直翻转】命令,将其倒放,并使用对齐面板,相对于舞台,水平中齐,底对齐(图6),锁定图层“倒影100”。 图5 图6 图7 6新建一个图层,改名为“倒影60%”,重复上一步操作,将本层的图片与上层的图片基本重合,稍微移下一点点,然后将其透明度设为60%。7新建一个图层,改名为“蒙版”。然后新建一图形元件“波浪”,用矩形工具画若干细长的矩形,做为移动的波浪,做好后将元件“波浪”拖入场景1的图层“蒙板”上,放在百合花上面(图7)。8新建一个图层,改名为“水面”。然后新建一图形元件“水面”,用矩形工具画一个蓝色和黑色的线性渐变矩形框(图8)。
34、做好后将元件“水面”拖入场景中,将其盖住倒影,并设置其透明度为30%。 图8 图9 9新建一个图层,改名为“光线”。然后新建一图形元件“光线”,用椭圆工具画一个黑白放射状渐变的扁椭圆(图9),用来做水面上的光,如图21-7所示。做好后将其拖入场景中,并设置其透明度为40%。10将“蒙版”层设为遮罩层,单击该层的第35帧,按f6插入关键帧,然后将“波浪”元件向下拖动直到拖出舞台,单击第1帧创建运动渐变。11在每个图层的第35帧处按f5插入帧。12制作完毕,按住【ctrl】【enter】测试影片,欣赏一下美丽的百合花吧。(四)绕地球旋转的文字1新建一个flash文档,设置影片属性:尺寸400400
35、,背景色 蓝色。2新建一个图形元件“球体”,使用椭圆工具,绘制一个无笔触颜色,填充颜色为黄桔红色的放射状渐变的圆,选中画好的圆在信息面板设置圆的属性:宽 200,高200,元件坐标位置取中心点,x 0,y 0。3新建一个影片剪辑元件“文字动画”,使用椭圆工具绘制一个笔触颜色为白色、笔触高度为2、笔触样式为虚线,无填充色的圆,选中圆并在信息面板中设置其属性:宽 360,高360,x 0,y 0。4新建图层2,选择文本工具,设置文本属性:字体 宋体,字体大小60,文本(填充)颜色 黄色,在舞台上输入文字“保”,并将其放置在图层1的圆上。5选中文字“保”,单击任意变形工具,将文字的中心点移到与元件十
36、字中心点重叠的位置上,打开【变形】面板,在“旋转”文本框中输入30,单击7次“复制并应用变形”按钮,将字复制7份,并修改相关内容(图10)。 图10 图11 6选择所有文字,使用ctrl+g将其组合起来。选择文字,单击任意变形工具,将文字的中心点移到与元件十字中心点重叠的位置,以便制作动画时,文字能以此点为中心旋转。7选择图层1第60帧,按f5键延伸帧。选择图层2第60帧,按f6键插入一关键帧,选择图层2第1帧,在属性面板上设置:补间 动作,旋转 顺时针 1次,为文字添加动画效果。8返回“场景1”,从库面板中将元件“球体”拖入到舞台上,使用对齐面板设置:相对于舞台,水平中齐,垂直中齐。9锁定图
37、层1,新建图层2,从库面板中拖元件“文字动画”到场景中,使用任意变形工具将元件“文字动画”的中心点与元件十字点对齐,在信息面板中设置其宽为370、高为130,x 200,y 200。10新建图层3,绘制一个如图示的形状,遮住元件“文字动画”的大部分,只露出与元件“球体”上部重合的一小部分(图11),并将图层3设为遮罩层。11制作完毕,按住【ctrl】【enter】测试影片,欣赏绕着地球旋转的文字。实验五 声音和视频一、实验目的1掌握声音的编辑与控制。2学会导入声音和视频。3了解利用行为控制声音。二、实验内容和步骤(一)给按钮添加声音1新建一个flash文件,设置文档属性: 尺寸 300300,
38、背景色 黑色。2选择【窗口】【其他面板】【公用库】【按钮】命令,打开“公用库”面板,如图示。 3选中“公用库”面板中所需的按钮,将其拖入到主场景中,然后切换到按钮元件编辑窗口中。4单击“时间轴”面板中的“插入图层”按钮,插入一个新的图层,并将该图层重命名为“声音”层。5选择【文件】【导入】【导入到库】命令,再弹出的“导入到库”对话框中,选择一个合适的声音文件,单击“打开”按钮。6选中“声音”图层的“按下”帧,按f7键,插入空白关键帧,在“属性”面板中的声音名称下拉列表中选择一个已经的导入到库中的声音文件。【提示】:可以用【编辑封套】对声音文件进行编辑。7测试影片,查看效果。【提示】:除了在“按
39、下”帧插入一个空白关键帧,添加声音外,还可以考虑在“指针经过”帧也加上声音。(二)控制视频播放1新建一个flash文档,设置文档属性:尺寸 400300,背景色 008484。2选择【文件】【导入】【导入到库】命令,选择用户需要的视频文件进行导入操作。【提示】:导入时可以对视频文件进行剪辑。3将导入的视频文件拖到主场景中,选中它使用“变形”面板调整视频的大小,并将视频放到场景上的合适位置,锁定图层1。4单击“时间轴”面板中的“插入图层”按钮,新建“图层2”。5选择【窗口】【其他面板】【公用库】【按钮】命令,打开公用库中的“按钮”面板。6在该面板中双击“cricle buttons”选项,选择“
40、play”按钮和“stop”按钮,将其拖动到场景中视频的下方,适当调整两个按钮的位置和大小。7选择“图层2”的第1帧,按f9键打开“动作”面板,在该面板中输入以下脚本:stop();8选择该帧上的“play”,在“动作”面板中输入以下脚本:on(press)play(); 9选择“图层2”上的“stop”按钮,在“动作”面板中输入以下脚本:on(press)stop();10单击“时间轴”面板中的“插入图层”按钮,新建“图层3”。11选择工具箱中的举行工具,设置笔触颜色为白色,填充颜色为无,在图层3中绘制一个与视频文件大小相同的矩形框。12测试影片。三、课后练习1给实验十中的按钮添加合适的声音
41、。实验六 脚本语句(一)一、实验目的1了解flash的动作语句。2掌握actionscript的有关术语。3了解actionscript的语法。二、实验内容和步骤(一)脚本控制图片放映1新建一个flash文件。2在场景1中第1帧,使用文本工具输入文字“场景1”,为此帧添加一个动作脚本:stop();。3新建一个图层2,在图层2中放置一个按钮,为按钮添加一个动作脚本:on(press)nextscene ();4选择【插入】【场景】,新建一个场景2。5在场景2的图层1,插入5个关键帧,在第1帧上输入文本“场景2开始”,在第2、3、4帧上插入3幅图片,在第5帧上输入文本“场景2结束”。6为场景2图
42、层1的第1帧和第5帧添加动作脚本:stop(); 锁定图层1。7新建一个图层2,在图层2上放置5个按钮,分别添加动作脚本:on(press)prevframe();on(press)nextframe();on(press)stop();on(press)play();on(press)gotoandstop(1);8在图层2的第5帧插入一个空白关键帧,放置一个按钮,为按钮添加动作脚本:on (press) gotoandplay(1);9新建一个图层3,在图层3上放置一个按钮,为按钮添加动作脚本:on (press) prevscene();10测试影片,查看效果。【提示】:按钮样式可以自由
43、设置。(二)简单计数器1新建一个flash文件,设置影片属性:尺寸 200200,背景色 黑色。2选择工具栏中的文字工具,设置其属性:类型 动态文本,字体 宋体,字体大小 70,文本颜色 黄色,居中对齐,变量 i,如下图示。3在第1帧使用文本工具插入一个动态文本框,设置为固定宽度。4按f9打开动作面板,输入以下脚本:if (i60) i = i+1; else i = 1;5将图层1延伸到第3帧。【提示】:延伸的帧数可以自己任意设置,自己设设看看效果。6测试影片。三、课后练习1使用actionscript语句制作一个浏览flash的计数器。(1)直接打开一个flash文档,将下列actions
44、cript语句写到图层1第1帧的动作面板里,然后直接测试查看效果。var mylso = sharedobject.getlocal(foo);if (mylso.data.counter = undefined) var mycounter = ;mycounter.count = 1;mylso.data.counter = mycounter;counters = mylso.data.counter.count; else mylso.data.counter.count+;counters = mylso.data.counter.count;this.createtextfield
45、(count_txt, 1, 150, 100, 200, 100);count_txt.html = true;count_txt.htmltext = 你是第+counters+个访问该swf的人;(2)自己查阅帮助,理解每个语句的意思。实验七 脚本语句(二)一、实验目的1掌握flash的影片剪辑控制语句。2了解actionscript的有关术语。3了解actionscript的语法。4比较运用脚本和没有应用脚本的flash动画制作的差异。二、实验内容和步骤(一)雨(使用遮罩)1新建一个flash文件,设置文档属性:背景色 黑色,帧频 24fps。2新建一个图形元件“线”,进入该元件的编辑
46、状态。3选择线条工具,按住shift键绘制一条垂直的线。4选择【修改】【形状】【将线条转换为填充】,将线条转换为填充后,再选择直线,按住alt键不放,多次水平移动直线,对直线进行复制(图1)。【提示】:由于线条不能当作遮罩对象,而雨效果却是线条状的,所以必须把线条转换为填充。 图1 复制直线 图2 调整元件位置5新建一个影片剪辑元件“雨”,进入其编辑状态。6打开库面板,将元件“线”拖到第1帧,选择第15帧,按f6插入一个关键帧,并将元件“线”向右移动一定的位置,在115帧间创建动作补间动画。7新建图层2,选择图层1中的元件“线”,按ctrl+c键进行复制,选择图层2中的第1帧,按ctrl+v键
47、进行粘贴,适当调整复制后的元件的位置(图2)。8选中图层2中第1帧的元件,按ctrl+t打开变形面板,设置倾斜角度水平2度(图3),按回车键应用设置。 图3 变形面板设置 图4 遮罩效果9选择图层2,单击鼠标右键,执行“遮罩层”命令,添加遮罩效果(图4)。10返回场景1,将元件“雨”拖入到图层1的第1帧,并在属性面板中调整元件的宽为550,高为400,相对于舞台,水平中齐,垂直中齐。11新建图层2,将图层2拖到图层1下面。12导入一张图片到库中,将导入到库的图片拖入图层2中作为背景。13测试影片,查看效果。【提示】:如果对效果不满意,可以在元件“线”和“雨”中进行调整,调整线条之间的距离,调整遮罩层上元件和被遮罩层中元件之间的关系等。(二)小雨1新建一个flash文件,设置影片属性:背景色 黑色,帧频40fps。2新建一个图形元件“雨滴”,进入其编辑区域。3使用椭圆工具,设置椭圆属性:笔触颜色 无,填充颜色 白色,在舞台上绘制一个椭圆,使用选择工具调整其形状,使其成为一个小水滴的形状,并将图形相对于舞台,水平中齐,垂直中齐。 图5 “雨滴”元件 图6 “波纹”元件4新建一个图形元件“波纹”,进入其编辑区域,使用椭圆工具在舞台上绘制一个笔触为白色,没有填充颜色的椭圆,并将椭圆的x和y坐标的值设为0。5新建一个影片剪辑元件“下雨”,
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论