最新消息:

Scratch编程|如何使用Scratch自带的“图片编辑器”(第1部分)

Scratch 少儿编程 3397浏览 0评论

友情提示:视频教程观看时请手动设置清晰度。

在之前的文章中,每当我们需要增加角色或者舞台背景的时候,一般都是从Scratch自带的素材库中选取现成的图片,这种方式快捷、方便。在《龟兔赛跑》等一些编程实例中,因素材库缺少我们需要的角色形象,我们换成从计算机本地选择图片的方式,完成了角色新增。

所以,我们已经用过了两种新增角色的方法:“选择一个角色”和“上传角色”。

Scratch 3提供了4种新增角色的方法,我们还有“随机”和“绘制”两种方式没有使用过。

Scratch编程|如何使用Scratch自带的“图片编辑器”(第1部分)

点击【随机】后,从角色库中随机选择一个,作为新的角色,所以,它的实质还是Scratch素材库。

那么,我们就只剩【绘制】需要额外学习了!

 

绘图的两种模式

点击【绘制】,然后选中新增的角色,将左上角的tab卡片切换到【造型】。

此时,绘图是默认的“矢量图”模式;点击界面左下角蓝色【转换为位图】按钮,绘图模式变成”位图“,而蓝色按钮上的文字变成了”转换为矢量图“。再次点击蓝色按钮,模式可以切换回”矢量图“模式。

下图是两种模式下界面、操作菜单的对比,能明显看出二者的不同:

Scratch编程|如何使用Scratch自带的“图片编辑器”(第1部分)

 

但是,请耐心,我们暂且不讲这些有趣的功能菜单,先来搞清楚几个问题:

”什么是矢量图?什么是位图?它们有什么区别?“

 

矢量图

什么是矢量图?

矢量图(Vector graphics),也叫向量图,是根据几何元素来绘制图形,是用点、线、矩形、多边形、圆和弧线等等几何元素描述图像。这些几何元素都是通过数学公式计算获得的。

矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。

我们熟悉的Scratch小猫形象就是矢量图:

Scratch编程|如何使用Scratch自带的“图片编辑器”(第1部分)

蓝色线就是一个个的几何元素

矢量图形最大的优点是无论放大、缩小或旋转等不会失真;最大的缺点是难以表现色彩层次丰富的逼真图像效果。

矢量“这个概念怎么理解?

矢量图是使用矢量化的数据结构存储图片数据的。矢量数据结构通过记录坐标的方式尽可能精确地表示点、线和多边形等地理实体,坐标空间设为连续,允许任意位置、长度和面积的精确定义。矢量结构的显著特点:定位明显,属性隐含。

 

下面我更详细的看一看矢量图的优缺点。

优点:

(1)文件小;

(2)图像元素对象可编辑;

(3)图像放大或缩小不影响图像的分辨率;

(4)图像的分辨率不依赖于输出设备;

(5)线条非常顺滑并且是同样粗细的;

(6)颜色的边缘是非常顺滑的。

缺点:

(1)重画图像困难;

(2)真实照片逼真度低,要画出自然度高的图像需要很多的技巧;

(3)无法产生色彩艳丽、复杂多变的图像;

(4)矢量图仿图绘制做卡通的相似度97%以上,3%是清晰美化的。

 

位图

什么是位图?

 

位图(Bitmap),又称栅格图(英语:Raster graphics)或点阵图,是使用像素阵列(Pixel-array/Dot-matrix点阵)来表示的图像。位图的像素都分配有特定的位置和颜色值。

当放大位图时,可以看见构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐。然而,如果从稍远的位置观看它,位图图像的颜色和形状又显得是连续的。

Scratch编程|如何使用Scratch自带的“图片编辑器”(第1部分)

位图和它放大的细节

和位图有关的概念还有编码方式(如,RGB、CMYK),色彩深度,颜色表,Alpha通道等等,在本文中不再展开。

矢量图和位图的区别

矢量图与位图比较,有什么区别?

类型 组成 优点 缺点
位图 像素 只要有足够多的不同色彩的像素,就可以制作出色彩丰富的图象,逼真地表现自然界的景象 缩放和旋转容易失真,同时文件容量较大
矢量图 数学向量 文件容量较小,在进行放大、缩小或旋转等操作时图象不会失真 不易制作色彩变化太多的图象

 

下图对比了矢量图和位图放大后的显示效果示例:(a)原始矢量图和位图;(b)矢量图放大8倍;(c)位图放大8倍。位图的放大质量较差,但是矢量图可以不降低质量地无限放大。

Scratch编程|如何使用Scratch自带的“图片编辑器”(第1部分)


文中介绍两种图像模式的内容主要根据Wikipedia和百度百科相关词条进行整理。本文内容可能枯燥而偏学术,但让读者对”矢量图和位图“两个概念有个大致了解,对大家在后面的文章中继续学习Scratch的图片编辑器有非常重要的作用。

文章开写后才发现内容有点多,可能要分3部分才能讲完。另外,有的读者可能会疑惑,为什么停下Scratch实战而要介绍”图片编辑器“呢?那是因为我在编写下一个”实例“文章时遇到了图片编辑器的问题,具体是什么问题先按下不说,以后你自然会明白 ;)

转自公众号:
杭州青少年编程

您必须 登录 才能发表评论!