利用Scratch来制作一些小作品,常常需要到网上去找图片,而网上下载的图片一般都是位图,往往存在两个问题:

  • 图片不够清晰,当图片放大后会出现”马赛克“现象;

  • 图片中存在不必要的背景,对于小学生来说去除背景很困难;

这两点往往会导致学生制作的作品不够精美。

其实Scratch 3提供了较为简单易用矢量编辑器,可以创作出精美、易于修改的角色、背景。对于绘画基础不理想的人来说(比如我),基于下载的模糊图片重新“临摹”成矢量图也是十分容易的!如下所示:

【视频扫码观看噢】

矢量图与位图

对于矢量图位图的定义这里就不赘述,只需明白如下区别,有个大概的认识即可。

矢量编辑器

Scratch 3在造型的选项卡中内置的图片编辑器有两种修图模式:矢量图模式位图模式,推荐使用矢量图模式,主要有两个优点:

  • 矢量图清晰、更精美;
  • 矢量模式有图层概念,修改维护十分方便。

演示矢量编辑器的优点

下图是矢量编辑器的主要界面组成。底部栏可以转化位图模式矢量图模式

矢量编辑器界面组成

在进行矢量图创作的时候,常用的区域是工具栏属性面板属性面板中的按钮,会因所选的工具而改变;如下图所示,大部分工具与普通画图软件中的类似,使用也较为简单。这里主要介绍一个比较厉害的工具——变形工具,一旦掌握了变形,创作时便能随心所欲、无所不能!当然再厉害的人也需要团队的协助,同理,变形工具也需要好队友,若能根据要会的物体形象,选择相似的形状工具绘制,再进行变形往往会事半功倍

工具栏简介

独门秘籍——临摹画法

由于矢量图模式下有图层的概念,对于向我这样画画水平不高的人来说,直接创作是很有难度的。故本人0自创了一种临摹画法,让画渣也能绘制出高清美图;当然,如果你是画神,利用临摹来练习变形工具的使用也未尝不可!下图便是临摹画法的独门秘籍。

临摹画法原理图

可以先从简单的表情包来小试牛刀,

画眼睛——直线的变形

画眼睛

画嘴巴——圆的变形

画嘴巴

”临摹“哆啦A梦

掌握了临摹画法后,感兴趣的同学可以尝试画一下自己喜欢的卡通人物,让它不在模糊。

B站地址:https://www.bilibili.com/video/BV1Hq4y1A7wo#reply98843254528

结语

  • 矢量图在创作Scratch作品中更清晰精美,也更便于修改;

  • 临摹画法画渣重拾信心,让画神熟练工具;

  • 临摹毕竟只是浅层次的,利用工具创作才是艺术!

下图是优秀毕业生,利用Scratch矢量编辑器创作的抗日英雄游戏形象,形象简洁而不失可爱,非常棒!

学生设计的游戏角色

能够让自己的设计的角色动得起来、玩得起来,那更是酷!

【视频扫码观看噢】

