动效

剪纸动画设计

一支20秒的剪纸短片,把一句手写提问化为五个设计演示,再收进一本充满可能的书里。

OpenDesign代码改编与制作
官方
剪纸动画设计20s · 动效
一本打开的纸质作品集,在“It starts with your idea.”字样下方展示手机、网站、图表、海报和视频插图。
动态设计中的一帧

设计灵感适用于

  • 剪纸动态设计规划具有触感的场景:撕边、手绘纹理、分层角色和带铰链的道具。
  • 产品故事短片把多项能力转化为紧凑的“提问、演示、回答、邀请”结构。
  • 基于时间的品牌改编以新的角色、成果、节奏和音轨重构现有的动态参考。

动画亮点

  • 六秒内的五个动作点按、展开、翻页、贴胶带和移动的时间线,让每种成果的表现各不相同。
  • 一次连贯的纸上回答五件作品先后进入书中,随后书合上、折叠、飞回,并在女孩手中打开。
  • 实体化的最终邀请结尾的问题出现在一张横线便条上,女孩把它举起并钉在窗边。

一个20秒的问答故事

影片从夜晚的窗边开始,一个女孩写下“OpenDesign, what can you design?”。这个问题变成纸飞机,飞过小镇,抵达 OpenDesign 伙伴手中。经过五段紧凑的演示后,答案以一本书的形式回来,书上写着“It starts with your idea.”。最后钉上的便条向观众发问:“What will you design?”

这种结构让中段有了实际任务:每个示例都在回答开头的问题,而那本书则证明这些示例同属一个回答。代价是速度。只有20秒,动作就需要短促的预备、可读的结果,以及向下一个物件的即时交接。

影片的时间化故事弧线
时间可见节拍设计含义
0–5.5秒女孩灵光一闪,写下问题,把它折成纸飞机,并送入夜空。文字必须在屏幕上停留足够久以便阅读,但折叠与飞行仍需要清晰的轮廓。
5.5–7秒OpenDesign 伙伴阅读、思考,并以一点火花作出回应。这段停顿把接收问题与展示答案区分开来。
7–13秒原型、网站、演示文稿、海报和动态影片依次出现。每项能力都有各自独特的实体动作,而不是只依赖标签。
13–17秒五件作品进入一本书,书合上、飞回、打开,并揭示答案。物件的连续性把演示蒙太奇与女孩的反应连接起来。
17–20秒她抱住书、挥手,并钉上最后向观众提出的问题。影片从回答角色转向邀请观众。

让五项能力呈现出不同的观感

能力蒙太奇避免把五张卡片静态地摆出来。原型在点按后发生变化,网站展开,演示文稿从封面翻到图表,海报相互重叠并有一张被胶带贴住,纸飞机则随时间线前进穿过胶片。标签用来标明类别,而接触和状态变化才是证据。

演示文稿这一节拍停留在层叠的纸质幻灯片上,OpenDesign 伙伴靠得足够近,看起来参与了翻页动作。
演示文稿这一节拍停留在层叠的纸质幻灯片上,OpenDesign 伙伴靠得足够近,看起来参与了翻页动作。

原型点按

界面需要有可见的前后状态,随后做一次短暂停留。只有快速点按而没有变化后的页面,只能传达触碰,无法传达交互。

演示文稿翻页

封面让位给一张柱状依次升起的图表。第二个状态让演示文稿更具体,不过它比静态幻灯片需要更多的屏幕时间。

海报与影片动作

胶带为海报创造出可信的接触感,而时间线的移动则让胶片区别于装饰性插图。两个动作在图库预览尺寸下都必须清晰可辨。

让纸既是材质也是转场

撕开的白色纸纤维、宽幅水粉笔触、层叠的彩色纸张和手写字体,使影片保持明显的手工感。女孩由可分别活动的纸片拼成,而 OpenDesign 伙伴保留了深色标志方块、白色圆环和绿色光标。整片移动纸片能保留其附着的纹理,避免特效漂浮在平面插画上的滑腻感。

最有力的转场始于五个空的书本卡槽。每个微缩作品只在对应作品落位时才出现,之后封面合上,折叠成返程的回复。这比在场景间淡入淡出要求更高,因为位置、重叠和时机都必须匹配,但它给了观众一个连续的物件可以跟随。

