玩具小屋

玩具小屋

视频《玩具小屋》

一、分镜脚本

1、清晨,糖糖走出家门,发现门口出现了一个大大的礼物盒,打开一看,里面竟然是一个玩具小屋。“好漂亮的小木屋!这是谁送我的呀!”

分镜设定1

2、小屋里仿佛是一个无边无际的空间,充斥着造型奇特的家具和生动逼真的娃娃。这些都让糖糖很惊喜,几乎天天都要摆弄那些家具,并和娃娃们打招呼。

分镜设定2

3、有一天,糖糖和自己的小伙伴吵架了,情绪很低落。到了晚上,她如同往常一样打开了小屋的门,看着小屋中的娃娃们,不禁心生羡慕。“要是我也能进到小屋里来就好了,真想和你们一块儿玩!”

分镜设定3

4、突然,小屋里弥漫出一股奇怪的气体。糖糖又是心惊又是好奇,忍不住就用手去触碰了它。却没想到,身体一下子就被它缠住了。“啊!怎么回事!”

分镜设定4

5、紧接着,糖糖只觉得全身都陷入了一个漩涡里,随着漩涡的高速转动,渐渐地失去了意识。

分镜设定5

6、等到恢复了知觉,糖糖发现自己正坐在一个沙发上,四周的环境和小屋里很像。然而新鲜感并没有持续多久,身体的僵硬让糖糖有了一丝不安。“怎么动不了了?好难受!”

分镜设定6

7、正对着糖糖的是一扇门。忽然,门被打开,露出了一张巨大的孩子脸,俨然就是小屋里那个穿着动物装的娃娃。

分镜设定7

8、几天之后,另一个孩子也收到了一个玩具小屋……

分镜设定8 

二、交互设定

开机画面,点击“开始故事”进入故事。

交互设定1

点击“选择书页”出现下拉框。

交互设定2

点击“我来录音”出现录音界面,可输入用户的名字,并更换头像。

点击“保存并录制”进入录制界面。

交互设定3

按下方的录音按钮开始录音,录制完成再次点击此按钮。

交互设定4

进入故事第一页后,滑动拆礼物盒,点击人物出现对话气泡。

交互设定5

故事第二页,左下角可滑动浏览图像,拖动图像到画面上对应的图形上,使画面完整。

交互设定6

故事第三页,点击主角的手打开小木屋的门,点击主角出现对话气泡。

交互设定7

故事第四页,拖动主角手,让气体缠绕主角身体,点击主角出现对话气泡。

交互设定8

故事第五页,滑动屏幕出现动画。

交互设定9

故事第六页,点击主角出现会话气泡。

交互设定10

故事第七页,滑动门开门,点击人物有弹跳效果。

交互设定11

故事第八页,完成拼图。

交互设定12

点击左上角设置按钮,出现设置界面。

交互设定13 

三、制作过程

1、在Photoshop中分图层绘制场景。

制作过程1

2、每个图层单独保存png图片。

制作过程2

3、图片放入Flash中编辑动态,并且转成视频格式。

制作过程3

4、在视频编辑器里把几个场景的视频都剪辑在一起,加上音乐和音效,《玩具小屋》电子绘本的demo完成。

制作过程4

蔡盛
设计师
数码交互技术与表现
上海大学美术学院 15级

沪公网安备 31010702007500号