2.1 绘图编辑器
很有缘分,寻死的青蛙叫呱呱喵,是一只会喵喵叫的青蛙,不过不同的是,它从来不为自己的喵喵叫声烦恼,因为别的青蛙都很羡慕它会喵喵叫。可是,这不代表它没有烦恼,而是正好相反,它的烦恼比你想象的要多……
“哦,亲爱的喵喵呱,我活不下去了。我不知道生活为什么这样折磨我,早晨起来吃虫子都不是巧克力味儿的,逛大街也看不到漂亮的蝌蚪,河里的水也没以前清凉,没人送我礼物,唱歌也没人喜欢听……哦,连救我的猫都不是双眼皮的……我什么都不顺心,还是让我死掉好了。”
嗯,喵喵呱想了想:“那你要死了,没人管岂不是更可怜?”呱呱喵瞪大了眼睛:“连你也不打算管我?!”
喵喵呱双手一摊:“我也不是双眼皮的猫呀。”
呱呱喵听了,泪如泉涌:“这日子是没法过了。”哭了一会儿,突然停下,一本正经地问喵喵呱,“那你能不能去割双眼皮?”
“啊?”
在Scratch的世界里找到一只双眼皮的猫并不太麻烦。前面给咱们朗诵的猫还老老实实地呆在脚本区域。嗯,可是它是单眼皮的。没关系,下面来把它变成双眼皮的。
喵喵呱:“这也能变,那用什么积木呢?”
这用不着积木,Scratch中有一个非常强大的组件,叫作“绘图编辑器”,如图2-1所示,它可以凭空创造出新的角色,也可以对现有的角色进行修改。
图2-1
选中角色后,只需要单击“造型”标签,就可以打开绘图编辑器。我们的角色一般会在绘图编辑器的中间。如果在新建角色或者场景的时候选择第二个按钮绘制,也可以启动绘图编辑器,但由于是创建新的角色/场景,绘图编辑器中间什么都没有,如图2-2所示。
图2-2
喵喵呱:“我看到了好多按钮,这个绘图编辑器感觉好复杂”。
按钮和功能肯定会有一些,但并不复杂,主要有一些工具需要了解,下面列出了每个按钮的名称和功能。
选择工具:选择、移动画布上的矢量图形。
变形工具:通过调整锚点,变换矢量形状。
笔刷工具:自由绘制矢量形状。
橡皮擦工具:自由擦除矢量形状的局部。
填充工具:改变矢量形状填充的颜色和效果。
文字工具:创建、修改矢量文本。
线条工具:绘制直线线段。绘制时按下Shift键可绘制水平或垂直的线条。
椭圆工具:绘制椭圆图形。绘制时按下Shift键可绘制正圆形形状。
矩形工具:绘制矩形图形。绘制时按下Shift键可绘制正方形形状。
喵喵呱:“但还有好多啊。”
剩下的各种选项暂时没有必要去逐一了解,因为每个工具都有不同的参数,咱们先来做最关键的,那就是怎么把猫的单眼皮变成双眼皮?
首先单击工具把画布放大一些,给眼睛“动手术”需要看得更清楚,如图2-3所示。
图2-3
选择线条工具,在画布上方的“轮廓”选项中设置颜色参数为“颜色:0,饱和度:0,亮度:0”,如图2-4所示,也就是黑色。然后把轮廓设置为“2.5”,如图2-5所示。这里其实就是设置线条的粗细。
图2-4
图2-5
喵喵呱:“我试了试,无论选择哪种颜色,把亮度设置为0就是黑色!哪有你操作的那么麻烦。”
直接拖动线条工具给小猫画上眼皮,这时它就成为双眼皮的猫啦!
呱呱喵:“直线眼皮吗?还能不能好看一点,让它有点弧度?”
使用变形工具选择刚画的线段,然后单击线段中间一次,稍微往上拖一点。用同样的方法调整另一条线段。这时你想要的弧度就有了,效果如图2-6所示。
图2-6
喵喵呱:“虽然还是感觉怪怪的,但确实是一只双眼皮的猫了!哦,我明白哪里不舒服了,现在的眼皮是白色的。”
下面换一种方法操作。单击几次舞台上方的后退按钮撤销刚才的操作,或者使用选择工具选中线条,然后使用舞台上方的按钮删掉线条。小猫恢复了原来的样子。然后选择矩形工具,调整矩形工具的填充颜色为小猫皮肤的颜色。关于轮廓设置,还是和刚才的线段设置一样:黑色和2.5的线宽。下面画一个矩形。
喵喵呱:“等等!我承认我的调色水平不行,怎样才能调出小猫皮肤的颜色呢?”
在调色面板右下角有一个吸管工具,如图2-17所示,使用它在小猫身上单击,这时就可以得到小猫身上的颜色了,如图2-8所示。
图2-7
图2-8
喵喵呱:“这个吸管工具用起来好大,它还有放大镜的功能吗?”
吸管工具的巨大圆圈是为了让你看清楚,这个圆圈的轮廓颜色就是你要选中的颜色。
喵喵呱:“现在的双眼皮真丑陋!”
不要着急,现在使用变形工具选中矩形上面的两个顶点。注意,先选中第一个顶点,然后按住Shift键点选第二个顶点。这时你会发现,舞台上方的曲线按钮可以使用了,单击它,每个点出现了两个操纵杆,调整它们到你认为满意的形状,现在你可以看看调整前后的效果,分别如图2-9、图2-10所示。
图2-9
图2-10
喵喵呱:“另一只眼皮也可以这么做吗?”
另一只眼皮也可以这么制作,不过建议还是通过复制来制作。使用选择工具选中第一只眼皮,然后在画布中找到并单击复制按钮,接着单击粘贴按钮复制出新的眼皮,如图2-11所示,双眼皮的猫就完美登场了!
图2-11
动手做
1.仿照本节介绍的步骤绘制双眼皮的小猫。
2.使用本节学到的知识,根据自己的喜好,对小猫进行任意改造。例如,改造成海盗小猫、医生小猫、络腮胡子小猫等。
问问你
在绘图编辑器的画布上方有很多按钮并没有用到,如图2-12所示,你能根据字面意思猜出它们都代表什么功能吗?试试看。
图2-12