热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

[互助]如何利用fireworks做动画[熟悉帧]

  (一)如何让一个静止的画面有动感[帧的使用]  首先锁帧如何设置,说一下什么叫帧:一个动画是由多张图片拼在一起连续显示出来的,在这里的每一张图片就叫做帧,比如下面这个动画:  它就是由下面三张图片

  (一)如何让一个静止的画面有动感[帧的使用]

  首先锁帧如何设置,说一下什么叫帧:一个动画是由多张图片拼在一起连续显示出来的,在这里的每一张图片就叫做帧,比如下面这个动画:

[互助]如何利用fireworks做动画[熟悉帧]

  它就是由下面三张图片连续显示而出来的动画效果:

  帧1:

[互助]如何利用fireworks做动画[熟悉帧]

  帧2:

[互助]如何利用fireworks做动画[熟悉帧]

  帧3:

[互助]如何利用fireworks做动画[熟悉帧]

  如何做出这样的帧呢锁帧如何设置?那就按下面的步骤来做:

  1锁帧如何设置,我们先保存一张自己想处理的图片到电脑里,比如下面这张图片,我们让这个小女孩儿会眨眼睛:

[互助]如何利用fireworks做动画[熟悉帧]

  2,进入FIREWORKS,打开这个图片文件锁帧如何设置。为了使图片有动画效果,我们先再建一个帧,在右侧点击帧和历史记录的组,我们就会展开这个窗口,然后点击添加帧:

[互助]如何利用fireworks做动画[熟悉帧]

  这时就会出现一个新建的帧出现在帧的组里,分帧1和帧2,现在的帧2是空白的,我们要把帧1的图片复制到帧2,出现两个相同的帧,这样,就有了创建动画效果的基本元素锁帧如何设置

  先点击帧1锁帧如何设置,我们就返回到了帧1的界面,再点一下帧1里的图片,这个图片的边缘就会出现一个蓝色的框,说明我们选中了这个图片的图层,然后再点击帧与历史记录组后面的属性箭头,就出现一个动作选择条目,然后点复制到帧:

[互助]如何利用fireworks做动画[熟悉帧]

  这个时候锁帧如何设置,就会出现一个窗口,让我们选择复制方式,选择复制到下一帧,这样,我们拥有的两个帧就是同一张图片了:

[互助]如何利用fireworks做动画[熟悉帧]

  现在拥有的两个帧都是一样的,所以即使连续显示也只是固态效果,接下来,我们就要完成这个女孩眨眼睛的动画效果的制作了锁帧如何设置

  让这个女孩子眨眼睛,就必需要有一个睁眼的图片和一个闭眼的图片组合到一起,那么,我们选择的这个图片是睁眼的,我们就要再把这个图片处理一下,做出一个闭眼的锁帧如何设置。我们保留帧1的睁眼效果,将帧2处理成闭眼的,我们就要在右侧帧的选项那里,选择帧2,然后开始处理:

  a:在左侧的工具栏里锁帧如何设置,选择刷子工具,用刷子将帧2里女孩的眼睛变成闭眼状态:

[互助]如何利用fireworks做动画[熟悉帧]

  这时我们的刷子工具的使用后的颜色未必能接近图片中女孩脸部皮肤的颜色锁帧如何设置,所以,我们再选择吸管工具,用来选中接近的颜色进行闭眼效果处理:

[互助]如何利用fireworks做动画[熟悉帧]

  现在锁帧如何设置,我们就用吸管去点一下女孩儿眼睛周围的皮肤,这样,就把皮肤的颜色保留在刷子工具当中了,然后再次点击刷子工具,动用刷子工具将女孩的眼睛涂成闭眼状态(在这个过程中可以多次运用吸管和刷子相结合交替使用以达到最佳效果)

  b:这个时候,我们就拥有两个不同的帧了,一个是睁眼的,一个是闭眼的锁帧如何设置。再点击图片下方的播放按钮,你就会看到这个女孩在不停的眨眼睛。不过,现在女孩儿的眨眼速度太快了,眼皮要累坏了,所以,我们要调整一下帧改变的速度,让眨眼的间隔更加的合理化。选择帧1,点击刚才将帧1复制到帧2时点击的“帧与历史记录”那里的属性箭头,刚才我们选择的是“复制到帧”,现在我们点“属性”,就会在帧与历史记录组中帧的下面,出现一个输入帧频的框,系统默认值为7,我们将帧1改为80,使帧1的停留时间为80,帧2如果想改动也可以同样操作,只是帧2停留的时间太长了,眨眼的效果就变成闭眼了,所以仍旧保留系统默认的7,或是稍长一点,改成12,或是15,但不能太久,可以用图片下面的播放按钮反复调试,达到最佳状态为止,我选择的是帧1(睁眼状态)为80,帧2(闭眼状态)为15(系统帧频的时间比例是100/秒)。

  3,这样,一个动画就完成了,我们现在就要将这个动画导出,保存在电脑,然后上传锁帧如何设置。导出的过程,与平时保存图片的方式不同,对于初学者,fireworks提供了方便的导出向导来指引你进行导出操作。

  a:点击页面左上角的文件,然后向下选择“导出向导”,出现向导框之后,提示选择导出格式,点击“继续”锁帧如何设置

  b:然后,新的向导框提示你如何处理文档中的帧,我们做的是动画,当然应该选择动画的格式“GIF”了,所以选择“GIF动画”之后,再点击继续锁帧如何设置

  c:这个时候锁帧如何设置,就进入了导出预览页面,我们不需要调整其它选项,只是在色彩那里将默认的128色选成256色即可,之后我们就可以直接选择导出,将图片保存在电脑里,然后上传:

