资源预览内容
第1页 / 共6页
第2页 / 共6页
第3页 / 共6页
第4页 / 共6页
第5页 / 共6页
第6页 / 共6页
亲,该文档总共6页全部预览完了,如果喜欢就下载吧!
资源描述
Flash 教程实例教程实例 光线特效文字光线特效文字 网页设计网页设计实例说明:本例我们将学习制作效果很好的光线文字。“HJIT”几个字母随着光线的照射,依次从左到右闪现,如图 1 所示。本例所涉及到的主要内容:通过静态光影的色调和在一同层上动画的时间差的调整来实现炫目的光线特效文字。通过本例的制作,你一定能够很好的掌握图形的渐变填充,文字与图形的交割,动画层中时间轴上的帧的控制以及对图形的绘制等等。爱好者在这里可以体会到,精美的动画制作需要的是好的创意和制作方法。本例中应用的色调调整虽然很少,主要是黑白两色的运用,然而颜色分明的光线特效文字,作为插件用在网页效果还是不错的!创作步骤:创作步骤: 第 1 步,启动 Flash MX。新建一个动画文件,用鼠标右击舞台的空白处弹出快捷菜单,选择“文档属性”弹出“文档属性”对话框,如图 2 所示,设置文档属性:尺寸大小为 500PX250PX,背景色为黑色,帧速率为 24fps。第 2 步,按键盘上的“Ctrl+F8”组合键,打开“创建新元件”对话框,如图3 所示。在对话框中选择“图形”项,并命名为“Hlight”,单击“确定”按钮,进入“Hlight”的编辑环境。第 3 步,单击工具箱中的“文本工具”按钮,单击窗口下方的“属性”(或单击菜单“窗口”“属性”命令)弹出“属性”面板,设置好字体、大小和颜色。在这里我们选用“72”号“白色”“斜体”“Arial Black”英文字体,如图 4 所示。第 4 步,在工作区中输入英文大写字母“H”,选中后,按键盘上的“Ctrl+B”快捷键将其打散,并将其移到工作区的中心位置。 第 5 步,单击工具箱中的“直线工具”或“钢笔工具”或“矩形工具”画出一个封闭四边形或多边形,并调整到合适的大小。单击菜单“窗口”“设计面板”“混色器”选项,弹出“混色器”面板,选择一种“线性”的线性渐变,并且选择用黑白渐变进行填充,如图 5 所示。第 6 步,让线性渐变填充后的多边形与打散后的英文字母“H”进行交割,删除其多余的小部分内容,形成一个看上去好像是从字母一端发出来的一束光线,如图 6 所示。(技巧:图形的交割过程中要作一些简单的调整和删除操作,爱好者要自己尝试体会,并实现这一效果。Flash 中的许多图形需要我们自己来创建和实现,必要的绘制一些图形是学习 Flash 的重要一环,希望爱好者能认真思考与掌握。)第 7 步,铵键盘上的“Ctrl+F8”快捷键,打开“创建新元件”对话框。在对话框中同样选择“图形”选项,并命名为“H”,单击“确定”按钮,进入“H”元件的编辑环境。单击工具箱中的“文本工具”按钮,按照第 3 步的设置输入大写英文字母“H”,并将其移到舞台的中心位置,如图 7 所示。第 8 步,按照第 2 至 7 的步骤制作元件“Jlight”、“J”、“Ilight”、“I”、“Tlight”、“T”六个元件,它们的最后效果如图 8 所示。(技巧:“Jlight”、“Ilight”、“Tlight”这三个元件的光线角度与长短有所变化,希望认真观察。)第 9 步,单击工具栏上的“场景 1”图标切换到工作场景。用鼠标左键双击时间轴上的“图层 1”,将其改名为“Hlight”。在此层的第 1 帧中引入库的“Hlight”元件,适当调整其位置。在此层的第 5 帧、第 15 帧处按键盘上的 F6 键插入关键帧。 第 10 步,单击其时间轴上的第 1 帧,然后用工具箱中的“黑箭头工具”选中舞台中的“Hlight”元件。在工作区下方的属性面板中找到“颜色”选项(或单击菜单“窗口”“属性”命令),单击其右边的小三角元件,选择“Alpha”选项,并将其值设置为“0%”,如图 9 所示。第 11 步,按同样的方法,我们将第 35 帧中的“Hlight”元件的 Alpha 值设为“0%”。 第 12 步,用鼠标右键单击第 1 帧,并在弹出的快捷菜单中选择“创建补间动画”选项,用以创建一个移动变形动画。同样,用鼠标右键单击第 10 帧,并在弹出的快捷菜单中选择“创建补间动画”选项,这时我们在时间轴窗口中可以看到如图 10 所示的结果。第 13 步,单击时间轴左下角的“插入图层”按钮,新建一个图层,并命名为“H”,用鼠标左键单击第 3 帧并按键盘上的 F6 键插入一个关键帧。将库中的“H”元件拖入舞台,调整其位置,并将它重合于舞台中“Hlight”元件的“H”这一部分。 第 14 步,用鼠标左键单击时间轴上的第 10 帧,并按键盘上的 F6 键插入一个关键帧。单击“H”层上的第 3 帧,然后用工具箱中的“黑箭头工具”选中舞台的“H”元件,在工作区下方的属性面板中找到“颜色”选项,单击其右边的小三角元件,选择“Alpha”选项,并将其值设置为“0%”。 第 15 步,用鼠标右键单击 H 层上的第 3 帧,并在弹出的快捷菜单中选择“创建补间动画”选项,建立“H”层上移动渐变路径,如图 11 所示。第 16 步,按照第 9 步到 15 步的方法把元件“Jlight”、“J”、“Ilight”、“I”、“Tlight”、“T”六个元件分别放在相就的图层中,并在场景舞台中编辑相应的动画,最后把时间轴窗口中所有层中的帧延伸到第 40 帧,如图 7-12 所示。第 17 步,在制作其他层动画时可能不一定很顺利,其中时间轴中的帧的位置可以参考图 12。有一点要提醒大家:当我们将“Hlight”、“Jlight”、“Ilight”、“Tlight”这些元件拖入舞台中时,它们的位置一定要摆放的好一些,否则最后效果是很难看的。(技巧:在摆放其位置时可以先建立一个层,在层中用“文本工具”输入与元件“H”相同大小的文本“HJIT”来做摆放的依据。当然,制作完动画后,删除这一层。)再一点是,在制作其它层的时间轴中的帧的位置(即不同层上的动画的时间差)并不是固定不变的,需要大家灵活掌握应用。 第 18 步,按键盘上的“Ctrl+Enter”组合键,即可预览动画效果。
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号