注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Flash >> 制作实例 >> 网页设计正文

Flash动画制作小野人玩摇滚实例

文章来源:中国IT实验室收集整理 作者:佚名 更新时间:2007-12-30 12:01:40 【 】 【加入收藏
◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

  本例结合Flash逐帧和补间两种动画,另外还需要掌握声音的加入。

  FLASH的制作关键在于熟练,熟能生巧。所以大家不妨多练,也许你第一次不能做得太完美,但是多练,会有不错的作品的。

  1、新建元件"彩圈"。单击"椭圆工具"按钮 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载,在舞台上画出6个同心椭圆边框,单击"颜料桶工具" Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载,为3个圆环由内到外分别填上红黄蓝3色,并删去圆环的边框。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  2、新建元件“彩圈变化”。将元件“彩圈”拖到舞台上,用“任意变形”工具将它缩得比较小。

  3、在元件“彩圈变化”中,新建图层2,位于“图层1”的上方,单击图层2的第一帧,再次将“彩圈”拖到舞台上,用任意变形工具将它略扩大,使图层1中的彩圈刚好置于图层2的彩圈内,而不会有重叠。

  4、将"图层2"中的图形选中,选择"属性面板"中"颜色"选框中的"色调,单击选择框旁边的色标,在弹出颜色制定窗口中选择紫色,并在"色彩数量"输入框中输入30%(如图中有两个彩圈,中间的和外面的。)

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  5、单击两个图层的第12帧,按下F6,将图层1第12帧上的彩圈扩大,将图层2第12帧的彩圈缩小,仍然是大彩圈套小彩圈。

  6、选中"图层1"上第12帧上的图形,选择"属性"面板中"颜色"选框中的"色调"选择项,单击右边的色标,在弹出窗口选择绿色,并在色彩数量中输入"30%"。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  7、右键单击两个图层的第一帧,在弹出窗口中单击"创建补间动画"命令。此时"彩圈变化"元件中的时间轴应如图:

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  8、新建元件"背景",单击 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载 选择蓝色填充,在舞台中画一个矩形。

  9、新建元件"人物",单击"铅笔"工具按钮Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载,在舞台中画出一个外形比较狂野的人物形象,并单击"颜料桶"工具Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载,选择合适的颜色为人物上色。

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台


  10、单击元件"人物"的第4帧,按F6插如关键帧,将人物的手口眉,胡须略做调整。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  11、返回场景,导入一声音文件至库中,并将声音文件放置在第一帧处,在124帧处按下F5,将帧延续至124帧。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  12、新建"图层2",单击第一帧,将元件"背景"拖至舞台,用"任意变形"工具调整它的大小,使它撑满整个舞台。

  13、在"图层2"的第一帧到124帧之间,随机的插入关键帧,并将各关键帧上的元件"背景"选中,选择"属性"面板中的"颜色"选框中的"色调"选项,单击"颜色"选择框旁的色标,在弹出窗口中为各关键帧上的图形选择不同的颜色。

  14、新建"图层3"和"图层4",一层位于"图层2"的上方,分别单击"图层3"和"图层4"的第1帧,再将元件"彩圈变化"拖到舞台上,用任意变形工具调整它们的大小和位置。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载
 15、将"图层3"上元件"彩圈变化"的ALPHA值设为70%。将"图层4"上元件"彩圈变化"的ALPHA值设为50%。

  16、新建"图层5",位于"图层3"个"图层4"的中间,单击"图层5"的第1帧,将元件"人物"拖到舞台上,用任意变形工具对其调整。

  17、单击"图层5"第5,9,13,17,21帧,按F6插入关键帧,右键单击"图层5"第4,8,12,16,21帧和第24,27帧,在弹出菜单中单击"清除帧"命令。()被清除的帧就成了空白帧,这样做的目的是为了造成闪烁的效果。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

  18、单击"图层5"第28,42,58,66,71,76 帧,按F6插入关键帧,调整各关键帧上图形和大小的角度。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  19、右键单击"图层5"第38-41帧和第56,57,64,65,69,70,74,75帧,在弹出菜单中单击"插入空白帧"命令。

  20、单击"图层5"第81,94,98,106帧,按F6插入关键帧,调整各关键帧上图形的大小,角度和位置。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  21、右键单击"图层5"的第81帧和第94帧,在弹出的菜单中单击"创建补间动画命令"。

  22、单击第81帧和第94帧,选择"属性"面板的"旋转"选框中的"逆时针",并将次数设为1。

  23、单击"图层5"第111,116和121帧,按F6插入关键帧,调整关键帧上图形的大小,角度和位置。

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载 Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  Flash动画制作实例_小野人玩摇滚_中国设计秀网络学院转载

  24、右键单击"图层5"第109,110,114,119,120帧,在弹出菜单中单击"插入空白关键帧"命令。

  • 上一篇网页设计:

  • 下一篇网页设计: 没有了
  • 最 新 热 门
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     实现在AJAX下的前进、后退功能
     创建吸引访问者的网站内容的14种方法
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     学习CSS布局网页的一些实例
     CSS学习者:2008年不要作浮躁的人
     网页设计制作之改进超级链接效果
    最 新 推 荐
     Flash动画制作小野人玩摇滚实例
     Flash入门教程:滚动字幕动画的制作
     Flash制作交互动画星座查询器
     Flash教程:制作天空中流星划过特效
     Flash教程:制作文字波动视觉特效
     Flash教程:制作有趣的星座查询器
     Flash教程:用鼠标控制图片移动效果动画
     用Flash引导线制作爱心图案动画
     再谈用Flash引导线制作爱心图案动画
     Flash教程:引导线制作爱心图案动画
    相 关 文 章

    Flash教程:if条件语句的用法
    Flash教程:测试AS代码的执行速度
    Flash教程:trace()的使用
    Javascript代码在网页中简单应用的几个示例
    Flash AS 教程:多种图片切换效果
    Flash AS教程:填色游戏的制作
    Flash入门教程:滚动字幕动画的制作
    Flash逐帧和补间制作小野人摇滚动画
    Flash制作交互动画星座查询器
    flash教程:使用拆分数字和文字的函数

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用