在制作网站过程中,增加些动画效果是非常美妙的一件事。由于最近在当Flash和PS课程的助教,也辅导学生完成PS、Flash、HTML等操作,所以这篇文章主要是对Flash动画的入门介绍,希望对你有所帮助,因为是非常基础甚至没有涉及到代码的文章,如果文章中存在错误或不足之处,还请海涵~

一. 软件介绍

该软件主要使用Macromedia Flash Professional 8实习,而最常用的软件是Adobe Flash CS5,原理和操作基本类似。
        首先创建一个Flash文档,Adobe Flash常创建ActionScript 3.0来新建Flash文档。

创建的Flash文档主界面如下所示,包括:工作区间、时间轴、工具面板、库、属性等界面。

通常需要打开三个面板:时间轴、属性和库(元件放入仓库)。

Flash保存文件,通常包括两种格式:
        1) .fla原始文件,可以修改;
        2) .swf动画播放格式,可以播放。

二. 闪烁和渐显字体效果

下面介绍两个简单的案例。
        1.闪烁字体
        首先在工具栏中插入文字,可以通过属性栏中设置字体颜色、大小等。

然后需要在时间轴中插入关键帧(起到关键作用的帧,实心小黑点,里面实际存在内容),设置一定距离插入关键帧,并设置不同的颜色。

最后“文件”->“导出”->“导出影片”,swf格式。

播放如下所示:


        2.渐显字体

        首先在工具栏中插入文字,可以通过属性栏中设置字体颜色、大小等。然后选中文字,点击“修改”->“分离”按钮。

注意:需要点击两次,两次后会显示网状效果。然后在时间轴中“插入关键帧”。

在新插入帧中,使用橡皮工具从最后一个字进行擦除。

依次插入关键帧,然后使用橡皮工具擦除相关汉字,直到所有汉字擦除干净。

此时,可以点击“控制”->“播放”,查看预定义的效果。但是此时的效果是从右往左渐渐消失,希望的效果是从左望右渐渐显示。
       需要按住Shift键,单击最后一帧,将所有帧选中,然后点击“修改”->“时间轴”->“翻转帧”命令,此时所有帧将翻转过来。

