网站设计之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/ )


  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
好的,针对你的问题,我可以给出以下的思路: 1. 首先,我们需要在 Pygame 中创建一个窗口,并且设置窗口的大小和标题。 2. 接下来,我们需要定义一个函数来创建闪烁的文字效果动画。在这个函数中,我们需要使用 Pygame 内置的 font 模块来创建一个字体对象,并且设置字体的大小和颜色。 3. 然后,我们需要定义一个循环来不断更新文字的位置和透明度。在每一次循环中,我们都需要重新绘制窗口,并且将文字渲染到窗口上。 4. 最后,我们需要在主函数中调用这个函数来启动动画效果。 下面是一个简单的示例代码,可以实现物体闪烁运动和闪烁的文字效果动画: ```python import pygame import random # 初始化 Pygame pygame.init() # 定义窗口大小和标题 window_size = (800, 600) window_title = "Flash Text Animation" window = pygame.display.set_mode(window_size) pygame.display.set_caption(window_title) # 定义字体和文字 font_size = 64 font_color = (255, 255, 255) font = pygame.font.Font(None, font_size) text = "Hello, World!" # 定义闪烁的文字效果动画 def flash_text_animation(): # 定义文字的初始位置和透明度 x = random.randint(0, window_size[0] - font_size) y = random.randint(0, window_size[1] - font_size) alpha = 255 # 循环更新文字的位置和透明度 while alpha > 0: # 随机生成下一帧文字的位置 dx, dy = random.randint(-5, 5), random.randint(-5, 5) x = max(min(x + dx, window_size[0] - font_size), 0) y = max(min(y + dy, window_size[1] - font_size), 0) # 更新文字的透明度 alpha -= 5 font_color = (255, 255, 255, alpha) # 绘制窗口和文字 window.fill((0, 0, 0)) text_surface = font.render(text, True, font_color) window.blit(text_surface, (x, y)) # 更新屏幕 pygame.display.update() # 延迟一段时间,控制帧率 pygame.time.delay(50) # 主函数 def main(): # 循环运行闪烁的文字效果动画 while True: flash_text_animation() # 运行主函数 if __name__ == "__main__": main() # 退出 Pygame pygame.quit() ``` 这个示例代码可以在 Pygame 窗口中实现一个闪烁的 Hello, World! 文字效果动画,每次文字的位置和透明度都是随机生成的。你可以根据自己的需求修改代码,来实现不同的物体闪烁运动和闪烁的文字效果动画

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Eastmount

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值