[互助]如何利用fireworks做动画[熟悉帧]

  4锁帧如何设置,好了,现在我们完成了整个操作过程,就上传吧,看看效果如何:

[互助]如何利用fireworks做动画[熟悉帧]


推荐阅读
  • 全能终端工具推荐:高效、免费、易用
    介绍一款备受好评的全能型终端工具——MobaXterm,它不仅功能强大,而且完全免费,适合各类用户使用。 ... [详细]
  • 微信小程序实现拍照与图片上传功能
    本文介绍如何在微信小程序中实现用户通过拍照或从相册选择图片,并将图片上传至服务器的功能,包括调用相关API和处理上传响应。 ... [详细]
  • 探讨GET与POST请求数据传输的最大容量
    在Web开发领域,GET和POST是最常见的两种数据传输方法。本文将深入探讨这两种请求方式在不同环境下的数据传输能力及其限制。 ... [详细]
  • 本文详细介绍了一个既适用于PHP5也适用于PHP7的cURL文件上传解决方案。此示例源于项目需求,旨在通过cURL实现文件上传功能,并解决不同PHP版本间的兼容性问题。 ... [详细]
  • 本文探讨了前端包管理器的核心功能,包括注册机制、文件存储、上传下载、以及依赖分析等关键特性,并介绍了几种流行的前端包管理工具。 ... [详细]
  • 如何解决Win10中无法访问启动配置数据存储的问题
    当Windows 10用户尝试通过命令提示符操作启动配置数据时遇到权限问题,本文提供了解决这一常见问题的有效方法。 ... [详细]
  • 本文将详细探讨 Linux 系统中的 netstat 命令,该命令用于查看网络状态和连接情况。通过了解 IP 地址和端口的基本概念,我们将更好地理解如何利用 netstat 命令来监控和管理网络服务。 ... [详细]
  • 在使用OSChina平台进行Git代码上传时遇到文件夹遗漏的问题,这可能导致项目构建失败或功能不完整。本文将探讨可能的原因及解决方案。 ... [详细]
  • 本文档详细介绍了在 Kubernetes 集群中部署 ETCD 数据库的过程,包括实验环境的准备、ETCD 证书的生成及配置、以及集群的启动与健康检查等关键步骤。 ... [详细]
  • 本文探讨如何使用 PHP 进行字符串处理,特别是如何检测一个字符串是否存在于另一个字符串中,并确定其具体位置。通过实例代码展示,帮助读者掌握这一常用功能。 ... [详细]
  • Spring Boot 入门指南
    本文介绍了Spring Boot的基本概念及其在现代Java应用程序开发中的作用。Spring Boot旨在简化Spring应用的初始设置和开发过程,通过自动配置和约定优于配置的原则,帮助开发者快速构建基于Spring框架的应用。 ... [详细]
  • 2015款Chromebook Pixel评测:高端Chrome OS笔记本体验
    在笔记本电脑领域,Chromebook Pixel凭借其精致的铝合金外壳、细腻的显示屏和舒适的键盘,成为了外观设计的佼佼者。然而,尽管外观出众,它是否值得购买仍需考量。 ... [详细]
  • 本文详细介绍了在使用 GitHub 进行代码推送时遇到 'failed to push some refs' 错误的解决方案,包括具体原因分析和操作步骤。 ... [详细]
  • 本文介绍了MySQL数据库的安全权限管理思想及其制度流程,涵盖从项目开发、数据库更新到日常运维等多个方面的详细流程控制,旨在通过严格的流程管理和权限控制,有效预防数据安全隐患。 ... [详细]
  • 2023年PHP实现1GB视频上传的最佳实践
    本文将详细介绍如何使用PHP处理1GB大小的视频上传问题,包括文件类型验证、上传大小限制设置及优化上传过程,确保高效稳定地完成大文件上传。 ... [详细]
author-avatar
寻路灬鸿
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有