Skip to main content

在Fireworks中创建动画GIF

07.[Fireworks]第7章 Fireworks创建动画 (六月 2025)

07.[Fireworks]第7章 Fireworks创建动画 (六月 2025)
Anonim

在本教程中,您将学习如何使用Fireworks CS6创建火鸡的动画GIF,其中尾羽会改变颜色。首先,您需要创建插图并复制它。然后,您将对一个插图进行更改,将它们转换为符号,创建第二个状态,以及预览动画。最后,您将更改两种状态的持续时间,将文件另存为动画GIF,并在浏览器中查看。

20 of 20

土耳其动画GIF在烟花

虽然本教程中使用的是Fireworks CS6,但您应该可以使用任何最新版本的Fireworks甚至Photoshop。

值得注意的是,Adobe不再将Fireworks CC作为Creative Cloud的一部分提供。如果您正在寻找Fireworks,可以在Creative Cloud的“查找其他应用”部分中找到它。当Adobe宣布它将不再支持或更新应用程序时,您可以认为应用程序消失只是时间问题。

02 of 20

创建一个新文档

首先,您将通过选择创建新文档 文件>新建。 使宽度和高度为400 x 400像素,分辨率为每英寸72像素。选择白色作为画布颜色,和 单击确定。

接下来,选择 文件>保存,命名文件 火鸡 使用png扩展名,选择要保存的位置,以及 单击保存。

03 of 20

画一个圆圈

在“工具”面板中,单击“笔触颜色”框并选择“黑色”,然后在“填充颜色”框中选择一个棕色样本,或在“十六进制数值”字段#8C4600中键入。

在“属性”面板中,使笔触宽度为2像素。然后在“工具”面板中选择“椭圆”工具,可以通过单击“矩形”工具或其他可见形状工具旁边的小箭头找到该工具。在按住Shift键的同时,单击并拖动以创建一个大圆。 (使用移位确保圆圈完美圆形。)

04 of 20

画出另一个圆圈

再次,在绘制另一个圆时按住shift键,意图是该圆将小于最后一个圆。

使用指针工具,单击并将小圆拖动到位。您希望它与大圆的顶部重叠,如图所示。

05 of 20

绘制圆角矩形

使用圆角矩形工具,绘制一个矩形。使用指针工具,将其移动到位。您希望它居中并略微重叠小圆圈的底部。

20 of 20

结合路径

单击小圆圈然后单击圆角矩形按住shift键。这将选择两种形状。然后选择 修改,组合路径>联盟。

20 of 20

换颜色

在“工具”面板中,单击“填充”框并选择一个色板样本,或在“十六进制”值字段中键入#FFCC99,然后按“返回”。

08/20

做个眼睛

您可以绘制两个小圆圈来制作眼睛,而是使用“类型”工具。单击“工具”面板中的“类型”工具,然后单击画布上的。在“属性”检查器中,为字体选择“Arial Regular”,将大小设置为72,然后将颜色更改为黑色。当您按下数字8的键时,按住Alt或Options键,这将生成一个子弹。然后,在制作另一颗子弹之前按空格键。

20 of 20

做喙

在“工具”面板中,单击“多边形”工具。在“属性”面板中,为填充选择橙色样本,或在“十六进制”值字段中键入#FF9933。同样在“属性”面板中,使笔划为黑色,宽度为1。

接下来,选择 窗口>自动形状属性。单击多边形形状并指示您希望点和边都是3,半径是180度。要使三角形变小,请在“外半径”值字段中键入20。这个数字取决于三角形的大小。然后按返回。

使用指针工具,单击三角形并将其拖动到您认为它应该位于喙的位置。

20 of 20

制作围脖

从火鸡的喙悬挂的红色东西叫做Snood。要制作一个,您将使用钢笔工具。

在“工具”面板中选择“钢笔”工具后,单击“填充”框并选择红色样本,或在“十六进制”值字段中键入#FF0000,然后按“返回”。

使用钢笔工具,单击以创建形成路径的点,有时单击并拖动以创建圆角路径。当最后一个点与第一个点连接时,你将形成一个看起来像火鸡的围脖的形状。

