《第十八周4课时flash.ppt》由会员分享，可在线阅读，更多相关《第十八周4课时flash.ppt（15页珍藏版）》请在三一办公上搜索。
1、Flash综合实例的设计与制作4课时,项目引言现在，大家对Flash应该有了非常深刻的认识，本项目中 将带领大家制作四个综合实例，感受Flash的无穷魅力。本项目涉及四个任务。任务一：综合实例一宣传校风任务二：综合实例二珍惜水资源任务三：综合实例三自制MV任务四：综合实例四拼图游戏,任务三 综合实例三自制MV,实践向导1.制作大海背景本任务中我们将为MV的制作打下基础，使用工具栏及辅助面板制作出MV的所有素材。(1)新建Flash文档，设置文档属性，如图6-3-1所示。保存文档名为“一次幸福的机会.fla”。,(2)导入背景图片，将“图层1”重命名为“背景”。打开“对齐”面板，选中“相对于舞台
2、”按钮，在“对齐”选项中选择“水平中齐”、“垂直中齐”，把舞台的视图大小设为“75%”，如图6-3-2所示。,图6-3-1 设置Flash文档属性,图6-3-2 设置背景对齐,(3)绘制海水图，按“Ctrl+F8”快捷键创建新图形元件，命名为“海水图”。使用钢笔工具和颜料桶工具绘制如图6-3-3所示的海水。(4)创建“海水”影片剪辑，从“库”面板中把“海水图”拖入舞台。(5)绘制“山”图形元件，使用绘图工具绘制如图6-3-4所示的山脉。(6)绘制“阳光”图形元件，使用绘图工具绘制如图6-3-5所示的阳光。(7)创建“动的阳光”影片剪辑，从“库”面板中把“阳光”图形元件拖入舞台；新建图层2，从“
3、库”面板中把“阳光”图形元件拖入舞台，旋转阳光；新建图层3，在第1帧绘制太阳，如图6-3-6所示。时间轴如图6-3-7所示。,如图6-3-3所示,如图6-3-4所示,如图6-3-5所示,如图6-3-7所示,图6-3-7“动的阳光”时间轴,(8)绘制“椰子树”图形元件，使用绘图工具绘制如图6-3-8所示的椰子树。图6-3-8“椰子树”的叶和树干注意：借助“变形”面板，设置旋转角度为30.0，点击“重制选区与变形”，你可以,(9)绘制“眼睛”，使用绘图工具绘制如图6-3-9所示的眼睛。(10)绘制“白云”图形元件，使用绘图工具绘制如图6-3-10所示的白云。,如图6-3-8所示,如图6-3-9所示
4、,如图6-3-10所示,(11)创建“动云”影片剪辑，按“Ctrl+F8”快捷键创建新影片剪辑元件，命名为“动云”。从“库”面板中把“白云”图形元件拖入舞台，在第300帧插入关键帧，把白云向右拖动900像素，选中第1帧到第300帧之间任意一帧创建传统补间动画。(12)绘制“贝壳”图形元件，使用绘图工具绘制如图6-3-11所示的贝壳。(13)绘制“男主角侧面”图形元件，使用绘图工具绘制如图6-3-12所示的男主角侧面。(14)绘制“女主角侧面”图形元件，使用绘图工具绘制如图6-3-13所示的女主角侧面。,图6-3-11“贝壳”图形元件 图6-3-12“男主角侧面”图形元件 图6-3-13“女主角
5、侧面”图形元件,(15)绘制“男孩的手”、“女孩的手”两个图形元件，使用绘图工具绘制如图6-3-14和图6-3-15所示的手。(16)绘制“牵手图”图形元件，使用绘图工具绘制如图6-3-16所示的牵手效果。,图6-3-14“男孩的手”图形元件,图6-3-15“女孩的手”图形元件,图6-3-16“牵手图”图形元件,(17)绘制“遮罩元件”影片剪辑，使用绘图工具绘制如图6-3-17所示的遮罩效果。(18)新建图层2，复制图层1中的线条，粘贴图层1的线条到当前位置，用向上键移动两个像素的位置，如图6-3-18所示。(19)绘制“拥抱”影片剪辑，使用绘图工具绘制如图6-3-19所示的拥抱效果。注意：为
6、便于修改，男、女主角各个不同部位应绘制在不同的图层中。(20)绘制“静态女孩背影”影片剪辑，使用绘图工具绘制如图6-3-20所示的静态女孩背影效果图。,如图6-3-17所示,如图6-3-18所示,如图6-3-19所示,如图6-3-20所示,(21)创建“女孩”影片剪辑，把“静态女孩背影”影片剪辑拖入舞台，将其分离，剪切女孩的头发，图层1效果如图6-3-21(a)所示。新建图层2，粘贴女孩头发到当前位置，时间轴如图6-3-22所示。(22)创建“海鸥”影片剪辑，使用绘图工具绘制海鸥，在第4、7、10和第13帧插入关键帧，调整海鸥翅膀的形状，如图6-3-23所示。,(a)图层1效果(b)图层2效果
7、图6-3-21“女孩”影片剪辑效果图,如图6-3-22所示,如图6-3-23所示,(23)创建“飞的海鸥”影片剪辑，把“海鸥”影片剪辑拖入舞台，新建引导图层，在舞台上绘制出海鸥飞翔的路线，使海鸥沿着引导路线飞行，如图6-3-24所示。(24)制作播放按钮，创建按钮元件，命名为“播放”。(25)在指针“经过”帧、“按下”帧、“点击”帧处按F6键插入关键帧，各帧效果如图6-3-25所示。(26)重复步骤(24)(25)，制作“重播”按钮元件。(27)创建“海面”影片剪辑，使用绘图工具绘制如图6-3-26所示的长方形海面,(a)按钮弹起帧效果,(b)指针经过帧效果,(c)按下帧效果,(d)点击帧效果
8、,如图6-3-24所示,如图6-3-26所示,(28)创建“动的海面”影片剪辑，把“海面”影片剪辑拖入舞台中心；新建图层2，粘贴“海面”影片剪辑在当前位置；新建图层3，图层命名为“矩形”，从“库”面板中把“遮罩元件”影片剪辑拖入舞台中心，设置矩形层与图层2的遮罩效果，时间轴如图6-3-27所示。(29)创建“大海图”影片剪辑，使用绘图工具绘制如图6-3-28所示的大海。(30)创建“大海0”影片剪辑，将图层1重命名为“大海”，把“大海图”影片剪辑拖入舞台，新建10个图层，分别命名为“山”、“海水”、“贝壳”、“椰子树”、“白云动”、“海鸥1”、“海鸥2”、“海鸥3”、“海鸥4”和“白云动”。分
9、别选中各层，从“库”面板中把“大海图”、“山”、“海水”、“贝壳”图形元件和“海鸥”、“白云动”影片剪辑拖到舞台中，如图6-3-29所示。,如图6-3-27所示,如图6-3-28所示,如图6-3-29所示,(31)创建“大海1”影片剪辑，把“大海0”拖入舞台中央；新建图层，把“女孩”影片剪辑拖入舞台，如图6-3-30所示。(32)创建“大海2”影片剪辑，把“大海0”拖入舞台中央；新建图层，把“椰子树”图形元件拖入舞台，如图6-3-31所示。(33)创建遮罩图形元件，使用绘图工具绘制如图6-3-32所示的长方形。(34)创建“结束语”图形元件，使用文本工具在舞台上输入如图6-3-33所示的结束语
10、。,如图6-3-30所示,如图6-3-31所示,如图6-3-32所示,如图6-3-33所示,2.MV制作在本任务中，我们将使用元件素材来制作MV作品。(1)回到主场景，将图层1重命名为“背景层”，选中第1帧，打开“动作”面板，输入代码“stop();”；把“大海2”影片剪辑拖入舞台中央。(2)新建“框”图层，选择矩形工具，选择填充颜色为“#000000”，为舞台添加如图6-3-34所示的边框。(3)新建“音乐”图层，导入“一次幸福的机会.mp3”。(4)新建“阳光”图层，从“库”面板中把“动的海面”影片剪辑拖入舞台左上角。(5)新建“大海1”图层，在第102帧处按F7键插入空白关键帧，把“大海
11、0”拖入舞台，将102帧处“大海0”的Alpha值调整为“0%”；将第270、419帧处“大海0”放大1.5倍；将744帧处“大海0”亮度降低为“32%”，最后创建传统补间。(6)新建图层，在第102帧插入空白关键帧，把“静态女孩背影”拖入舞台，将102帧处“静态女孩背影”的Alpha值调整为“0%”；选择102帧，创建传统补间。第166帧效果如图6-3-35所示。,(7)新建“大海2”图层，在第744帧插入空白关键帧，从“库”面板中把“大海0”拖入舞台，分别在第809、988、1039、1052帧处插入关键帧，将第809帧处“大海0”的Alpha值调整为“0%”，将第1039帧处“大海0”大
12、小放大1.5倍，将第1052帧处“大海0”亮度降低为“20%”。分别在第809、988、1039帧创建传统补间。(9)新建“拥抱”图层，在第516帧插入空白关键帧，把“拥抱”拖入舞台中央，在第547、564、605帧插入关键帧，分别在第516帧和第564帧把“拥抱”的Alpha值调整为“0%”，分别在第516、564帧创建传统补间。(8)新建“男孩”和“女孩”两个图层，分别在第457帧插入空白关键帧，把“男主角侧面”拖入舞台右侧外面，把“女主角侧面”拖入舞台左侧外面；在第490帧插入关键帧，把男、女主角移到舞台中央；在第525帧插入关键帧，把“男主角侧面”的Alpha值调整为“0%”。分别在第
13、457帧和第490帧“创建传统补间”，如图6-3-36所示。,(10)新建“男手”和“女手”图层，分别在第607帧插入空白关键帧，把“男手”拖至舞台右上，“女手”拖至舞台左上；在第648帧和第664帧插入关键帧，在第664帧把“男手”向右移到舞台外，“女手”向左移到舞台外，且设置Alpha值为“0%”，分别在第607帧创建传统补间。(12)新建“玫瑰”图层，在第825帧插入空白关键帧，把“玫瑰”拖入舞台中央；在第846、873、958帧插入关键帧，在第825、958帧把“玫瑰”的Alpha值设置为“0%”，在第873帧，把“玫瑰”放大1.5倍，并分别在第825、846、873帧创建传统补间。如
14、图6-3-37所示。(13)新建“牵手”图层，在第744帧插入空白关键帧，把“牵手”拖入舞台中央，在第777、809、958、985帧插入关键帧，在第744、985帧把“玫瑰”的Alpha值设置为“0%”，在第777帧把“玫瑰”的Alpha值设置为“50%”，分别在第744、777、958帧创建传统补间。,3.歌词层(1)新建图层，打开“动作”面板，输入代码“fscommand(allowscale，true);”，在第1475帧插入空白关键帧，输入帧代码“stop();”；从“库”面板中把“重播”按钮拖进舞台右下角，选择按钮输入代码“on(release)gotoAndPlay(1);”。(
15、2)新建“歌词”图层，根据音乐，在相应帧输入歌词。(3)新建“歌词2”图层，复制“歌词”图层上的所有帧，右键选择“歌词2”图层第1帧，粘贴帧，将所有关键帧上的歌词颜色改为“#FF0000”。(4)新建“遮罩”图层，在第156帧插入空白关键帧，从“库”面板中把“遮罩”图形元件拖入舞台，用来设置歌词的淡入。(5)新建“结束层”，在第1380帧插入空白关键帧，从“库”面板中把“结束语”图形元件拖入舞台，在第1475帧插入关键帧，把第1380帧上的“结束语”的Alpha值设置为“0%”，并创建传统补间。把“重播”按钮拖入舞台，选中“重播”，打开“动作”面板，添加按钮代码“on(release)gotoAndPlay(1);”。歌词层时间轴如图6-3-38所示。,
