tesseract-motion について
tesseract-motionは、Tesseractでモーショングラフィックスやオーバーレイを制作するスキルです。編集可能な.ts rct文書とレンダリングプレビューの作成を支援します。
主な機能
- 01モーションのコンセプト設計
- 02ネイティブレイヤーとAnimationGraphの利用
- 03テキスト・パス・マスクのアニメーション
- 04映像へのオーバーレイ合成
- 05アニメーションのレンダリングと確認
活用シーン
- 01広告のオープニング制作
- 02映像へのモーション追加
- 03音楽に合わせたアニメーション
- 04透明な動画オーバーレイの書き出し
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ mirage-hq/ tesseract --skill tesseract-motionインストール後、Claude Code で/tesseract-motionを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
agents/openai.yamlassets/icon.svgreferences/ad-hooks.mdaudio-and-timing.mdcapabilities.mdcli-version.txtcolor-grading.mdconversion.mdcustom-shader.mdeditorial-decisions.mdfilmstrip-review.mdfx-authoring.mdhdr-blend-modes.mdinstallation.mdlocal-operation.mdmedia-import.mdmotion-design.mdmotion.mdnative-authoring.mdreview-and-delivery.mdsound-design.mdspeech-cleanup.mdtelemetry.mdversions.mdwaveform-editing.mdscripts/tesseract_media.pytesseract_sound.pytesseract_waveform.py詳細
Tesseractでモーションをデザインする
Premiere ProやAfter Effectsなど、ほかの編集ツールとの間でファイルを変換する場合は、変換をお読みください。共有された .tsrct ファイルや古い .tsrct ファイルを開く場合、ツールを更新する場合、または読み込みやレンダリングの違いを調査する場合は、バージョンと互換性をお読みください。
CLIは一部のコマンドについて、基本的な使用状況テレメトリーを送信する場合があります。TESSERACT_SKILL=tesseract-motion とその他のアトリビューション変数を使って、任意でアトリビューションを指定できます。CLIのテレメトリーオプトアウト設定を尊重し、ユーザーに代わってテレメトリーを有効にしないでください。
明確なビジュアルアイデアのある動きのあるコンポジションを作成します。モーションで何を伝えるのか、そのリズム、出力先のキャンバス、そして全画面のシーンなのか、映像を見せたままにする必要があるオーバーレイなのかを明確にします。
広告のオープニングをデザインする場合は、広告フックをお読みください。実際の製品やメッセージに結び付いた明確なビジュアルアイデアを考案し、利用可能な場合は、確認済みのオープニングの音楽キューに主要な要素の登場を合わせ、次のシーンと一緒にプレビューします。サウンドとトランジションはアイデアを強化するものですが、エフェクトを必ず積み重ねる必要はありません。
- この
SKILL.mdがあるディレクトリを基準に、このスキルのルートを特定します。CLIのインストールを読み、セッションごとに1回、必要なTesseractのバージョンを確認します。タスク全体を通して、特定した実行ファイルのパスを使用してください。ローカル操作とネイティブオーサリングをお読みください。 - モーションデザインをお読みください。提供されたブランドやスタイルの参考資料を使用します。オーバーレイの場合は、配置とタイミングを想定した位置で実際の映像を確認し、被写体、テキスト、動きを考慮してデザインします。
- タイポグラフィ、パス、マスク、プリコンポジション、図表、メディアの処理など、適切な手法を選びます。ネイティブレイヤーと連携したAnimationGraphを使用します。既存の映像やグラフィック素材を使うのは問題ありませんが、デザインを1枚のプリレンダリング画像にすると、編集可能なモーションの利点が失われます。
tsrct project schemaまたはtsrct project schema --documentから、必要な定義を取得します。FXの作成とモーションには、動作するワイヤー形式とローカルレンダリングの例が記載されていますが、必須のデザインではありません。被写体を遮蔽する場合は、サポートされているときは近似的な手描きのシルエットではなく、実際の人物マットを使用します。- 提供された音楽、または以前に生成された音楽にリズムが設定されている場合は、波形編集をお読みください。音楽の波形を開き、アクセントやフレーズの変化を聴いて確認してから、作成を始める前にアニメーションの登場や表示を選択した音楽イベントに対応付けます。選択したトラックを維持してください。すべてのピークをビートと見なしたり、すべての動きを機械的に同期させたりしないでください。グラフィックに音声が含まれる動画の一部となる場合は、サウンドデザインをお読みください。動きを引き立てる場合は、短いアクセント音やトランジション音を追加します。セリフや既存のミックスで演出が十分に伝わる場合は、音を控えめにします。サウンドは別個のAudioレイヤーに保持し、ファイルの読み込み、配置、エンベロープにはオーディオとタイミングを使用します。無音のオーバーレイを求められた場合は、無音のままにします。
- 制作中に保存したアニメーションを確認して修正するには、フィルムストリップレビューを使用します。コンテキスト内での再生を含め、レビューと納品で仕上げます。
編集可能なコンポジションを、ポータブルな .tsrct ドキュメントとレンダリング済みプレビューとして出力します。オーバーレイは、ネイティブレイヤーとして提供された映像に合成します。透明なオーバーレイの場合は、export --format prores --fx-solo compositionId:layerId --output overlay.mov を使い、アルファチャンネルを確認します。ソロエクスポートでは、対象のアクティブウィンドウが音声なしで出力されます。プロジェクト全体のMOVエクスポートでは、プロジェクトのミックスが保持されます。
サポートされているエフェクトとネイティブのテキスト/図形アニメーションを優先してください。独特なビジュアル表現には、カスタムシェーダーの仕様を読んだうえでカスタム WGSL を使用してください。このランタイムで提供されていない API フィールド、キーフレーム形式、任意の 3D メッシュのインポートなどの機能をでっち上げないでください。