归来的书在答案“It starts with your idea.”下方,同时展示原型、网站、演示文稿、海报和动态影片。
归来的书在答案“It starts with your idea.”下方,同时展示原型、网站、演示文稿、海报和动态影片。
  1. 确立空的目的地

    在卡槽填满之前先展示这本书,让每件作品到来时都产生可见的变化。

  2. 一次收入一件作品

    依次把五个成果移入各自的位置;在来源物件落位之前,不要先显示缩略图。

  3. 在归还途中保持回复的完整

    把书合上并折叠成旅行的形态,然后让女孩接住并重新打开,同时不遮挡她的眼睛和表情。

编排手部接触与清晰的停留

影片依靠触碰让纸质道具显得真实存在。伙伴倾身靠近原型,悬浮在胶带旁,并躲到收集好的书后面。女孩的双手在胸前高度接住飞来的书,随后一直触碰着最后的便条,直到把它钉好。短而圆的纸质手套与伙伴的比例相称,而不是拉伸成细长的手臂。

16:9 的改编在亲密的中央构图周围延展了墙面和天空。额外的宽度为飞行和标签留出了呼吸空间,但重要手势仍靠近中心。最后的便条刻意比真实的纸片更大,因为“What will you design?”必须在缩略图中也能辨认。在女孩双手合拢之后,完整的问题会获得一段停留。

剪纸风格的双手在木纹桌面上把横线纸折成纸飞机,旁边放着彩色铅笔。
剪纸风格的双手在木纹桌面上把横线纸折成纸飞机,旁边放着彩色铅笔。

来源、改编与当前范围

这个官方 OpenDesign 代码重制版,改编自 @kevin_t_ngo 已发布动态作品的纸艺构图。参考作品是一支28秒的方形影片;本改编则是一个20秒的16:9故事,配有 OpenDesign 伙伴、修订后的能力场景,以及提供的原创音轨。署名记录了参考来源,并不暗示其创作者认可。

这是一支渲染完成的动态影片:其中的微缩界面是故事道具,而不是可用的设计应用。该模板来自一项拟议中的 OpenDesign 视频工作流程;是否可用取决于已安装的版本。请单独核查参考素材和随附资源的复用许可。

如何在 OpenDesign 中创作剪纸动画设计

  1. 下载并安装 OpenDesign

    下载桌面客户端并完成安装与初始配置,然后为您的设计创建一个项目。

    下载 OpenDesign
  2. 将故事对应到精确的停留与动作

    先确定一个问题、一组简短的演示成果、一个回归的答案和一句最终邀请。在细化美术之前先分配时间区间。每个重要节拍都要包含预备、动作、结果和停留;如果时间表变得拥挤,就删掉一项能力,而不是让每个状态都短到看不清。

    建议提示词

    创作一支20秒、16:9的剪纸动画。开场是一个女孩在夜晚的窗边写下“What can you help me make?”,并把纸条折成纸飞机。随后展示一位 OpenDesign 伙伴用五种不同的成果作答:一个被点按后会改变状态的手机原型、一个展开的网站、一页翻转成图表的演示文稿、一张被胶带贴好的海报,以及一条时间线会移动的胶片。将这五件作品逐一收进最初为空的书本卡槽,合上书,把书交还给女孩,最后她把“What will you design?”钉在墙上作结。使用撕边纸张、手绘质感、清晰可读的停留以及可见的手部接触。请保持为渲染完成的影片;不要暗示这些微缩界面是可用的产品。仅使用提供的本地素材,并在无法渲染视频时提供逐帧手动制作的备用方案。

  3. 构建可复用的纸片元素

    一次性准备好带纹理的纸张、角色部件、字体和微缩成果卡片,然后在一条总时间线上为它们的变换制作动画。让纹理始终附着在每个运动的纸片上。以正常播放速度测试原型点按、演示翻页和收书过程,再调整重叠部分,让双手明显接触到道具。

  4. 检查确定性帧与小尺寸预览

    前后拖动时间轴,确认同一时间点始终得到同一帧。在桌面和窄屏预览尺寸下检查开场、能力蒙太奇、归还的书以及钉住的便条。使用音轨时请保持其时间对位,但捕获的画面保持静音。由于 PR8619 尚未合并,请把现有项目环境视为能力限制,必要时采用手动渲染帧的工作流程。

  5. 导出并获取分享链接

    导出完成的设计稿,然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接,确认目标版本及其资源均可正常访问后,再将链接发送给他人。