当汉字和图画都能动起来，太惊艳了！

↑点击上方何老师教学锦囊关注我，获取更多教学干货

后台点右上角“加星标”，就不会错过我的推送了

前段时间同事推荐给我一个有趣的网站——Animated Drawings，只要把学生的画拍照上传，就能让原本静态的图画动起来。

我看了觉得特别新奇，于是决定去把这个网站好好研究一番。

结果我惊奇地发现，能够动起来的可不止手绘图画，如果我们上传汉字和图片的话，它们也能活灵活现地动起来！

有了这个神器，我们在课堂上的图片和汉字展示可以变得生动形象，能有效提高学生的注意力和学习兴趣。

01

网站实测效果

何老师亲测发现，这个网站能让大部分图画、图片和文字动起来。

注意这里我说的是“大部分”而不是“全部”，是因为它的智能识别还有一些局限性。

接下来，我就给大家看看我在网站里上传不同类型图片的真实测验效果。

同时也请大家仔细观察，看看这些成功“动起来”的案例有什么共同特点，咱们最后一起来总结个“使用攻略”。

手绘图画动起来✅

我先按照网站的说明，上传了一张手绘的图画，并抓取了画面中的主要人物。

然后经过一两步简单的设置，这个手绘的小女孩就能动起来了！

有了这个功能，我们就可以把学生平时的图画转变成动画，让他们做Picture Talk或者Story Telling的练习。

汉字动起来✅

怀着激动的心情，我迫不及待去测试了一些汉字。

先试了下自己的名字，没想到我这个安静的女子居然手舞足蹈起来，舞步还清晰可辨。

然后我又试了个笔画较少的“中”字，它竟然可以旋转、跳跃、翻跟斗！

再试一个笔画偏多的“鼻”字。看到它在挥手、跳舞、奔跑的样子，仿佛自己的鼻子也会动了。

再来看看变身后的“是”字，这身手，是不是很有中国功夫既视感？

相比于“是”的暴脾气，“奔”字看起来就热情奔放多了。

何老师发现，当静态的汉字转为动态后，有种被拟人化的效果，似乎还带上了情绪和性格。

这样动态的汉字展示生动有趣，有很强的交流感，能够有效加深学生对汉字的记忆。

PNG图片动起来✅

手绘图画和汉字都成功动起来了，图片当然也没问题。

不过何老师反复测试后发现，生成动画效果最好的是无背景已抠图的图片，也就是我们常说的矢量图（最常见的是PNG格式）。

不管是真实的或卡通的人物，还是动物，也都可以从静止状态变成动画。

02

操作流程

这些图画、汉字和图片究竟是怎么动起来的呢？其实操作非常简单，只需要简单四步：

Step1：上传图片

不管你想让谁动起来，上传的文件都是图片（JPG或PNG格式）。

Step2：选择主人公

你想让谁动起来，就要在画面上锁定一个具体的范围。

Step3：剥离主人公

系统会自动分离出主人公元素（类似抠图），对于识别不出的个别区域可以借助画笔和橡皮来手动修补。

Step4：设置动态连接点

这一步一般不需要我们手动操作，直接使用系统设置的效果点击Next即可。

完成前面四步的设置之后，我们就可以拥有各式各样的动图效果了。

系统给出了跳跃、走、跑、跳舞、搞笑等很多动作选项，我们可以点击切换。

如何将制作好的动画保存下来呢？

只需点击图片下方的“Share”就能看到多种下载和分享的方式。

我们下载保存的动画都是MP4视频格式，直接插入到PowerPoint、Keynote等软件里就可以作为课件来进行课堂展示了。

03

网站使用攻略

相信大家已经被何老师成功种草了Animated Drawings这个图文转动画网站。

为了能让大家事半功倍地把它应用到教学中，不踩坑，我来根据自己的使用体验整理一些攻略。

攻略1：主人公四肢健全

在前面我让大家一起观察总结过我上传的“成功案例”有什么共同点。

不卖关子，直接说我的结论：

这些图画、汉字和图片的主人公特点非常鲜明，用四个字简单概括就是——四肢健全。

网站最初设计的思路只是将小朋友手绘的人物转变成动画效果，上传的图片要有明显的肢体部位才容易被识别。 

所以，请大家再看图细品一下何老师说的“四肢健全”是什么意思。尤其是那些可以动起来的汉字，是不是也都“有胳膊有腿”呢？

攻略2：矢量图效果最好

前面也说过，如果上传人物照片或者卡通图片的话，最好是无背景已抠图的PNG格式矢量图。

哪怕不是矢量图的话，最好也是纯白色背景的图片。这是因为矢量图或纯白色背景，更便于网站系统识别和抓取。

比如何老师在给这个小男孩做动画时，一开始用左边的图片是失败的，但我换成抠图后的右图就成功了。

如果您对于抠图技巧不太了解的话，还可以查看何老师的这篇独家攻略：

攻略3：汉字PNG图的制作

很多老师可能还想问：何老师制作的汉字动画也是上传PNG图片吗？汉字PNG图是怎么做出来的？

答案：Yes。操作其实也很简单，我只是用到了PPT中的艺术字。具体流程：

• 打开PowerPoint新建一个空白页面

• 点击工具栏中的【插入】选择【艺术字】，建议别选镂空体
  

• 用艺术字输入一个自己需要的汉字，调整字号，建议设置为“楷体”并加粗
  

• 【右键】选中这个汉字，点击【另存为图片】即可将它保存成PNG矢量图

💡小贴士：

1.汉字的颜色大家可以根据喜好去设置

2.另存为图片的时候请确认一下是否为PNG格式（不是的话“保存类型”最好勾选这个格式）

3.不一定每个汉字都能成功在这个网站动起来。何老师亲测上下结构、上中下结构的汉字和独体字成功率较高，汉字笔画紧密贴合的汉字成功率更高。

结语

科学研究表明，普通人群中的65%都是Visual Learners（视觉型学习者），因为我们的大脑处理图像的速度比文字要快得多，动画当然要比平面图更快。

这也就意味着，我们教学中很多复杂问题都可以用通过可视化的动画资源来解决。比如：汉字的记忆。

如果您喜欢何老师今天分享的这个图文转动画网站，就赶紧试去用一下，等到开学就可以把它用到课堂上啦！

🎁本文福利：

Animated Drawings的网址我放到后台了。

麻烦点击文末右下角的“在看”或“赞”，让我知道您喜欢；然后扫描下方二维码进入公众号后台，点击左下角键盘图标，在对话框回复“动起来”，就能收到网址，可直接点击使用。

喜欢何老师分享的内容，

一定不要吝惜点赞哦！

往期推荐

叁号锦囊PPT会员特惠活动正在进行中，成为叁号锦囊VIP可第一时间领取何老师最新原创PPT小游戏，后台回复“会员”可了解活动详情

更多教学资源

进入公众号后台，回复关键词，可阅读相关文章：

- 如果您对何老师原创的PPT情景教学游戏感兴趣，请回复【PPT】

- 如果您在寻找中文教学资源，想看看何老师分享了哪些干货，请回复【资源】

- 如果您想看看何老师分享的手工环创资源，请回复【手工环创】

- 想了解何老师在中文教学中使用过哪些有趣的教学活动和小游戏，请回复【教学游戏】

- 如果您是教学科技控，想了解智能白板专用的Notebook课件，请回复【Notebook】

您点的每个“在看”

我都当成了喜欢