在Fireworks中创建一个动画GIF

01 20

土耳其在烟花中的动画GIF

文字和图片©Sandra Trainor

在本教程中,我将使用Fireworks CS6创建一个火鸡的动画GIF,其中尾部羽毛可以改变颜色。 我将首先创建一个插图并复制它。 我将对其进行更改,将它们都转换为符号,创建第二个状态并预览动画。 然后,我将更改这两个状态的持续时间,将该文件保存为动画GIF,并在浏览器中查看它。

尽管在本教程中使用了Fireworks CS6,但您应该可以使用任何最新版本的Fireworks 甚至Photoshop。

编者注:

Adobe不再提供Fireworks CC作为Creative Cloud的一部分。 如果您正在寻找Fireworks,可以在Creative Cloud的“查找其他应用程序”部分找到它。 当Adobe宣布它不再支持或更新应用程序时,您可以认为应用程序消失之前只是时间问题。 这方面的一个典型例子是最近宣布的关于Shockwave和Contribute主任的声明。

由汤姆格林更新

02之20

创建一个新文档

文字和图片©Sandra Trainor

我将通过选择File> New来创建一个新文档。 我将使宽度和高度为400 x 400像素,分辨率为每英寸72像素。 我将选择白色作为画布颜色,然后单击确定。

接下来,我将选择File> Save,用png扩展名命名文件火鸡,选择我要保存的位置,然后单击Save。

03 20

画一个圆圈

文字和图片©Sandra Trainor

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

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

04之20

画另一个圈子

文字和图片©Sandra Trainor

再次,当我画另一个圆时,我将按住shift键,只有这个圆比上一个小。

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

05 20

绘制一个圆角矩形

文字和图片©Sandra Trainor

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

06年20月

组合路径

文字和图片©Sandra Trainor

我将按住Shift键,点击小圆圈然后点击圆角矩形。 这将选择两种形状。 然后我会选择修改,合并路径>联合。

07的20

换颜色

文字和图片©Sandra Trainor

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

08 20

让眼睛

文字和图片©Sandra Trainor

我可以绘制两个小圆圈来制作眼睛,但是我将使用Type工具来制作眼睛。 我将点击工具面板中的类型工具,然后在画布上。 在属性检查器中,我将选择Arial Regular作为字体,使尺寸为72,并将颜色更改为黑色。 我按住Alt或Options键,同时按住8号键,这会生成一个子弹。 在制作另一颗子弹之前,我会按空格键。

09年20月

做喙

文字和图片©Sandra Trainor

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

接下来,我将选择“窗口”>“自动形状属性”。 我将点击多边形的形状,表明我希望点和边都是3,半径是180度。 为了使三角形变小,我将在Outer Radius值字段中输入20。 这个数字取决于三角形开始的大小。 然后我按回车。

使用指针工具,我将点击三角形并将其拖动到我认为应该坐在喙上的位置。

10 20

使Snood

文字和图片©Sandra Trainor

从火鸡嘴上垂下的红色物称为Snood。 为了制作一个,我将使用钢笔工具。

在工具面板中选择钢笔工具后,我将点击填充框并选择红色样本,或者在十六进制值字段中输入#FF0000,然后按回车键。

使用钢笔工具,我将单击以创建形成路径的点,并且有时单击并拖动以创建圆形路径。 当最后一点与第一点相连时,我会形成一个看起来像火鸡的外形。

11 20

制造腿

文字和图片©Sandra Trainor

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

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

12 20

减小尺寸

文字和图片©Sandra Trainor

我将选择“选择”>“全选”。 然后,我将点击“工具”面板中的“缩放”工具。 包围盒将出现带有可以向内或向外移动的手柄 。 我会点击一个角落的手柄并向内移动,使整体变小,然后按回车键。

随着我所有的形状仍被选中,我将使用指针工具将火鸡移动到位。 我希望它在画布上居中。

13 20

制作尾羽

文字和图片©Sandra Trainor

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

14 20

更改颜色

文字和图片©Sandra Trainor

选择其中一个椭圆,我将点击填充框并选择不同的颜色。 我会用三个椭圆做这个,为每个椭圆选择一种不同的颜色。

15 20

移动椭圆

文字和图片©Sandra Trainor

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

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

使用智能引导可以帮助均匀定位彼此相对的椭圆。 如果在工作中看不到智能向导,请选择“查看”>“智能向导”>“显示智能向导”。

20 20

旋转椭圆

文字和图片©Sandra Trainor

我想旋转椭圆并重新定位它们。 为此,我将选择一个,然后选择“修改”>“变换”>“自由变换”。 然后,我将点击并拖动我的光标在边界框外,以稍微旋转椭圆。 使用指针工具,我会将椭圆定位到我认为最好的位置。

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

20 20

保存并另存为

文字和图片©Sandra Trainor

看着我的图像,我发现火鸡在画布上太低,所以我会选择Select> Select All,然后使用指针工具将火鸡放在画布中央。 当我对它看起来很满意时,我将选择“文件”>“保存”。

接下来,我将点击一个尾羽来选择它,然后在填充框中选择一种不同的颜色。 我会为每个尾羽执行此操作,然后选择“文件”>“另存为”。 我将使用png扩展名重命名文件turkey2,然后单击保存。

18 20

转换为符号

文字和图片©Sandra Trainor

我将选择文件>打开,导航到我的turkey.png文件,然后单击打开。 我将点击顶部的turkey.png标签,然后选择选择>全选。 然后我将选择“修改”>“转换”>“转换为符号”。 我将其命名为符号1,为类型选择图形,然后单击确定。

我将点击turkey2.png选项卡并执行相同的操作,只有我将这个符号命名为2。

19 20

创建一个新的状态

文字和图片©Sandra Trainor

我将点击turkey.png标签。 如果我的状态面板不可见,则可以选择“窗口”>“状态”。 在States面板的底部,我将点击New Duplicate States按钮。

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

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

20 20

保存动画GIF

文字和图片©Sandra Trainor

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

要在我的浏览器中打开并播放动画GIF,我将启动浏览器并选择“文件”>“打开”或“打开文件”。 我将导航到保存的动画GIF文件,选择它,单击打开,然后欣赏动画。

有关:
优化动画GIF
•野生土耳其的简介
•感恩节土耳其历史
•你见过的最疯狂的火鸡