中国设计联盟
联网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
网站建设 域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计  虚拟主机 域名注册 acg王国 ACG玩家
求创科技
网站建设
中国福网
招聘求职
中国互联
艺魂宝库网
中资源
当前位置:网络学院首页 >> 设计教程 >> Flash >> Flash制作交互动画星座查询器

Flash制作交互动画星座查询器 (1)

来源:中国设计秀    作者:江舟一叶    点击:109     加入收藏    发表评论
0
顶一下
关键字:星座查询器 Flash
  本文中我们用Flash做一个交互动画实例——有趣的星座查询器。
  本文由中国教程网 江舟一叶 原创。

  效果演示:

 

  1.新建 FLASH 文档,打开属性面板,设置文档宽 400高 250 其它默认。

  2.在时间轴上新建四个图层, 我们将这五个图层自上而下分别命名 “语句” 、 “选择框” 、 “文字” 、 “星座” 、 “背景” 。
  Flash制作交互式动画星座查询器_天极设计在线转载图1


  3.新建一个影片剪辑元件取名为“背景”做一个渐变色的背景,大小为 400×250。回到场景,把这个背景剪拖到背景图层的第一帧,在第13帧加一个普通帧。

  4.分别在“文字”“星座”层的第二帧~第十三帧插入关键帧,在文字层第一帧输入“请选择你的生日范围”文字,第二~第十三帧输入“魔羯座”“水瓶座”“双鱼座”“白羊座”“金牛座”“双子座”“巨蟹座”“狮子座”“处女座”“天秤座”“天蝎座”“射手座” 。在星座图层分别对应上面的星座插入 12 星座图片。

  5.应注意各个星座之间的先后顺序。如果有举趣,还可以为每个星座加上一些说明和趣味性的文字。都完成后将“文字”“星座”层锁定。

  6.选择菜单栏的“窗口——开发面板——组件”命令,打开 FLASH 的组件面板,将其中User Interface下的 ComboBox 和 Button各拖一个至“选择框”层的第一帧,并用变形工具调整大小。

  Flash制作交互式动画星座查询器_天极设计在线转载图2

  7.用箭头工具选中其中的 ComboBox 组件,打开对齐面板水平中齐。

  8.保持 ComboBox 组件的选中状态,打开“属性”面板,可以看到有属性和参数选项,我们在属性选项的“实例名称”文本框中输入对象名称“xuanze” 。

  9.选中参数选项卡中的 labels 选项,在打开的值对话框中通过加号按钮添加各个选项的显示状态,输入各个星座对应的生日范围。

  Flash制作交互式动画星座查询器_天极设计在线转载图3

  10. 此时可以看见舞台上的 ComboBox 组件发生了变化,测试动画时已经列出了刚才输入的各个值,同时显示五项,其余项可以通过滑动条显示。 
  11. 退出测试动画状态, 选中 ComboBox 组件, 在属性面板的参数选项卡中双击 “data”选项,然后在打开的“值”面板中输入每个 labels 选项在动画内部真正对应的数值,如图所示。

  Flash制作交互式动画星座查询器_天极设计在线转载图4

[1] [2]
2007-12-20 10:25:59    出处:中国教程网
Google
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口