此时可以预览效果,同时可以到处swf文件。
        希望这篇文章对你有所帮助,严格意义上,它不能属于编程相关的,但常用于各种网站中,所以对制止网站还是非常有帮助的,后面还会分享补间动画,篮球运动、蝴蝶穿花等知识。
        今天是双十一,但自己内心还是非常复杂的,太忙太忙,而且有些事情又不能说出来。哎!周四下午助教,晚上赶过来,周五上课,周五回去写材料,4点自愿辅助信管学生编程,6点半上课,9点半赶回北院监考。期间还有各种杂事,虽然无数次的知道,抱怨不好,但是还是想记录下,唯一庆幸的是学生对我的关心和朋友兄弟之间的关怀,坚持五年试试看,从未如此担心自己坚持不了一个誓言~
        (By:Eastmount 2016-11-11 深夜2点40 http://blog.csdn.net/eastmount/ )

网站设计之Flash简单动画入门介绍(一)字体闪烁及渐显相关推荐

  1. HTML5期末大作业:在线电影网站设计——我不是药神电影介绍(4页) HTML+CSS+JavaScript 大二实训大作业HTML源码...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  2. 《网站设计 开发 维护 推广 从入门到精通》—— 1.6 网站建设的一般流程

    本节书摘来异步社区<网站设计 开发 维护 推广 从入门到精通>一书中的第1章,第1.6节,作者:何新起 ,娄彦杰,更多章节内容可以访问云栖社区"异步社区"公众号查看. ...

  3. 《网站设计 开发 维护 推广 从入门到精通》——1.6 网站建设的一般流程

    本节书摘来自异步社区<网站设计 开发 维护 推广 从入门到精通>一书中的第1章,第1.6节,作者: 何新起 , 娄彦杰 更多章节内容可以访问云栖社区"异步社区"公众号查 ...

  4. 《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——第2章 使用Photoshop CC入门基础2.1 Photoshop CC工作界面...

    本节书摘来自异步社区<网页美工设计Photoshop+Flash+Dreamweaver从入门到精通>一书中的第2章,第2.1节,作者: 安道通 更多章节内容可以访问云栖社区"异 ...

  5. 《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.2 网页美工常用工具...

    本节书摘来自异步社区<网页美工设计Photoshop+Flash+Dreamweaver从入门到精通>一书中的第1章,第1.2节,作者: 安道通 更多章节内容可以访问云栖社区"异 ...

  6. 《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全

    本节书摘来自异步社区<网页美工设计Photoshop+Flash+Dreamweaver从入门到精通>一书中的第1章,第1.6节,作者: 安道通 更多章节内容可以访问云栖社区"异 ...

  7. 《网站设计 开发 维护 推广 从入门到精通》——2.3 页面设计创意思维

    本节书摘来自异步社区<网站设计 开发 维护 推广 从入门到精通>一书中的第2章,第2.3节,作者: 何新起 , 娄彦杰 更多章节内容可以访问云栖社区"异步社区"公众号查 ...

  8. 《网站设计 开发 维护 推广 从入门到精通》—— 2.3 页面设计创意思维

    本节书摘来异步社区<网站设计 开发 维护 推广 从入门到精通>一书中的第2章,第2.3节,作者:何新起 ,娄彦杰,更多章节内容可以访问云栖社区"异步社区"公众号查看. ...

  9. HTML5期末大作业:在线电影网站设计——我不是药神电影介绍(4页) HTML+CSS+JavaScript 大二实训大作业HTML源码

    HTML5期末大作业:在线电影网站设计--我不是药神电影介绍(4页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设计作 ...

最新文章

  1. 弄懂“进程”(上):3个组成部分、4个基本特征、4个基本状态
  2. C++结合插入排序和合并排序的算法(附完整源码)
  3. mysql HEX将字符串或数字转化为16进制字符串、UNHEX将16字符串转化成二进制
  4. linux 二进制转十进制脚本,linux-shell 脚本转换 十六进制 十进制 八进制 二进制...
  5. 自学python到什么程度可以找工作-Python学到什么程度就可以找工作?
  6. 基于Task的异步模式的定义
  7. 查看硬盘转速_【装机帮扶站】第538期:哪些CPU、板卡、硬盘对于普通消费者而言不太值得购买?...
  8. PHP高并发高负载下的3种实战场景解决方法
  9. 乐优购物学习笔记(5)
  10. APISpace 银行卡二要素API
  11. 如何使用MATLAB coder将MATLAB代码转换成C/C++语言(详细图文教程)
  12. xss.haozi.me弹窗练习0x00-0x10
  13. Django——08.with语句,url标签, 解析特殊字符查verbatim
  14. 手机内存中安装apk
  15. Unity XR开发之入门介绍(一)
  16. 【物理应用】基于Zernike多项式的大气湍流相位屏的数值模拟附matlab代码
  17. VK11\VK12\VK13 价格间隔拆分问题
  18. canal kafka camus整合
  19. DSP TMF320F2803x 串行通信接口SCI
  20. 2018年全球大数据公司全景画像汇总

热门文章

  1. eclipse自动补全
  2. [linux]cp和mv对文件和链接影响的区别
  3. 建议博客园增加 blog 内容的 zip 打包功能。
  4. c语言删除文件remove_C程序删除文件
  5. python 求厉害数
  6. Java黑皮书课后题第8章:***8.20(游戏:四子连)两人玩游戏,轮流将有颜色的棋子放在一个六行七列的垂直悬挂网格中。谁先实现一行、一列或者一对角线上有4个相同颜色的棋子。
  7. Java黑皮书课后题第8章:*8.8(所有最近的点对)修改程序清单8-3,找出所有所有具有最小距离的点对。下面是一个运行示例
  8. Java黑皮书课后题第7章:*7.11(统计:计算标准差)编程练习题5.45计算数字的标准差。本题…计算标准差,使用一个数组存储x的每个数。编写测试程序,提示用户输入10个数字,显示平均值和标准差
  9. apscheduler 脚本执行失败_Bash编程入门-3:数学运算及脚本
  10. 怎样分组教学计算机学生才有兴趣,学生计算机论文,关于如何激发职业中专学生学习计算机的兴趣相关参考文献资料-免费论文范文...