热门标签 | 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做动画[熟悉帧]


推荐阅读
  • [论文笔记] Crowdsourcing Translation: Professional Quality from Non-Professionals (ACL, 2011)
    Time:4hoursTimespan:Apr15–May3,2012OmarZaidan,ChrisCallison-Burch:CrowdsourcingTra ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]
  • 帝国CMS多图上传插件详解及使用指南
    本文介绍了一款用于帝国CMS的多图上传插件,该插件通过Flash技术实现批量图片上传功能,显著提升了多图上传效率。文章详细说明了插件的安装、配置和使用方法。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 优化联通光猫DNS服务器设置
    本文详细介绍了如何为联通光猫配置DNS服务器地址,以提高网络解析效率和访问体验。通过智能线路解析功能,域名解析可以根据访问者的IP来源和类型进行差异化处理,从而实现更优的网络性能。 ... [详细]
  • 邮件(带附件,模拟文件上传,跨服务器)发送核心代码1.测试邮件发送附件接口***测试邮件发送附件*@parammultipartFile*@return*@RequestMappi ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 本文深入探讨了Linux系统中网卡绑定(bonding)的七种工作模式。网卡绑定技术通过将多个物理网卡组合成一个逻辑网卡,实现网络冗余、带宽聚合和负载均衡,在生产环境中广泛应用。文章详细介绍了每种模式的特点、适用场景及配置方法。 ... [详细]
  • 掌握远程执行Linux脚本和命令的技巧
    本文将详细介绍如何利用Python的Paramiko库实现远程执行Linux脚本和命令,帮助读者快速掌握这一实用技能。通过具体的示例和详尽的解释,让初学者也能轻松上手。 ... [详细]
  • 高效解决应用崩溃问题!友盟新版错误分析工具全面升级
    友盟推出的最新版错误分析工具,专为移动开发者设计,提供强大的Crash收集与分析功能。该工具能够实时监控App运行状态,快速发现并修复错误,显著提升应用的稳定性和用户体验。 ... [详细]
  • 使用Python在SAE上开发新浪微博应用的初步探索
    最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ... [详细]
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
  • 本文介绍如何使用Python进行文本处理,包括分词和生成词云图。通过整合多个文本文件、去除停用词并生成词云图,展示文本数据的可视化分析方法。 ... [详细]
  • 本文介绍如何使用PyCharm专业版通过SFTP上传项目文件至云服务器。首先,确保你使用的是PyCharm专业版,因为社区版不支持此功能。接下来,我们将在云服务器上创建一个专门的目录用于存放项目文件,并详细介绍每一步配置过程。 ... [详细]
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社区 版权所有