加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

Fireworks制作飞翔的海鸥GIF动画图片教程

发布时间:2020-05-13 06:39:15 所属栏目:编程 来源:站长网
导读:副问题#e# 当我们在网上冲浪时,看到形形色色的动画结果,必然会有一种激动,那就是将这个大度的动画存储到本身的硬盘上,那么你知道这些动画是怎样建造的的吗? 操作Firework 3建造动画总共有三种要领,由易到难别离为:归并已有图片天生动画,操作Tween Ins
副问题[/!--empirenews.page--]

当我们在网上冲浪时,看到形形色色的动画结果,必然会有一种激动,那就是将这个大度的动画存储到本身的硬盘上,那么你知道这些动画是怎样建造的的吗?

操作Firework 3建造动画总共有三种要领,由易到难别离为:归并已有图片天生动画,操作Tween Instances天生动画和手工绘制。

一、归并已有图片天生动画

归并已有图片形成动画,顾名思义就是将一系列图片按次序分列在差异的帧中从而天生动画,虽然,起首我们必需有一串持续的图片,然后,在Fireworks中,选择菜单指令“File/Open Multiple”,这时将弹出“打开”对话框(如图1),进入所需图片地址的目次,然后凭证动画中图片表现的次序依次选取图片,并单击“Add”按钮将这三张图片插手到对话框下面的窗口;

留意:我们还必需勾选对话框最下面的“Open as Animation”(以动画打开)选项,否则的话,我们打开的将是三张分隔的静态图片;最后,单击“Done”(完成)按钮。

图1以动画打开

单击窗口右下角状态栏的播放按钮,怎么样?结果还不错吧!

此刻只是一只海鸥在不断地飞,假如为它再添加一副配景,结果必然会更好,好吧,下面我们就为海鸥添加一副大海的配景。

添加配景的要领有两种:自动复制和共享图层。

1.自动复制

图2添加帧

起首,单击“Frames”面板右上角如图2按钮,选择“Add Frames”,在弹出的对话框中选择“Number”为1和“At the end”,单击“ok”按钮。

图3编辑模式状态

然后将画布的巨细改为200x150(Pixels);接下来,打开配景图片,发明图片周围有一个如图3的边框,声名图片处于图像编辑模式,选择“Modify/Exit Image Edit (Ctrl+Shift+D)”,使图片进入工具编辑模式,假如想让图片打开时总为工具编辑模式,我们将“File/Preferences”的“Editing”面板中“Open in Image Edit Mode”复选框前面的对钩去掉即可。(如图4)

图4Prefernces对话框

选中新添加的“Frame 4”,将配景图片拷入个中并适内地调解一下配景图片的位置,然后选中图片,单击“Frames”面板右上角如图4按钮,在弹出菜单中选择“Copy to Frames”,进入“Copy to Frames”窗口,选择拷贝范畴为:All Frames,单击“ok”按钮 。

图4拷贝帧

打开“Frames”面板,我们发明前三帧的图片都被配景图片遮住了,单击第一帧,然后选中画布中的图片,执行菜单指令“Modify/Arrange/Send”;可能单击修改器材栏的置后器材(如图5),将配景图片移到动绘图片的后头,其余帧同理。

图5置后器材

最后双击“Frame 4”,将它的时刻耽误配置为0(如图6)。

图6延时配置

至此,配景添加完毕,赶紧预览一下动画的结果吧!(如图7)

图7动画结果图

2.共享图层

共享图层就是行使“Layers”图层面板,将指定的配景图片设定为共享图层,云云即可在全部的帧中看到该配景。

我们偶然也许会误以为每一帧都拥有一个图层,着实岂论设定的帧有几多,这些帧都位于统一图层上,只是呈现的时刻差异而已。

下面我们就操作此要领为适才的动画添加一个配景: 起首,将画布的巨细改为200x150(Pixels),然后开启“Layers”图层面板,单击“Layers”图层面板右上角如图按钮,选择“New Layer”,在弹出的“New Layer”对话框中,为新层起一个名字,譬喻:background,钩选“Share Across Frames”复选框,单击“ok”按钮,“background”图层就成了共享图层,(如图8)左键按住“background”图层,将它拖到“Layer 1”图层下面;然后打开配景图片,单击“矩形选择器材” ,选择我们必要的配景,将其拷到“background”图层的画布中,并适内地调解一下配景的位置。好了,统统ok!

图8共享图层

二、操作Tween Instances天生动画

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读