在本系列的前一部分中，我对Scratch及其使用的主要组件进行了介绍。 在这一部分中，我们将通过添加背景和一些精灵来开始创建项目。

在Scratch中，背景和精灵是资产。 资产还包括服装和声音，您可以将其添加到精灵中。

要创建背景或恶意图片，您可以执行以下四项操作之一：

• 从Scratch提供的库中导入背景或精灵。
• 从计算机导入精灵文件。
• 导入图形文件以用作背景或服装，然后使用服装创建精灵。
• 使用Scratch提供的绘图工具绘制背景或服装，并使用服装创建精灵。

在本教程中，我们将研究一个新项目，并以不同方式使用这些技术。

您需要什么

要完成本教程，您需要：

• Scratch的免费帐户
• 可访问Scratch的网络浏览器（我建议使用现代浏览器，例如Chrome，Firefox，Safari或Opera，以获得最佳体验）

建立专案

首先创建您的项目。 登录到Scratch，然后在主页中，单击屏幕顶部管理栏中的“ 创建 ”。

这将带您到新项目屏幕：

通过在舞台上方的字段中输入项目名称，为项目命名。 然后，Scratch将自动使用新标题保存您的项目。

添加背景

让我们从为我们的项目提供背景开始。 在舞台下，您会看到四个创建背景的选项，每个选项都有一个图标：

• 从库中选择背景
• 绘制新背景
• 从文件上传背景
• 相机的新背景

其中的第四个可能是我的代码俱乐部中最喜欢的：孩子们喜欢用他们的网络摄像头拍摄自拍照并将其用作背景！

从库中添加背景

首先使用库。 单击左侧图标以查看背景库：

选择一张图片（我正在使用“ beach-malibu”），然后单击“ 确定”按钮。

猫精灵现在将位于您的背景前面：

由于您的项目在开始时具有纯白色背景，因此现在将具有两个背景。 您可以通过单击舞台 （在精灵旁边）然后单击舞台右侧的“ 背景”选项卡来查看所有背景。 这显示了背景窗格：

您可以在此处添加或删除背景以及编辑现有背景。 我们将删除不需要的一个，然后根据刚添加的一个添加两个新的。

删除背景

首先，单击白色背景（ background1 ），然后单击将显示在其右上方的X。 您现在只有一个背景。

复制背景

现在，我们将复制现有背景以制作第二个背景，然后对其进行编辑。

确保在背景窗格中选择了背景，然后在其上单击鼠标右键。 在快捷菜单中，单击重复 。

现在，您将拥有两个相同的背景：

编辑背景

现在，您需要编辑新背景。 选择名为beach-malibu2的背景，然后单击背景编辑窗格左侧的“ 选择”图标（它是底部的第二个图标，看起来像是一个虚线矩形的手）。 通过在背景上拖动鼠标来选择背景的一部分。 我选择的中央部分大约是背景的75％：

现在，将所选部分的手柄拖到背景边缘，以使其占据整个背景。 您将得到一个看起来像第一个稍微放大的背景的背景。

注意：如果您做错了，只需在管理栏中单击“ 编辑并撤消 ”，或删除背景幕，然后重新开始！

现在，使用刚刚创建的背景重复此操作：将其复制，然后选择它的中央部分以填充整个背景。 如果需要，可以重复几次。 您会发现，如果在背景之间切换，则会看到放大背景的效果。 在以后的教程中，我们将使用带有背景的脚本来自动执行这种放大效果。

我创建了四个具有不同缩放级别的背景：

请注意，您还有其他用于编辑背景的选项，它们是：

• 使用画笔工具，线条或形状在它们上绘图
• 向其中添加文本，并提供多种字体
• 擦除其中的一部分（使用它来创建一个“窗口”，直到前一个背后的背景）
• 选择区域（您刚刚完成）
• 复制区域

您还可以将背景从位图转换为矢量模式，反之亦然。 从库中导入的背景是位图（如照片），而如果绘制新的背景，则它将是矢量（如图形）。 如果要添加绘图元素和文本并对其进行操作，最好坚持使用矢量模式。

创建精灵

每个新项目都以一个已经加载的精灵（猫）开始，但是您也可以根据需要添加任意数量的精灵，或者可以编辑或删除猫。

