Flash CS3 入门视力成像Word文件下载.docx
《Flash CS3 入门视力成像Word文件下载.docx》由会员分享,可在线阅读,更多相关《Flash CS3 入门视力成像Word文件下载.docx(11页珍藏版)》请在冰豆网上搜索。
●逐帧动画
●创建动画
练习过程
(1)打开课件模板。
双击“模板”,进入“组”工作区,设置模板背景为蓝色(#006633)。
返回场景。
新建“标题”图层,输入如图所示标题。
分别在第140帧处插入帧,延续模板中的内容。
(2)新建“正常视力”图层,选择【文本工具】,在【属性】面板中设置字体、字体大小以及字母间距,在第1帧处输入“正常视力”内容,按F8键打开【转换为元件】对话框,将其转换为图形元件,并设置该帧处元件的Alpha数值为0%。
在第15帧处插入关键帧,向下移动元件位置,然后创建补间动画,如图所示。
(3)按Ctrl+F8快捷键,新建“蜡烛”图形元件,选择【线条工具】,在【属性】面板中设置线条【高度】,绘制蜡芯。
选择【矩形工具】,绘制线性渐变矩形,然后选择【选择工具】调整形状如图所示。
(4)单击“蜡烛”图层第20帧,选择【椭圆工具】绘制由黄色到红色的线性渐变椭圆,按F8键,将其转换为“火焰01”图形元件,如图所示。
(5)在“蜡烛”图层第30帧处插入关键帧,单击【选择工具】选择右侧的“火焰”图形元件,按Delete键将其删除。
然后选择第41帧,插入空白关键帧,如图所示。
(6)新建“瞳孔”元件,选择【铅笔工具】,绘制如图所示的瞳孔形状。
在绘制过程中,用户可以根据需要,随时调整笔触高度,如图所示。
(7)返回场景。
新建“瞳孔”图层,在第20帧处插入关键帧,然后,打开【库】面板,选择【选择工具】,将“瞳孔”元件拖动到如图所示位置。
(8)在“瞳孔”第39帧处插入关键帧,打开【库】面板,选择【选择工具】,将“火焰01”元件拖动至蜡烛的上方,如图所示。
(9)在“瞳孔”图层第41帧处插入关键帧,选择【选择工具】,将该帧处的蜡烛元件删除。
然后在第42帧处插入空白关键帧,如图所示。
(10)新建“火焰”图层,在第20帧处插入关键帧,打开【库】面板,将“火焰01”图形元件拖动至蜡烛的上方,如图所示。
(11)在“火焰”图层第21帧处插入空白关键帧,然后选择【椭圆工具】,打开【颜色】面板,设置各渐变颜色,绘制如图所示的线性渐变火焰,并将该形状转换为“火焰02”图形元件。
(12)依次类推,分别在“火焰”图层第22帧、第23帧、第24帧……第29帧处绘制不同颜色的线性渐变椭圆形状,并将其转换为“火焰03”、“火焰04”、“火焰05”……“火焰10”图元件,如图所示。
(13)按Shift键,单击“火焰”图层第20帧与第29帧,右击该图层,在弹出的菜单中选择【复制帧】命令。
然后,在第30帧处右击该图层,在弹出的菜单中选择【粘贴帧】命令,并在第40帧处插入空白关键帧,如图所示。
(14)选择第20帧,在弹出的菜单中选择【复制帧】命令。
然后,在第41帧处右击该图层,在弹出的菜单中选择【粘贴帧】命令。
然后选择第42帧,插入空白关键帧,如图所示。
(15)新建“线A”图层,在第29帧处插入关键帧,选择【线条工具】,在【属性】面板设置【笔触高度】为1,然后绘制如图所示的线条。
(16)在第34帧插入关键帧,在火焰与瞳孔之间绘制直线,在第29帧与第34帧之间右击,在弹出的菜单中选择【创建补间形状】命令,如图所示。
(17)在第35帧处插入空白关键帧。
在第36帧插入关键帧,绘制如图所示直线,然后在第39帧处插入关键帧,绘制直线并在第36帧与第39帧之间创建补间形状动画。
选择第40帧,插入空白关键帧。
(18)新建“线B”图层。
参考以上步骤,在第29帧与第34帧之间创建补间形状动画。
如图所示。
(19)在“线B”图层第35帧处插入空白关键帧。
参考以上步骤,在第36帧与第39帧之间创建补间形状动画。
(20)在“线B”图层第35帧处插入关键帧,选择【线条工具】,绘制如图所示两条虚线,然后按F8键,将其转换为图形元件。
(21)打开【库】面板,选择“虚线01”图形元件,右击该元件,在弹出的菜单中选择【直接复制】命令,在打开的【直接复制元件】对话框中的【名称】中输入“虚线02”,然后双击该元件,进入工作区,继续绘制虚线。
(22)返回场景,在“线B”图层第41帧处插入关键帧,打开【库】面板,将“蜡烛”图形元件拖动到舞台中,然后打开【变形】面板,禁用【约束】选项,设置【宽度】和【高度】数值,并设置【旋转】数值。
选择【选择工具】,调整其位置如图所示。
(23)新建“火焰倒影”图层,在第40帧处插入关键帧,选择【椭圆工具】绘制线性渐变椭圆,然后将其转换为“火焰倒影”图形元件,如图所示。
(24)在“火焰倒影”图层第41帧处插入空白关键帧。
新建“线D”图层,在第40帧处插入关键帧,打开【库】面板,将“虚线02”拖动至如图所示位置,然后在第41帧处插入空白关键帧,如图所示。
(25)在“线D”图层上方新建“动作”图层,选择第41帧,插入关键帧,按F9键打开【动作—帧】面板,输入“stop();
”,为动画添加停止动作,如图所示。
至此,正常视力的演示动画制作完毕。
在制作课件时,用户可以在需要停止地方,在“动作”图层中插入关键帧,然后添加stop();
动作,以下不再一一叙述。
(26)选择“正常视力”图层,打开【库】面板,选择“正常视力”图形元件,右击,在弹出的【直接复制元件】对话框【名称】中输入“近视视力”,双击该元件,然后修改其内容为“近视视力”。
参考制作的“正常视力”图形元件的动画,在第42帧与第58帧之间创建由无到有,由上到下的补间动画。
(27)参考以上步骤,分别在“瞳孔”、“蜡烛”图层复制并粘贴帧。
然后,选择“蜡烛”图层第20帧至第42帧,复制帧,然后将其粘贴至第64帧与第88帧处。
然后在“瞳孔”第64帧与第73帧处创建瞳孔向右变形的动画,如图所示。
对于“线A”、“线B”、“火焰倒影”的动画,用户可以参考“正常视力”的动画效果。
(28)参考以上步骤,在“瞳孔”图层的第121帧、第128帧处创建瞳孔收缩的变形动画,如图所示。
(29)在“动作”图层第1帧处插入关键帧,输入涉及到的三个按钮的代码。
按Ctrl+Enter快捷键进行影片的测试,如图所示。