11 of 20

做腿

您可以通过单击填充框然后单击喙将填充颜色设置为与喙相同的橙色。选择“钢笔”工具后,将笔触颜色设置为黑色,并在“属性”面板中将笔触宽度设置为2。

接下来,使用钢笔工具创建形成类似火鸡腿的形状的点。选择形状后,选择 编辑>复制。然后选择 修改>变换>水平翻转。 使用指针工具,将腿放在最佳位置。

20 of 20

减小尺寸

选择 选择>全选。然后单击“工具”面板中的“缩放”工具。将出现一个带有可向内或向外移动的手柄的边界框。单击角手柄并向内移动,使整体变小,然后按返回。

在仍然选择所有形状的情况下,使用指针工具将火鸡移动到位。你希望它在画布上居中。

13 of 20

制作尾羽

使用椭圆工具,单击并拖动以形成长椭圆。然后选择 编辑>复制。你会一次又一次地复制椭圆形,直到你总共有五个椭圆形。

14 of 20

改变颜色

选择其中一个椭圆后,单击“填充”框并选择其他颜色。用另外三个椭圆做这个,为每个椭圆选择不同的颜色。

15 of 20

移动椭圆形

使用指针工具,单击并拖动五个椭圆以全部选中它们。然后选择 修改>排列>发送回。当你将它们移动到位时,这将导致尾羽落在火鸡后面。

单击远离椭圆以取消选择它们,然后一次单击一个椭圆并将它们分别拖动到彼此相邻的位置并部分地放在火鸡后面。

使用智能参考线可以帮助均匀地定位彼此相对的椭圆。如果您没有看到智能指南在工作,请选择 查看>智能指南>显示智能指南。

16 of 20

旋转椭圆

您需要旋转椭圆并重新定位它们。为此,请选择一个并选择 修改>变换>自由变换。然后单击并在光标框外拖动光标以稍微旋转椭圆。使用指针工具,将椭圆定位到您认为最佳的位置。

以相同方式旋转剩余的椭圆形,并将它们放置到位;均匀分配。

17 of 20

保存并另存为

看着你的图像,你会发现画布上的火鸡太低了,所以选择 选择>全选,然后使用指针工具将火鸡放在画布的中心。如果您对它的外观感到满意,请选择 文件>保存。

接下来,单击尾羽选择它,然后在填充框中选择不同的颜色。为每根尾羽做这个,然后选择 文件>另存为。重命名文件, turkey2 使用png扩展名,然后单击“保存”。

20/18

转换为符号

选择 文件>打开,导航到turkey.png文件,然后单击“打开”。单击顶部的turkey.png选项卡,然后选择 选择>全选。然后你会选择 修改>转换>转换为符号。将其命名为1,为Type选择Graphic,然后单击OK。

单击turkey2.png选项卡并执行相同操作,只需将此一个符号命名为2。

20 of 20

创造一个新的国家

单击turkey.png选项卡上的。如果您的“州”面板不可见,您可以选择 窗口>国家。在States面板的底部,单击New Duplicate States按钮。

当您单击第一个状态以选择它时,您将看到它包含一个符号。当你点击第二个状态时,你会看到它是空的。要将符号添加到此空状态,请选择 文件>导入>导航 到你的turkey2.png文件,单击打开,然后再次打开。然后单击画布的右上角将文件放在正确的位置。现在,当您在第一个和第二个状态之间单击时,您将看到两个状态都保持图像。您也可以按窗口底部的“播放/停止”按钮预览动画。

如果您不喜欢动画的速度,可以双击每个状态右侧的数字进行调整。数字越大,持续时间越长。

20 20

保存动画GIF

最后,选择 文件>另存为,重命名该文件,选择动画GIF(* .gif),然后单击保存。

要在浏览器中打开并播放动画GIF,请启动浏览器并选择 文件>打开或打开文件。 导航到您保存的动画GIF文件,选择它,单击打开,享受您的劳动成果!

汤姆格林更新