第十八周4课时flash

《第十八周4课时flash》由会员分享，可在线阅读，更多相关《第十八周4课时flash（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)创建“动的阳光”影片剪辑，从“库”面板中把“阳光”图形

3、元件拖入舞台；新建图层2，从“库”面板中把“阳光”图形元件拖入舞台，旋转阳光；新建图层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所示如

4、图6-3-9所示如图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-

5、13“女主角侧面”图形元件(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)点击帧效果如图6-3-

8、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所示的结束语。如图6-3-30所示如图

10、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键插入空白关键帧，把“大海0”拖入舞台，将102帧处“大海0”

11、的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”大小放大1.5倍，将第1052帧处“大海

12、0”亮度降低为“20%”。分别在第809、988、1039帧创建传统补间。(9)新建“拥抱”图层，在第516帧插入空白关键帧，把“拥抱”拖入舞台中央，在第547、564、605帧插入关键帧，分别在第516帧和第564帧把“拥抱”的Alpha值调整为“0%”，分别在第516、564帧创建传统补间。(8)新建“男孩”和“女孩”两个图层，分别在第457帧插入空白关键帧，把“男主角侧面”拖入舞台右侧外面，把“女主角侧面”拖入舞台左侧外面；在第490帧插入关键帧，把男、女主角移到舞台中央；在第525帧插入关键帧，把“男主角侧面”的Alpha值调整为“0%”。分别在第457帧和第490帧“创建传统补间”，

13、如图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帧创建传统补间。如图6-3-37所示。(13)新建“牵手”

14、图层，在第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);”。(2)新建“歌词”图层，根据音乐，在相

15、应帧输入歌词。(3)新建“歌词2”图层，复制“歌词”图层上的所有帧，右键选择“歌词2”图层第1帧，粘贴帧，将所有关键帧上的歌词颜色改为“#FF0000”。(4)新建“遮罩”图层，在第156帧插入空白关键帧，从“库”面板中把“遮罩”图形元件拖入舞台，用来设置歌词的淡入。(5)新建“结束层”，在第1380帧插入空白关键帧，从“库”面板中把“结束语”图形元件拖入舞台，在第1475帧插入关键帧，把第1380帧上的“结束语”的Alpha值设置为“0%”，并创建传统补间。把“重播”按钮拖入舞台，选中“重播”，打开“动作”面板，添加按钮代码“on(release)gotoAndPlay(1);”。歌词层时间轴如图6-3-38所示。