与背景一样，有四个用于创建精灵的图标：

• 从库中选择精灵
• 绘制新的精灵
• 从文件上传精灵
• 相机的新精灵

请注意，如果您要使用png等图形文件来创建精灵，则可以将其作为服装而不是精灵上传。 Sprites以特定的文件类型存储，仅在Scratch中可用。 我将在本教程的后面部分对此进行介绍。

从库中创建精灵

让我们从创建精灵的最简单方法开始：从库中导入一个精灵。

在舞台下方的“ 精灵”窗格中，单击“ 新建”精灵文本右侧立即的图标，以查看库：

从提供的精灵中选择一个精灵：我之所以选择螃蟹，是因为我的项目具有海边主题。

单击“ 确定” ，新的精灵将添加到您的项目中：

如果单击“ 服装”选项卡，您将看到此精灵具有两个服装，并且钳子处于打开和关闭状态：

以后我们可以将这些服装与脚本结合使用，当螃蟹靠近猫并捏住它时，该脚本会更改服装！

如果单击cat sprite，您将看到它还有两个服装，我们可以使用它们来创建带有脚本的运行效果。

绘制精灵

创建子画面的另一种方法是绘制一个子画面。 请注意，精灵不必一定是动物或人：它们可以是您要在项目中与之互动的任何事物。 因此，如果您希望在给定的时间出现一些文本，可以创建一个文本精灵。 那就是我们要做的。

点击“绘制新的精灵”图标（画笔在精灵窗格的右上角）。 这将打开绘图窗格：

首先，请确保您在矢量模式下工作。 如果在绘图窗格的右下方显示“ 位图模式” ，请单击“ 转换为矢量”按钮。

现在，单击右侧的文本图标，在绘图窗格中的任意位置单击，然后开始输入文本。 我输入的是“哦！”。

现在对您的文本进行一些调整：

• 双击字体以选择字体，然后使用绘图窗格下方的选择菜单选择字体。 我正在使用Scratch字体。
• 通过选择文本并单击颜色选择器中的颜色来更改颜色。
• 通过选择文本框（而不是文本本身）并拖动控点以调整大小来更改大小。

您还可以在文本周围绘制形状以突出显示它。 单击线条工具并绘制多条线，以在文本周围创建一个锯齿形的形状（如果您的绘画技能不符合此要求，则只需创建一个圆形或正方形即可，我知道我的学生比我更擅长于此！）。

现在，您应该有三个精灵，其中一个就是您刚创建的文本：

请注意，绘制第三个精灵时，实际上是在创建服装，而不是精灵。 由于该精灵仅具有一个服装，因此可以有效地创建该精灵。 如果您愿意，可以通过单击“ 新建服装”下面的图标之一来添加额外的服装，就像创建新背景一样。 例如，您可以复制现有服装，然后用不同的文字创建第二个服装。 然后，您可以稍后使用脚本在两种服装之间切换并显示不同的文本。

从导入的图像创建精灵

创建恶意的另一种方法是导入图像。 为此，您需要绘制精灵，然后上传图像作为服装。

在“ 精灵”窗格中，单击“绘制新的精灵”图标（画笔）。

在新角色的“ 服装”窗格中，单击“从文件上传服装”图标（文件夹）。

上载本课程捆绑软件中提供的starfish.png文件。

如果您的绘图窗格处于位图模式，请单击“ 转换为矢量”按钮。

调整大小并移动海星，直到它位于舞台的右下角：

现在，您有四个精灵，舞台看起来有些混乱！ 不必担心：在本教程的后面部分中，我们将使用脚本移动精灵，并隐藏文本精灵，直到需要它为止。

摘要

在本教程中，您学习了如何为项目创建背景和精灵。 然后，您可以使用脚本来更改和移动背景和精灵。 如您所知，创建背景和精灵的方法有多种：您可以从Scratch库中选择它们，也可以自己绘制，编辑现有的图像或上传图像。

在本系列的下一部分中，我们将继续讨论块，您将学习它们的工作原理以及不同类型的块的功能。

翻译自: https://code.tutsplus.com/tutorials/creating-backdrops-and-sprites-in-scratch--cms-24121