在本系列的前一部分中,我对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