zoukankan      html  css  js  c++  java
  • Adobe Edge Animate1.0 使用元件创建嵌套动画

    Adobe Edge Animate1.0 --使用元件创建嵌套动画

    版权声明:
    本文版权属于 北京联友天下科技发展有限公司。
    转载的时候请注明版权和原文地址。

    假如你想创建一个嵌套动画,这个动画有自己单独的时间线和交互功能,那么元件(Symbols)就是一个很好的选择。元件在舞台时间线上显示为一个元素,但是这个元素有属于自己的时间线,在舞台上你可以像平常元素一样对它进行编辑动画,比如让它从左边移动到右边;你也可以进入这个元件,对它包含的元素进行编辑。换言之,你可以在一个动画中创建另一个动画。

    元件(Symbols)是可重复使用的,一旦你创建了一个元件,它就会出现在你的资源库列表中,只要拖动元件到舞台即可。也可以使用Javascript API或者预置的代码片段来控制元件。

    Edge Animate中有使用元件创建动画的相关课程:

    1.选择菜单Widow-->Lessons

    2.点击Reuse

    一、创建元件

    1.在元素面板中,选择一个或者多个元素,可以将它们合并成一个元件。保持元素选中状态,点击鼠标右键,从弹出菜单中选择“转换为元件”(Convert to Symbol)即可。

    注:元件可嵌套,你可以选择一个或者多个元件将它们转换为嵌套元件。 

    2.点击转换为元件命令后,在弹出的对话框中为元件命名,点击OK

    二、对元件内元素进行动画编辑

    1.在元素面板或者舞台中,右键点击元件,选择“编辑元件”(Edit Symbol),你可以对元件中任一元素进行编辑动画。

    2.当结束编辑需要退出的时候,只要点击预览窗口上方的文字“舞台”(Stage)即可。

    3.点击时间线上方“播放”(Play)按钮或者敲击键盘上空格键,预览动画。

    三、导出元件(Export Symbol)

    为什么要导出元件?因为元件可以从一个工程复制粘贴到另一个工程。

    1.右击元件,选择“复制”(Copy)。

    2.切换到另一个工程,在元素面板中右击“舞台”(Stage)然后从弹出菜单中选择“粘贴”(Paste)。

    你也可以将元件和它的属性一起导出为一个单独的文件(后缀为.easym),它可以被共享或者导入到其他工程文件中。

    1.在舞台或者资源库面板中选择元件,右击并从弹出菜单中选择导出元件(Export Symbol)。

    2.从弹出对话框中选择文件保存路径和元件名。

    四、导入元件(Import Symbol)

    1.点击资源库面板中元件右侧的加号按钮(+);

    2.在弹出对话框中浏览并选择导入的元件(.easym)。

    五、使用Javascript对元件进行控制

    如何使用Javascript控制元件?在后续章节使用Javascript添加交互功能将详细介绍。

    你也可以从帮助菜单中查看软件帮助网络文档来学习如何对元件进行控制(Help-->Edge Animate Javascript API)。

    原文地址:

    http://helpx.adobe.com/content/help/en/edge-animate/using/create-nested-animations-symbols.html

    本文地址:

    http://www.cnblogs.com/adobeedge/archive/2012/11/26/Adobe_Edge_Animate_Create_Nested_Animate_With_Symbols.html

    翻译/注解:北京联友天下科技发展有限公司 肖伟民

  • 相关阅读:
    常见面试测试要点
    怎样在 CentOS/RHEL 7/6 上安装和配置 Sendmail 服务器
    Cannot uninstall 'pyparsing'. It is a distutils installed project
    Linux下校验SHA1和MD5的方法
    Linux查看进程启动时间和运行多长时间
    sqlplus -S参数表示什么意思?
    dnspython模块报错 AttributeError: 'CNAME' object has no attribute 'address'
    CentOS7中安装pip的方法
    四则运算中遇到的一个问题
    动手动脑
  • 原文地址:https://www.cnblogs.com/adobeedge/p/Adobe_Edge_Animate_Create_Nested_Animate_With_Symbols.html
Copyright © 2011-2022 走看看