Communitygithub.com

papercut (剪紙動畫風格)

以分層美術紙、紙紋理、撕邊、堆疊陰影條、投影、剛性剪裁動畫、緩慢鏡頭推進、膠帶標題橫幅和逐字撕裂標籤字幕,渲染一段剪紙風格影片。當使用者提及「剪紙」、「紙工藝」、「紙拼貼」或要求預設手工解說風格時使用。

papercut (剪紙動畫風格) 是什麼?

papercut 是 Motion Explainer 函式庫提供的一種影片動畫風格,專注於重現「分層美術紙」的手工質感。其核心特色包括:紙張紋理、不規則撕邊、使用堆疊的紙片(而非漸層)來表現明暗陰影,以及柔和的投影,帶來像是真實剪紙動畫的視覺效果。風格DNA要求物體必須是單色填色、正交視角,並維持柔和、不飽和的背景搭配鮮豔的角色與標題。技術上,此風格會產生「紙張沸騰」的細微動畫步進效果(stepped animation),但世界鏡頭則保持平滑移動,僅有橫幅和標籤會以「二格一拍」的方式沸騰。剪輯中還包含了膠帶貼上的頭條橫幅與逐字出現的撕標籤字幕,每個重音單字都對應一個視覺事件。此風格支援 Remotion 和 fframes 兩種渲染引擎,開發者可透過 `new_episode.sh` 腳本指定 `--style papercut` 來建立新集數。整個函式庫階層完整,從風格指引、腳本到 QA 檢查清單一應俱全,適合用於需要展現手工感、解說性強、或強調紙藝美學的動畫專案。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/boytegar/motion-skills/tree/HEAD/style/papercut

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

分層美術紙:紙紋理、撕邊、堆疊陰影條、緩慢的鏡頭推進及停格動畫式的紙張沸騰。

這是 motion-explainer 函式庫中的一種風格。它與其他所有風格一樣,包含了三個相同的核心元件:一個 style.json 清單、一個 Remotion 引擎,以及一個 fframes 引擎。管線技能(motion-explainer、motion-script、motion-storyboard、motion-build、motion-qa)皆以 $MOTION_STYLE 環境變數接收風格名稱,因此在選擇此風格時,工作流程中的其他部分無需改變。

使用時機

當簡報的風格與下方的風格DNA相符時,請選用此風格。請先閱讀 docs/style-guide.md:該文件為權威指南,本檔案僅作為索引。

風格DNA

  1. 每個物體都是平坦的美術紙:單一純色填充、約 10% 強度的細緻紙纖維紋理、略微不規則的剪刀裁切邊緣,以及柔和的投影(x 偏移 0,y 偏移 3-6px,模糊 6-10px,黑色 30%)。無漸層或外框線。
  2. 陰影由堆疊的紙片構成:一條較暗的底部陰影條和一條較亮的高光條,絕不使用混合或漸層。
  3. 僅使用正交視角,在手機尺寸下顯得厚實且清晰易讀,光源來自左上角。
  4. 飽和度需適度使用:採用柔和、帶灰塵感的背景,僅在角色、字幕和狀態信號上使用明亮色彩。
  5. 世界鏡頭平滑移動;只有橫幅和標籤會以「二格一拍」的步進方式沸騰。

色盤:背景米色 #DACEC0,墨色 #1C1B17,膠帶色 #C3B284,主角色 #D67354,字幕色 #3968AD,標籤色 #C9573C

元件套件

Remotion 版本,可從 ../lib/<file> 匯入(此套件會同步至每個專案的 src/lib/ 目錄中):

元件說明
<Paper lift torn>基礎包裝器:包含紙紋理、粗糙或撕邊 SVG 濾鏡及投影
<Slab x y w h color shade hi>基本圖元:一個剪紙矩形,包含陰影條、高光條和紙紋理
<Disc x y d color>圓形剪裁片,用於舷窗、輪子、鉚釘
<Pill x y text>小型紙標籤晶片
<Card x y w h lines>帶有規則填補線條的紙卡
<PopIn at>具有輕微安定傾斜效果的彈簧入場動畫
<Backdrop name>一個預先準備好的紙佈景,具有已知的 floorY 值
<CameraPush>世界鏡頭移動
<TapeBanner text>膠帶貼上的頭條橫幅,每個節拍傳達一個硬事實
<WordTagCaptions captions>撕裂的標籤字幕,逐字出現,在對應字詞開始時彈出
<CutSeries scenes cuts>場景集之間的轉場引擎

沒有東西是在真空中沸騰的

docs/style-guide.md 中的第 2 章節即為風格DNA。docs/frame-breakdown.md 提供了一個約 28 秒的完整範例;請模仿其事件密度,而非內容。

引擎

引擎路徑進入點
remotionremotion/template/, kit/, sync_kit.sh, CATALOG.md, AGENT_BRIEF.md
fframesfframes/Cargo.toml, src/ (lib, tokens, kit, look, video, main), tools/ff.sh

已註冊引擎:remotion、fframes。

建立新集數

# 從函式庫根目錄,並已設定 MOTION_LIB 環境變數
./core/new_episode.sh <系列目錄> 01-slug Episode 輸出名稱 --style papercut --engine remotion
./core/new_episode.sh <系列目錄> 01-slug Episode 輸出名稱 --style papercut --engine fframes

或者,將風格名稱寫入系列 SERIES.md 或 episode.json 中的 "style": "papercut",並讓 motion_style_of 函式自動擷取。

此風格的QA

在將場景標記為完成之前,請檢查以下項目於每張連絡表上;motion-qa 中的其餘檢查清單仍然適用。

  • 所有元素看起來都像是紙:具有紙紋理、粗糙邊緣、投影、堆疊紙片陰影,無外框線或漸層。
  • 世界鏡頭平滑移動;只有橫幅和標籤會沸騰。
  • 橫幅以膠帶貼上,包含 3-7 個單字,每個節拍一個事實,絕不重複旁白。
  • 字幕是逐個撕裂的標籤,帶有傾斜效果,在對應字詞開始時彈出,位於畫面 68-80% 的區域。
  • 每個重音單字都有一個視覺事件,且環境動畫始終運行。

檔案

  • docs/style-guide.md
  • docs/style-prompt.md
  • docs/motion-principles.md
  • docs/asset-prompts.md
  • docs/frame-breakdown.md
  • remotion/CATALOG.md
  • remotion/AGENT_BRIEF.md
  • remotion/RECIPES.md
  • style.json:清單(畫布、引擎列表、文件路徑、音訊根目錄)
  • sample.png:一個代表性的幀

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

相關技能