动效
动态设计师作品集短片设计
一支 15 秒、128 BPM 的作品集短片,用代码重制,包含硬切配色、实时 HUD,以及按小节卡点的七个章节。了解其节奏、字体与配色如何运作。
适用的设计场景
- 动态设计师作品集短片一支短片,在固定的音乐网格上于各章节之间切换。
- 品牌形象片头标志、字标和职位文案最终汇成一张片尾卡。
- 动态字体作品由节奏、回声效果和色彩变化驱动的大号展示字体。
作品集短片亮点
- 数着节拍的 HUD时间码、128 BPM、四个节拍方块和 BAR n/8 始终留在每一帧上。
- 硬切配色标出章节青柠绿、近黑和深绿背景区分各个段落。
- 展示字体担纲主角扩展字标、衬线斜体职位文案和回声字母撑起整支影片。
动态设计师作品集短片设计预览
按音乐网格编排的短片
影片时长 15 秒,速度 128 BPM,屏幕上的 HUD 让这一结构清晰可见。每一帧都显示时间码、60 FPS、四个节拍方块、总共 8 小节的 BAR 计数器,以及沿底边的进度线。
其效果是让每次切换都显得有意为之。代价是 HUD 永久占据四角,因此你添加的任何文字都必须留在内框之内。
七个动态章节与一张片尾卡
源文档把短片分成若干章节,每个章节都有各自的起始时间。短章节让节奏保持紧凑,但几乎没有时间阅读内容。字标有 1.5 秒,缓动章节有两秒。
| 时间 | 章节 | 可见内容 |
|---|---|---|
| 0–2.0 秒 | 身份 | 光线、绘制的标志、闪光、圆形擦除 |
| 2.0–3.5 秒 | 字标 | 两行滑入、挤压、衬线职位文案 |
| 3.5–5.5 秒 | 缓动 | 从 A 到 B 的六条曲线 |
| 5.5–7.45 秒 | 变形 | 圆形变三角形,再变星形,再变圆角方形 |
| 7.45–9.75 秒 | 系统 | 纸色方块分裂成 truchet 图案场 |
| 9.75–11.2 秒 | 纵深 | 点平面折叠成灯笼,再变成圆环体 |
| 11.2–13.1 秒 | 动态字体 | EASE、IN.、EASE、OUT.、NEVER、LINEAR |
| 13.1–15 秒 | 结尾 | 圆环、旋转标志、彩纸、堆叠字标 |
以字体和色彩作为主要转场
背景是硬切而非淡入淡出。身份画面使用亮绿配近黑字体;系统画面使用深色底配纸白网格;动态字体画面使用深绿底配白色字母。
动态字体画面中,每个字形后都拖着半透明的回声,无需运动模糊滤镜也能表现方向。代价是可读性:在运动途中,只有“OU”两个字母可以辨认。
将短片改编为其他简报
源文档说明,可更换品牌、职位、页脚文字和配色,同时在 128 BPM 网格上保留七个章节。这很实际,因为文案、配色和节奏都放在合成顶部的常量里。
每个可见数值都是时间的函数,因此向后跳转会得到同样的画面。较长的职位文案或品牌名可能需要缩小字号,才能仍然适配两行布局。
替换身份信息
先更换品牌、职位和页脚文字,然后检查字标宽度。
重新设定配色
让每个章节的背景与其字体保持强烈对比。
守住网格
在现有小节内重新调整内容节奏,而不是增加章节。
来源与范围
这是 OpenDesign 对一件署名第三方作品的官方代码重制:@stephanlivera 在 X 上发布的帖子。该合成依据已发布的作品用代码重建,配乐为原创。此署名属于事实说明,并不代表原作者的认可。
这是一支渲染完成的作品集短片,而不是交互式设计工具。其模板来自一个拟议中的 OpenDesign 视频工作流;是否可用取决于所安装的版本。
如何在 OpenDesign 中制作动态设计师作品集短片设计
撰写短片简报
写明时长、速度、章节顺序和配色。说明想要的品牌名与职位文案,并列出要保留 15 秒结构中的哪些章节。
建议提示词制作一支 15 秒、128 BPM、16:9、以影片形式渲染的动态设计师作品集短片。在近黑、亮绿、纸白和深绿之间使用硬切配色。每一帧都显示 HUD:品牌、时间码、60 FPS、128 BPM、四个节拍方块、BAR n/8 和进度线。章节:身份片头、两行字标配衬线斜体职位文案、六条缓动曲线、形状变形、truchet 网格、3D 点云、动态字体,以及片尾卡。使用我的品牌名和职位。不要添加旁白。
检查节奏与可读性
对照小节计数检查每个章节。确保字标和职位文案在下一次切换前清晰可读,并缩短放不下的文字。
检查声音与边缘
决定影片是配乐还是静音。让画面铺满到边缘,并确认海报帧中不出现控件。
导出并获取分享链接
导出完成的设计稿,然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接,确认目标版本及其资源均可正常访问后,再将链接发送给他人。





