Skip to main content
00:00
00:00

Mid-century Cartoon

A 1950s classroom-film look for showing how to do something: flat atomic-age colour printed slightly off its broken, breathing ink line, and a geometric presenter whose body holds still while the hands do the work. A round magnifier gives the close-up, a numbered medallion stamps and opens into the next step, and a paper tag lands the key number on the picture.

Use this style
Good for
How-to guide
Footage
Tags
Format
16:9 1920×10809:16 1080×192030fps

What to provide

Describe the task and its steps, with the key number or point for each (a temperature, a time, a size). You can set the colour of the thing being explained and the presenter's clothes, or ask for no presenter. Only step titles and detail tags appear on screen; the voice-over carries the explanation. Good for set-up guides, safety rules, recipe cards and notices.

What you can change

ground
每段一块地色平面:blue 粉蓝、mustard 芥末黄、avocado 牛油果绿、pink 粉、teal 青绿、plum 梅紫,或任意柔和的 #rrggbb;相邻段换色
thing
被讲解的物件全片固定一种颜色(默认青绿),强调色(星形项目符号、箭头)另用一种(默认珊瑚红),二者不能相同
presenter
可选的主持人:衣服、裤子、发带颜色和发型(齐耳短发 / 短发)可换,不能穿物件的颜色;也可以不出现人物

Limitations

  • 支持 16:9 横版与 9:16 竖版、30 fps;同一段工程两种画幅都能画,摆位由段的 scene.js 按画布写
  • 全部用代码画,不使用照片和视频素材;不写实、不做人物表演和长对白,适合步骤说明、规则卡、配方卡、上手指南和通知
  • 画面文字只放步骤标题、细节签和数字,必须留够阅读时间;讲解全文由口播和平台字幕承担
  • 人物是几何化的通用主持人,不画真人、名人或已有卡通角色;不使用真实品牌的 logo
  • 不自带配乐与音效

More examples

Pour-over coffee: bloom the grounds

Pour-over coffee: bloom the grounds

Step 2 of a pour-over guide: the presenter tips a gooseneck kettle over the dripper while the scale counts up to 50 g; in the magnifier the bed of grounds swells and bubbles, and the tag says pour 50 g, then wait 30 s. The next step's medallion stamps on at the end.

Mid-century Cartoon · 16:9 · 8.5s