一個訂閱,解鎖全部高階影片 Skill。隨時取消。檢視方案
Ember & Bun · 16:9

由此 Skill 渲染

霓虹邊框下方字幕條 v1.0.0

兩道光弧沿著圓角面板的邊緣疾馳,啪地合攏後,名字和職稱才登場。

暫無評分 0 次下載
格式
影片 · 16:9
時長
0:05

免費 註冊帳戶即可免費使用

登入後下載

把這段話貼上給你的 Agent。它會在需要時連線 CLI,然後安裝 Skill。

一個免費的 HyperFrames 區塊,做 4.8 秒、充滿活力的人名字幕。兩道發光的光弧沿著圓角面板的邊框前進,從一個角跳到下一個角,把外框閉合,接著名字和職稱淡入。名字、職稱、強調色、移動方式、速度、圓角半徑、線條粗細、光弧長度和光暈都是變數;背景是透明的。

更新於 2026年11月4日

你將得到

  • 一段 4.8 秒、1920×1080、透明背景的下方字幕條
  • 沿著面板邊框描繪的發光光弧
  • 名字、職稱、強調色、動態、圓角、粗細和光暈的變數

適合

  • 創作者、主廚和主持人
  • 遊戲和科技頻道
  • 活動和舞台影片

不適合

  • 非常正式或企業感的調性
  • 很長的頭銜

關於此 Skill

你只需說

/lt-neon-border 幫「Marco Ruiz」、「Head chef · Ember & Bun」做一條橘色的霓虹邊框下方字幕條,疊在我們的漢堡鏡頭上。

人名字幕也可以有個性。霓虹邊框下方字幕條用兩道光弧描出自己的外框,讓講者的名字帶點表演感地登場。很適合創作者、主廚、遊戲實況主,以及任何風格大膽的品牌。

運作方式

  1. 提出需求:告訴助手名字和職稱、一個強調色,以及光弧要動得多活潑。
  2. 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
  3. 算繪:它用 npx hyperframes render 算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。
  4. 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。

小訣竅

  • 從你的品牌色裡挑強調色。
  • 「step」移動方式帶點機械感;平滑的移動感覺比較沉穩。
  • 背景是透明的,請帶 Alpha 通道算繪,再疊到你自己的影片、照片或純色背景上;SKILL.md 裡有這兩道指令。
  • 有光暈加持,暗色或雜亂的畫面也很清楚。

開源

這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載內容包含區塊和它的素材,以及一份由 Reelity 撰寫的 SKILL.md,讓你的助手知道怎麼填寫和算繪;HyperFrames 本身從 npm 執行。

開始前需要準備

你需提供
一個名字、一個簡短的職稱和一個強調色。
依賴
Node.js 22 或更新版本——必要 · FFmpeg——必要
外部費用
沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
最近測試
v1.0.0 —

使用者評價

還沒有評價。安裝這個 Skill,成為第一個評分的人。

常見問題

光弧可以平滑移動,不要一格一格跳嗎?

可以。移動方式和速度都是變數。

光暈可以調弱嗎?

可以。光暈、粗細和光弧長度都是變數。

為什麼免費?

這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Ember & Bun 做的。

相關指南

How to add a clean name lower third to an interviewEvery interview needs a name title. How to add a clean, readable one over bright footage, free, with the Dark Card Lower Third block.How to make an animated neon lower thirdA name title can have personality. How to make one whose border is traced by glowing arcs, free, with the Neon Border Lower Third block.

相似 Skill

檢視全部