# ビデオ用の無料の手描き注釈アニメーション

無料の手描きビデオ テンプレート: 円、下線、カーソル。映像の細部を強調表示します。 Subclipで編集して動画を書き出せます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/hand-drawn-annotations

手書きの注釈は、ボタンの周りのぐらぐらする円、キーフレーズの下の下線、ターゲットに向かって滑るカーソル、ホワイトボードに描かれるスケッチなど、重要なものを視聴者に示します。このコレクションは、ソフトウェアによって配置されるのではなく、手で描かれたように見えるマークを必要とするチュートリアル作成者、教育者、説明編集者を対象としています。

## 注釈が役立つ場所

チュートリアルと画面録画には、視聴者が見逃してしまう細かい詳細がたくさんあります。 Hand Drawn Scribble は、マーカーのハッチング、湾曲したコネクタ、手書きのラベルを備えたぐらつく円を描き、スクリーンショットの上に置く準備ができています。 Squiggle Marks は、手書きの下線、二重取り消し線、括弧マークを次々と描画します。 Outline Draw は、透明な中心を持つ丸い輪郭を時計回りにトレースするため、その下にあるものをフレームに収めます。

カーソルは UI ウォークスルーで注意を促します。 Oversized Cursor は滑空して、反応するターゲットをクリックし、フレームから離れます。 Multiplayer Cursor は、コラボレーション機能に適した、共有フォーカス リングの周囲で 2 ～ 6 個の名前付きポインタを移動します。

スケッチにはアイデアが込められています。 Whiteboard Bulb はトラベル ペンでアイデア電球を一筆ごとに描き、Whiteboard Rocket は打ち上げメッセージを含むロケットをスケッチします。 Stitched Text Draw は、大文字を糸縫いと先針で縫います。 Callout card は、小さなラベルと太字のキー ポイントを備えたシンプルなダーク カードです。

## 良いアノテーションとは何か

小さくて短いです。注釈はショットを置き換えるのではなくサポートするため、すぐに引き込み、視聴者が見ている間保持し、邪魔にならないようにする必要があります。また、コントラストも必要です。混雑したスクリーンショットの上に明るいアクセントを加えたり、明るいスクリーンショットの上に暗いストロークを重ねたりします。

多少のぐらつきは助かります。沸騰する線、つまりフレームからフレームへとわずかにずれることを意味し、手作りとして読み取れます。いくつかのテンプレートを使用すると、ボイルを上下させたり、シードを別のぐらつきに変更したりできます。

## カスタマイズできるもの

Hand Drawn Scribble は、件名、ラベル テキスト、ストローク タイプ、コネクタ、およびラベルが表示されるタイミングを受け取ります。 Squiggle Marks には 3 行のテキストが必要です。 Outline Drawは、描画の進行状況、線の太さ、角の半径、アクセントカラーを取得します。 Oversized Cursor は、カーソル スタイル、ターゲット位置、クリック ラベルを受け取ります。ホワイトボード テンプレートには、スケッチ、キャプション、ペン、アクセント カラーに加えて、終了オプションが含まれています。 Multiplayer Cursor は、カーソルの数とその名前ラベルを受け取ります。

これらはすべて、Mac および Windows 用のデスクトップ AI ビデオ エディターである Subclip にプリインストールされており、AI エージェントは「エクスポート ボタンを丸で囲んで、ここから開始というラベルを付ける」などのプロンプトから編集できます。

## エンジンとコード

これらの注釈は HyperFrames テンプレートですが、Callout card (HTML & CSS) は除きます。無料サインイン後、すべてのユーザーにコード パックが提供されます。Claude または Codex のプロンプトを表示してコード パックをコピーするか、ソース、README、およびエージェントの手順を含む zip をダウンロードします。 HyperFrames の手書きの注釈ページには、そのエンジンのセットのみが示されています。

## 7件のテンプレート

- [Hand Drawn Scribble](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/hw-callout-circle) (HyperFrames, 注釈): ぐらぐらする白い楕円が対象を囲み、マーカーのハッチングがそれを塗りつぶし、湾曲したコネクタが手書きのラベルにつながる手描きの吹き出し。
- [Squiggle Marks](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/hw-underline) (HyperFrames, 注釈): 3 つの行が波線の下線、二重取り消し線、および曲線括弧で順番にマークされている手書きのテキスト注釈。
- [Whiteboard Bulb](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/whiteboard-bulb) (HyperFrames, 注釈): 動くペンで一筆一筆描かれた電球のホワイトボード スタイルのスケッチ、色付きのアクセント マーク、その下にキャプション。
- [Whiteboard Rocket](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/whiteboard-rocket) (HyperFrames, 注釈): ペンで描かれたフィン、排気ライン、色付きの窓を備えたロケットのスケッチと、それに続く紙の背景に短い打ち上げのキャプション。
- [Outline Draw](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/outline-draw) (HyperFrames, 注釈): 透明な中心を持つ時計回りに描かれた薄い丸い角のアウトライン。ビデオの一部をフレーム化してハイライトするために使用されます。
- [Stitched Text Draw](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/stitched-text-draw) (HyperFrames, 注釈): 黒い背景に、針穴と動く針を備えた破線の糸ステッチとして描かれた大文字の単語。
- [Callout card](https://www.subclip.app/ja/motion-graphics-templates/html-css/callout-card) (HTML & CSS, 注釈): 小さなシアン色のラベルと太字の見出しが付いた幅広の暗いカード。ビデオ上で 1 つの重要なポイントを強調するために使用されます。

## その他のビデオ用の無料の手描き注釈アニメーション

- [HyperFrames: 注釈](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/hand-drawn-annotations)