动效

动态设计师作品集短片设计

一支 15 秒、128 BPM 的作品集短片,用代码重制,包含硬切配色、实时 HUD,以及按小节卡点的七个章节。了解其节奏、字体与配色如何运作。

OpenDesign代码改编与制作
官方
动态设计师作品集短片设计15s · 动效
亮绿色身份卡上,黑色大号 OpenDesign 字样与斜体的动态设计师副标题。
动态设计中的一帧

适用的设计场景

  • 动态设计师作品集短片一支短片,在固定的音乐网格上于各章节之间切换。
  • 品牌形象片头标志、字标和职位文案最终汇成一张片尾卡。
  • 动态字体作品由节奏、回声效果和色彩变化驱动的大号展示字体。

作品集短片亮点

  • 数着节拍的 HUD时间码、128 BPM、四个节拍方块和 BAR n/8 始终留在每一帧上。
  • 硬切配色标出章节青柠绿、近黑和深绿背景区分各个段落。
  • 展示字体担纲主角扩展字标、衬线斜体职位文案和回声字母撑起整支影片。

按音乐网格编排的短片

影片时长 15 秒,速度 128 BPM,屏幕上的 HUD 让这一结构清晰可见。每一帧都显示时间码、60 FPS、四个节拍方块、总共 8 小节的 BAR 计数器,以及沿底边的进度线。

其效果是让每次切换都显得有意为之。代价是 HUD 永久占据四角,因此你添加的任何文字都必须留在内框之内。

位于 00:00:03:00 的开场字标画面,标注为 01 — Identity,HUD 中显示 BAR 2/8。
位于 00:00:03:00 的开场字标画面,标注为 01 — Identity,HUD 中显示 BAR 2/8。

七个动态章节与一张片尾卡

源文档把短片分成若干章节,每个章节都有各自的起始时间。短章节让节奏保持紧凑,但几乎没有时间阅读内容。字标有 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”两个字母可以辨认。

位于 00:00:12:00 的动态字体:深绿底上的白色字母与绿色回声,BAR 7/8。
位于 00:00:12:00 的动态字体:深绿底上的白色字母与绿色回声,BAR 7/8。

字标比例

OpenDesign 以扩展黑体分两行排版,下方是衬线斜体职位文案。宽无衬线体与纤细斜体的对比,把品牌与职位区分开来。

系统网格

近黑底上是一块 3×3 的纸色方块,背后有淡淡的点阵;在源文档所说它分裂成 truchet 图案场之前,它先是一个静止的物体。

将短片改编为其他简报

源文档说明,可更换品牌、职位、页脚文字和配色,同时在 128 BPM 网格上保留七个章节。这很实际,因为文案、配色和节奏都放在合成顶部的常量里。

每个可见数值都是时间的函数,因此向后跳转会得到同样的画面。较长的职位文案或品牌名可能需要缩小字号,才能仍然适配两行布局。

位于 00:00:07:30 的系统章节:深色底中央的 3×3 纸色方块,BAR 5/8。
位于 00:00:07:30 的系统章节:深色底中央的 3×3 纸色方块,BAR 5/8。
  1. 替换身份信息

    先更换品牌、职位和页脚文字,然后检查字标宽度。

  2. 重新设定配色

    让每个章节的背景与其字体保持强烈对比。

  3. 守住网格

    在现有小节内重新调整内容节奏,而不是增加章节。

来源与范围

这是 OpenDesign 对一件署名第三方作品的官方代码重制:@stephanlivera 在 X 上发布的帖子。该合成依据已发布的作品用代码重建,配乐为原创。此署名属于事实说明,并不代表原作者的认可。

这是一支渲染完成的作品集短片,而不是交互式设计工具。其模板来自一个拟议中的 OpenDesign 视频工作流;是否可用取决于所安装的版本。

如何在 OpenDesign 中制作动态设计师作品集短片设计

  1. 下载并安装 OpenDesign

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

    下载 OpenDesign
  2. 撰写短片简报

    写明时长、速度、章节顺序和配色。说明想要的品牌名与职位文案,并列出要保留 15 秒结构中的哪些章节。

    建议提示词

    制作一支 15 秒、128 BPM、16:9、以影片形式渲染的动态设计师作品集短片。在近黑、亮绿、纸白和深绿之间使用硬切配色。每一帧都显示 HUD:品牌、时间码、60 FPS、128 BPM、四个节拍方块、BAR n/8 和进度线。章节:身份片头、两行字标配衬线斜体职位文案、六条缓动曲线、形状变形、truchet 网格、3D 点云、动态字体,以及片尾卡。使用我的品牌名和职位。不要添加旁白。

  3. 检查节奏与可读性

    对照小节计数检查每个章节。确保字标和职位文案在下一次切换前清晰可读,并缩短放不下的文字。

  4. 检查声音与边缘

    决定影片是配乐还是静音。让画面铺满到边缘,并确认海报帧中不出现控件。

  5. 导出并获取分享链接

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