我们所要做的就是把我们的宇宙飞船带入我们的太空场景，让它移动。虽然复杂复杂的动画在Photoshop中是可能的，但让我们做一些简单的事情，这样我们就可以了解Photoshop中创建运动的原理。记住，我们将要经历的同样的过程可以被扩展，使动画像我们想要的那样复杂。

让我们首先将Space17文件的所有现有层和层文件夹转换为一个层。这将减少我们的图像文件大小，这将有助于防止程序滞后时，我们正在创建的多层次，我们需要使我们的飞船飞行。

在这一点上，我们应该保存一个新版本的太空场景，以便我们的

文件(包含我们所有单独的层)仍将保存在我们的文件夹中，以防我们想在以后对其进行更改(以便我们的工作到目前为止可以被分级)。

我们现在有了步骤20.psd文件，其中只有一个层保存到我们的设备上，但是我们的原始Space17.psd文件仍然完整。现在让我们的飞船进入我们的太空场景。我们希望继续处理步骤20文件，所以让我们花一秒钟时间关闭Space 17文件并打开步骤20文件。

你美好的宇宙飞船形象现在应该坐在你的太空场景的左上角.

要在Photoshop中创建动画，我们首先需要创建将成为动画框架的各个层。

。看看这张照片..。

注意，卡通长颈鹿是如何在一个不同的位置，每次。如果我按顺序快速给你看每一张照片，你会看到这个.

当你看到一部电影或电视节目时，你实际上并没有看到任何动作……这只是一堆快速闪现的图片(通常是每秒24张)，这有点令人毛骨悚然。我们可以使用这种方法在Photoshop中制作动画，方法是将每个单独的图像放置在自己的图层上。当我们将图像导出为GIF、PNG或WebP文件(所有支持动画的文件类型)时，Photoshop将从

(a是动画的缩写)。每个图层，甚至一个图层文件夹，其名称以_a_开头将是动画中的一个帧。使用此模式命名的第一层显示在第一帧中(从_a_开始的其他层隐藏在该帧中)，第二层显示在第二帧中，依此类推。这就是为什么我们将我们的第一层a_1重新命名为13方向的原因。

我们现在需要把我们的宇宙飞船移到正确的位置开始我们的动画。我们希望我们的飞船从左边进入，然后从右边飞离，所以我们需要从屏幕左边开始，然后让它在向右飞行时逐渐出现。如果你不明白这一点，别担心--我们这样做你会理解的。

。当您的图像不在画布上时，此系统也可在其他位置工作。例如，如果你把飞船拖到帆布的顶端，就会出现一条红线.

这条红线表示你正在移动的物体的顶部(对我们来说是我们的宇宙飞船)现在与画布顶部对齐。这些红线对整理东西很有帮助。注意，当宇宙飞船在中心对齐时，中心会出现一条红线，当飞船底部与帆布底部对齐时，红色线会出现在底部。记住，你可以把你的宇宙飞船放在你想要的任何地方，沿着你的太空场景的左边边缘。

我们现在需要创造更多的层，并逐步移动我们的宇宙飞船在屏幕上。

每次都要把你的宇宙飞船移动相同的距离，这样动画就能顺利地运行。如果你在任何一个新的层上把它移动得太远，那么当你的飞船在太空中飞行时，你的飞船就会显得很远。当你到达你的太空场景的另一边时，你应该有多个编号层，你的图像应该看起来像下面的图像.

记住，你的宇宙飞船可以走你想走的任何一条路--你甚至可以让它绕圈或者变小，这样它看起来就飞离我们了，如果你愿意的话，它还可以再飞一次。你甚至可以让它消失在你的行星后面(确保它在进入轨道时非常小)并出现在另一边。

让我们快速地看看我们的动画，以确保一切都按我们的意愿进行。

如果您允许Saveforweb窗口仅坐一秒钟，您应该看到您的船飞过。因为我们的图像是如此大，我们不能看到整个场景在窗口100%变焦。这很容易解决。

通过使用“为web保存”窗口中的各种选项，我们可以控制动画图像的外观。

我们将保留以上大部分设置，但我们确实需要对速度做一个小的调整。我们希望我们的宇宙飞船在太空场景中尽可能平稳地移动(我们希望它能迅速到达另一边)。将速度设定为100%，这就是我们得到的动画.

这还不错，但每个帧的显示之间(意味着每一层)之间的轻微停顿是明显的。如果我们让我们的飞船移动得更快一点，我们就能使动画变得平滑。

默认情况下，

。事实上，Photoshop允许您指定每个层在动画中可见的确切时间。要做到这一点，只需在层名后面放置一个逗号，然后指示帧在被下一个帧替换之前应该显示的毫秒数(千秒，所以1000秒是每秒)。例如，如果我将第一层命名为a_a_1500，那么该帧将在屏幕上停留半秒钟。

能够具体控制每一帧显示的时间是很重要的，因为它允许我们在动画中创建变体.

请注意上面动画中的宇宙飞船是如何快速进入，到达中心时减速，然后在离开场景时再次加速。我这样做是通过逐步增加每一层的数量，以使帧显示更长，正如您可以从下面显示的几个层中看到的那样.

当我的宇宙飞船到达图像的中心时，我只是颠倒了数字，这样它就会在它离开的时候加速。对于这个项目，您不必担心尝试实现这样的目标(尽管如果您有时间并想尝试，那么就去做吧)，我们将使用一个更简单的方法，让Photoshop为所有帧设置相同的值。

请注意，当您更改的速度，Photoshop将暂停一秒钟，然后显示动画以新的速度，所以不要惊慌失措，当事情没有立即发生。

让我们快速查看一下我们的图像，以确保所有的保存都是正确的，并且它的工作方式应该是正确的。

我们现在完成了宇航员太空场景项目-干得好！