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

在制作网站过程中,增加些动画效果是非常美妙的一件事。由于最近在当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/ )

时间: 2024-09-28 22:51:20

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

网页设计中常用的19个Web安全字体

在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体.但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用. 1,  Arial 微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读.但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代.(苹果系

简单高效!25个漂亮的简约风格网站设计作品

在过去几年里,网站设计领域发生了巨大变化.除了 RWD(响应式网页设计)和 Web 字体的革命,现代设计的发展趋势迅速流行扁平化的配色方案,网页排版变得更加重要,重点已放在内容第一.最后,页面加载速度已成为决定你的网站成功的关键因素. 所有这一切都导致了整洁美观和简单易用网页设计趋势的流行.所以,经过这些年的尝试和努力后,我们已经真正进入到了简洁干净的网页设计的时代.下面选择了25个简约干净的网站,具备我们上面提到的所有因素,他们都以自己的方式来呈现美丽,你有什么感想? 您可能感兴趣的相关文章

JavaScript网站设计实践(三)设计有特色的主页,给主页链接添加JavaScript动画脚本

原文:JavaScript网站设计实践(三)设计有特色的主页,给主页链接添加JavaScript动画脚本 一.主页一般都会比较有特色,现在在网站设计(二)实现的基础上,来给主页添加一点动画效果. 1.这里实现的动画效果是:当鼠标悬停在其中某个超链接时,会显示出属于该页面的背景缩略图,让用户知道这个链接的页面大概内容是什么. 效果图: 2.实现这个效果的思路 (1)把主页的几个链接的背景图片缩放到150px*150px,拼成一张750*150的图片,并保存为slideshow.png,存放到ima

网站优化之301重定向最简单的方法介绍

自己建了一个网站,不加www 和加www 都是同一个页面,但是没有跳转,我们都知道,301重定向是一个对seo优化很友好的一个展示方式.也是一个权重传递的重要方式. 下面我们来说下修改.htaccess文件就可以搞定301重定向的办法,一直觉得这个办法是最好用的.一直在用. FTP 打开.htaccess,在 RewriteCond %{REQUEST_FILENAME} !-f 的上面添加: RewriteCond %{HTTP_HOST} ^yyaaw.com$ [NC] RewriteRu

神奇的滚动动画,30个视差滚动网站设计

使用 HTML5 和 CSS3,我们能够在浏览器中创建更有趣和更吸引眼球的效果.其中,视差滚动(Parallax Scrolling)就是这样的效果之一.这种技术通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果. 第一个视差滚动效果的网站是由伊恩·科伊尔在2011年设计的(叫“Nike Better World”,现在已经改版了).如今,视差滚动已经通过各种各样方式被大量使用,这是一个创建愉快的用户体验的伟大的方式. 在这个综合列表中,推荐了30个梦幻般的

SpringCloud超简单的入门(1)--一些简单的介绍

简介 简单来说,springcloud的就是由一组springboot应用(服务)组成,相互之间通过REST等方式进行通信. 两个springboot应用,其中一个作为服务提供者,一个作为服务消费者,我认为这就构成了一个最简单的springcloud应用,之后其他的工具都是为这两个应用来服务的. 我们来看下,官方给的架构图,可以看出,核心就是microservices,其他都是为了保证microservices正常运转的工具. 架构图 既然是最简单的入门教程,那么其他概念什么的就不说了,下面咱们

十大网站设计错误

1.搜索引擎不友好 搜索引擎对于难以处理和识别的打字稿.复数.连字号等等各种各样的问题,搜索的准确度会降低.显然,如果搜索引擎刻意去迎合这种错误使用的话,会伤害到所有的搜索使用者. 一个相关的问题是,搜索引擎区分结果是依靠文档的重要性,而只是按照内容关联次数简单地进行结果区分. 当找不到信息的时候,搜索是用户的救生索.即使有高级搜索功能,建议还是使用简单搜索,搜索形式应该是一个简单的录入框,就像我们常见的那一种. 2.使用PDF文件做为在线阅读 用户讨厌在浏览的时候跳出PDF文件,因为那会打断用

网站设计概念详解之第一章(入住博客园十月16日记)

1基本概述编辑 简单来说,网站设计的目的就是产生网站.简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格,都可以通过使超文件标示语言.可扩展超文本标记语言等标示语言放置到网站页面上.而更复杂的信息如矢量图形.动画.视频.声频等多媒体档案则需要插件程序来运行,同样地它们亦需要标示语言移植在网站内.网页设计是设计过程的前端(客户端)的设计通常用于描述一个网站,包括写标记,但是这是一个灰色地带,因为这还覆盖了网络的发展.网页设计师预计将有意识的可用性,如果他们的作用,需要创建标记,那么它

Android入门介绍

Android入门介绍 3G.4G 第三代移动通信技术(3rd - Generation),速率一般在几百Kbps,较之前的2G和2.5G在数据传输速度上有很大提升. 第四代移动通信技术(4th - Generation),速度可达到100Mbps以上,几乎可以满足人们的所有传输数据的需求. 目前主流的3G技术标准有三种: WCDMA:全球80%以上的3G网络都是采用此种制式.中国联通运营.186 CDMA2000:目前日韩及北美使用较多.中国电信运营. 189 TD-SCDMA:中国自主知识产