Scratch 3 矢量编辑器——“临摹”一只哆啦A梦的更多相关文章

  1. 创建【哆啦A梦】风格字体

    学习canvas,为作画.对于一个毫无逻辑思维的人简直遭罪啊~想象坐标坐标坐标啊- - 好啦言归正传,基于本月16号,在春熙路IFS展出120只哆啦a梦,以及canvas的作用,在此介绍一种PS的美化 ...

  2. [css]我要用css画幅画(七) - 哆啦A梦

    接着之前的[css]我要用css画幅画(六),今天画的有所不同,画的是哆啦A梦,我们小时候对他的称呼其实是小叮当机器猫. (PS:这次我要做的事情,很多人已经做过,这并不是什么创新,我只是在学习并记录 ...

  3. 哆啦A梦欺骗了你!浏览器CSS3测试遭质疑

    首先,说明,此处只是告诫各位参与CSS3.0学习使用或者将要使用或者学习CSS3.0的朋友,不要完全信任网络资源,依靠网络资源,我们需要利用网络资源的方便和可取的部分,结合自己的理解,学好,理解好! ...

  4. html打造动画【系列4】哆啦A梦

    我相信每个人的童年都有一个哆啦a梦,一个小小的肚皮里装满了不可思议的哆啦a梦,一个在你无助伤心的时候陪在你身边的哆啦a梦,一个陪你胡思乱想陪你吃铜锣烧的哆啦a梦~今天我们就来画一个我们心中的哆啦a梦吧 ...

  5. 弱肉强食——《哆啦A梦:大雄的新恐龙》观后感

    观看大雄的新恐龙不是在电影院观看的,由于时间的问题无法去电影院观看,是在家通过梦蓝字幕组翻译好的观看的,这个翻译好的视频已经由于版权原因没有发布了. 故事的开始与以往的情节十分相似:大雄因为不想被胖虎 ...

  6. 哆啦A梦 canvas

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 哆啦A梦连连看游戏源码完整版

    这个源码是哆啦A梦连连看游戏源码完整版,也是安卓教程网android.662p.com分享过来的,哆啦A梦大家一定再熟悉不过了,这次登场的角色你能认出全部吗?赶紧把相同的小图标全部消除吧,一起体验下! ...

  8. 纯css画哆啦A梦

    今天有点无聊,照着网上的图写了个哆啦A梦,无技术可言,纯考耐心. <!doctype html> <html lang="en"> <head> ...

  9. 大雄和哆啦A梦

    题目:大雄和哆啦A梦题目介绍:这个图片名称有点奇怪?! 1,打开链接会看到大雄和哆啦A梦的照片,把它下载下来.就是下面这个图片. 2,用wireshark打开,会看到最后面出现 rar ,还有flag ...

随机推荐

  1. 使用.NET 6开发TodoList应用(4)——引入数据存储

    需求 作为后端CRUD程序员(bushi,数据存储是开发后端服务一个非常重要的组件.对我们的TodoList项目来说,自然也需要配置数据存储.目前的需求很简单: 需要能持久化TodoList对象并对其 ...

  2. Python 计算AWS4签名,Header鉴权与URL鉴权

    AWS4 版本签名计算参考 #!/usr/bin/env python3 # -*- coding:utf-8 -*- # @Time: 2021/7/24 8:12 # @Author:zhangm ...

  3. 使用Nginx配置资源目录展示下载

    nginx配置文件 server { listen 8080; server_name localhost; charset utf-8; location /download { #下载的资源目录 ...

  4. nim_duilib(5)之option

    introduction 更多控件用法,请参考 here 和 源码. 本文的代码基于这里 xml文件添加代码 基于上一篇, 继续向basic.xml中添加下面关于Option的代码. xml完整源码在 ...

  5. 【LeetCode】507. Perfect Number 解题报告(Python & Java & C++)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 日期 题目地址:https://leetcode.c ...

  6. hdu-5587 Array(递归)

    Array Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)Total Sub ...

  7. 前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)

    一.背景:页面为何会卡? 1.1 等待时间长(性能) 项目本身包/第三方脚本比较大. JavaScript 执行阻塞页面加载. 图片体积大且多. 特别是对于首屏资源加载中的白屏时间,用户等待的时间就越 ...

  8. 第八个知识点:交互式的定义如何帮助计算和IP类问题是什么

    第八个知识点:交互式的定义如何帮助计算和IP类问题是什么 这是系列中的第8篇,我们主要讨论计算中交互作用的用处和IP类问题是什么. 为了回答这些问题,我们首先给交互式证明系统一个简洁的介绍.众所周知, ...

  9. Chapter 7 Confounding

    目录 7.1 The structure of confounding Confounding and exchangeability Confounding and the backdoor cri ...

  10. [C++]C++ STL库函数大全

    #include <assert.h> //设定插入点 #include <ctype.h> //字符处理 #include <errno.h> //定义错误码 # ...