您的位置:首页网页设计Flash → 用Flash5制作网站封面动画

用Flash5制作网站封面动画

时间:2004/11/7 2:25:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



             如果您已经有了自己的个人主页,是不是也想设计一个漂亮的封面呢?那就请用Flash来制作吧,让你的主页动起来、靓起来!


前 期 设 置


  1、启动Flash 5,执行“File→New”命令新建一个动画文件,然后在工作区单击鼠标右键,执行“Movies Properties”命令,打开“Movies Properties”对话框,设置页面大小为550×400,同时设置背景颜色(Background)为白色,完成以后单击“OK”按钮。


  2、选择主菜单“Insert→New Symbol”命令,在打开的对话框中新建立一个图形符号,并命名为Graphic1,选中“Graphic”选项,然后单击“OK”确定,切换到图元符号编辑窗口。在符号编辑区输入文字“chinamimgjian.yeah.net”,按 Ctrl + T 打开Character 面板,设置字体类型为Comic Sans MS,字号大小为20,并选中加重按钮B,设置字体颜色为绿色。


  3、同第2步,再添加一个图形符号Graphic2,并在符号编辑区输入文字“鸣涧动力”,设置字体为“行楷”,字号为36,颜色为蓝色。


动 画 设 计


  现在我们来描述一下本例动画的效果:首先网页地址从屏幕上方飞入,网站标题“鸣涧动力”从页面中央逐渐淡入,最后出现一个按钮(如图),提示进入主页。


  1、在主场景工作区按Ctrl + L打开Library库面板,我们会看到在前面建立的两个图形符号会出现在这里,然后将Graphic1拖入工作区,并放置在页面上方。完成之后选择TimeLine 的第10帧,点击鼠标右键,选择 “Insert Keyframe ”命令,这时 TimeLine 的第1帧和第10帧分别被黑圆点标记,工作区仍然是Graphic1的文字。选择工具栏的选择工具,将第10帧工作区的“chinamimgjian.yeah.net” 拖到工作区下方。


  2、选择“Scale”工具按钮,按住Alt键的同时,将此文字框放大至适当大小。这样在第1帧和第10帧之间文字的位置和大小就发生了改变。


  3、执行菜单“Windows→Panels→Frame”命令,打开Frame 面板,选择TimeLine窗口中的第1帧,选择Tweenimg 列表的 Motion 选项,在TimeLine 的第1帧和第10帧之间标出过度箭头。


  4、进入TimeLine窗口,在 Layer Name 区点击右键并选择下拉菜单中的 “Insert Layer”命令,新建一个Layer 2图层。如果要更改图层属性可以选择 Layer Name 区右键菜单下的 Properties 对其名称进行更改,还可以单击“Delete Layer”按钮删除当前图层。打开库面板,选择第10帧,将Graphic2拖入到工作区中,并放置在页面的中央,完成后选择第20帧,加入一个新的关键帧,将第20帧的“鸣涧动力”按比例放大至适当大小。然后在TimeLine 的第10帧和第20帧之间创建一个Motion 过度。完成以后拖动图层1的第10关键帧至第20帧位置。


  5、执行“Windows→Panels→Effect”命令,打开Effect面板进行图元的颜色和色彩的设置。选中图层2的文字,定位在关键帧10。Effect 面板包含五个子项,选中 Alpha选项,将Alpha 右侧选单设置为0% ,这样刚才选择的物件就剩下一个表示被选中的外框,文字则会消失。然后对其颜色进行设定,选中第20帧,在Effect面板的色谱表中选中一个合适的色彩,就可实现文字“鸣涧动力”淡入的效果变化。

  至此,我们就完成了一个网站动态封面的设计,最后就可以执行“File→Output Movies”命令将动画导出了。整个过程是不是很有劲感呢!希望有更多的闪客能互相交流,共同提高!

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