3.6. スクリーンショットに注釈を付ける

注釈付きの図を Blender ドキュメントに追加するのは、多大な労力を要するプロセスになる場合があります。特に、Blender の内部開発により Figure の内容が大幅に変更される場合はそうです。次のテキストでは、Blender ドキュメントでこれらの頻繁に変更される図を作成するための最適化されたワークフローについて説明します。ほとんどの場合、これらの図は Blender インターフェイスの一部のスクリーンショットに基づいています。ここで、何らかの注釈 (色、テキスト、矢印、ラベルなど) が追加されます。

3.6.1. スクリーンショットをSVGに埋め込む

  1. 図と同じ名前の blendファイルを作成します。例: video_editing_setup_workspace.blend。高解像度のモニターを使用している場合は、テキストの読みやすさを高めるために、[Edit] > [Preference] > [Interface] > [Resolution Scale] をより高い値 (1.5 など) に設定することをお勧めします。

  2. スクリーンショット用に Blender 環境を準備します (ワークスペースの選択、パネルのサイズ変更、展開または折りたたみなど)。メニューの [Edit] > [Toggle Full Screen] を使用すると、blend ファイルのファイルの場所が表示されるタイトル バーを非表示にできます。Blender ウィンドウが最大化されていることを確認してください (または、実際のウィンドウの寸法を覚えておいてください)。

  3. スクリーンショットを撮ります。Blender を使用できます ([Window]メニュー > [Save Screenshot] または [Save Screenshot (Editor)] を選択します。2 番目のオプションを使用すると、スクリーンショットを取得する特定のエディターを指定できます。専用のスクリーン グラバーを使用することもできます。このスクリーンショットは簡単に再作成できます (見逃したり、Blender UI が変更されて新しいスクリーンショットが必要になった場合に備えて)。

  4. SVG ペイント プログラムを開きます。たとえば、Inkscape。クリップボードからスクリーンショットを埋め込み画像として貼り付けます。この埋め込みのオーバーヘッドは妥当です。たとえば、105 KB の PNG ファイルは、143 KB の SVG ファイルになります。

  5. 画像に注釈を付けます。SVG はベクター形式であるため、これらの注釈は、すべてを再作成することなくいつでも変更できます。

3.6.2. Blender のみのソリューション

このワークフローの基本的な考え方は、作業とデータを複数のサードパーティ プログラム (ブレンダー、スクリーン グラバー、グラフィック エディター) に分散させるのではなく、すべての情報を 1 つのブレンド ファイルに保存する (そしてすべての作業を Blender で行う) ことです。

  1. 図と同じ名前の blend ファイルを作成します。例: video_editing_setup_workspace.blend。高解像度のモニターを使用している場合は、テキストの読みやすさを高めるために、[Editor] > [Preferences] > [Interface] > [Resolution Scale] をより高い値 (1.5 など) に設定することをお勧めします。プロジェクトの解像度をモニターのサイズに設定します (たとえば、4K モニターの場合は 1920 x 1080 または 3840 x 2160)。そうしないと、Blender がスクリーンショットを拡大縮小してしまい、出力がぼやけてしまいます。これは正しいです？

  2. スクリーンショット用に Blender 環境を準備します (ワークスペースの選択、パネルのサイズ変更、展開または折りたたみなど)。メニューの [Edit] > [Toggle Full Screen] を使用すると、blend ファイルのファイルの場所が表示されるタイトル バーを非表示にできます。Blender ウィンドウが最大化されていることを確認してください (または、実際のウィンドウの寸法を覚えておいてください)。

  3. メニューの [Window] > [Save Screenshot] または [Save Screenshot (Editor)] を使用してスクリーンショットを撮ります。2 番目のオプションでは、スクリーンショットを取得する特定のエディターを指定できます。このスクリーンショットをサブフォルダーに保存します。例: オリジナルのスクリーンショット。後で画像をトリミングできます。サードパーティのスクリーングラバーは必要ありません。ただし、マウス カーソルや展開されたメニュー項目などをキャプチャする場合は除きます。ただし、外部スクリーン グラバーの問題は、まったく同じサイズを 2 度目に再作成するのが難しいことです。画面を取得した後は、Blender の UI (ズーム レベルなど) が変更されないことが重要です。質問: UI をフリーズすることは可能ですか?

  4. [Copy Settings] オプションを使用して新しいシーン (シーン出力など) を作成します (これにより、解像度が自動的に正しく設定されます)。3D ビュー (レイアウト ワークスペース) をアクティブにし、トップ レベル ビューに変更します。このシーンでは、注釈付きの 図 を作成します。

  5. 前述のスクリーンショットをソースとして、Image as Plane (アドオン) を追加します。[Emit Material Setting] と [Camera Relative] > [Fill Plane Dimension] を選択します。注: これが最適なオプションかどうかはわかりません。

  6. 正投影カメラ ビューに切り替え、完全なスクリーンショットがカメラ ビューに収まるまで正投影スケールを調整します。[View] > [Layout] プロパティ を使用すると、レンダリング領域とレンダリング領域へのトリミングを有効にすることができます。これらのオプションを使用すると、画像を希望のサイズにトリミングできます (カメラ ビューの場合)。

  7. 注釈を付け始めます。いくつかのサンプル テキストと形状、および適切なマテリアルと色を含むプリセット ブレンド ファイル (grease-pencil-shapes.blend) が存在します。このブレンド ファイルをプロジェクトに追加し、必要なテキスト オブジェクトまたはシェイプ オブジェクト (Objects フォルダー内) を選択します。

  8. テキストを追加します。プリセットのテキストオブジェクトを追加します。Tab キーを押して内容を変更します。さらにテキストが必要な場合は、オブジェクトを複製します。3D Text オブジェクトを使用してテキストを自分で追加できます。現在はトップ ビューなので、テキストを X 軸上で 90 度回転する必要があることに注意してください。質問: 特定のフォントと色を提案する必要がありますか? 質問: グリース ペンシル内にテキストを追加する簡単な方法はありますか? 利点: GP ではアニメーションがはるかに簡単です。

  9. シェイプを追加します。目的のプリセット形状オブジェクト (長方形、単一矢印、二重矢印、単一曲線など) を追加します。必要に応じて、これらの形状を拡大縮小したり回転したりできます。グリース ペンシル オブジェクトを使用して独自の形状を作成できます。

  • Blanc Grease Pencil オブジェクトを追加します。描画モードに切り替えて、目的の形状を作成します。芸術的な注釈が必要な場合は、ストロークを描画できます。または、プリセット ツール (線分、ポリライン、円弧、曲線など) のいずれかを使用することもできます。プリセット ツールのいずれかを使用する場合は、編集モードでカーブ編集をオンにすることを忘れないでください。

  • 破線の描画には、2 つのモディファイアが必要です。形状内に均等に分布した点を生成するための [Simplify] > [Sample]と、破線を作成するための一点鎖線モディファイアです。インスピレーションを得るためには、grease-pencil-shapes.blend の事前定義された形状を参照してください。おそらく、GP でこれらの形状を作成するための何らかのチュートリアルがあるはずです。

  1. 最終的な図を作成します。シーンをレンダリングします(スクリーンショットの一部のみが必要な場合は、「レンダリング領域にクロップ」を忘れないでください)。レンダリングされたイメージを .png ファイルとして保存します。Blend ファイルを保存します。

この図を更新する必要がある場合は、blend ファイルを開きます (最終的には新しいバージョンの Blender で開きます)。Blender 環境を再準備します (ステップ 2)。もちろん、できるだけ変更しないようにしてください。スクリーンショットを撮ります (ステップ 3)。2 番目のシーンに切り替えて、image-as-plane オブジェクトのイメージ データブロック (マテリアル プロパティの下) を更新します。

注釈

上記の手順の一部は、Python スクリプトを使用して実行できます。HD モニターからの巨大な PNG ファイルの問題は解決されていません。Sphinx 内でスケールダウンできますか? 4K モニター上の 1920 x 1080 ウィンドウに Blender を入れようとしましたが、それはあまり実用的ではありません。