# AIノード型キャンバスで画像・動画の制作フローを組む方法 > Oranzyのノード型キャンバスで、テキストから画像生成、背景除去、アップスケール、動画化までを一つのグラフにつなぐ方法を解説。商品写真から複数の広告クリエイティブを作る手順と、比率の選び方、生成の失敗を減らす確認ポイントを紹介します。共通素材を活用し、SNS向けの静止画と短尺動画を効率よく準備できます。 - **Canonical URL**: https://oranzy.ai/blog/ja/ai-node-canvas-creative-workflow/ - **Language**: 日本語 (ja) - **Oranzy Tool**: [/tools/canvas](https://oranzy.ai/tools/canvas?utm_campaign=ai-node-canvas-workflow-automation&utm_content=ai-node-canvas-creative-workflow&utm_medium=article&utm_source=seo_blog&utm_term=ja) - **初回特典 · 100トークン**: [登録して100トークンを受け取る](https://oranzy.ai/go/seo-100?next=%2Flogin%3FreturnTo%3D%252Ftools%252Fcanvas&utm_campaign=ai-node-canvas-workflow-automation&utm_content=ai-node-canvas-creative-workflow&utm_medium=article&utm_source=seo_blog&utm_term=ja) --- 商品画像と広告動画を別々に作ると、素材の再指定や修正が繰り返され、見た目もばらつきがちです。Oranzyのキャンバスでは、テキスト、画像生成、背景除去、アップスケール、動画生成をノードとしてつなぎ、共通素材から複数のクリエイティブを作れます。 ## 最初に制作フローを決める まずは商品1点、訴求内容1つ、配信先1つに絞ります。例えば、スキンケア商品の静止画を作り、その中から選んだ画像を短尺動画にする構成です。 基本の流れは「テキスト → 画像生成 → 背景除去・アップスケール → 静止画と動画」です。背景除去は商品だけを別の背景に載せたい場合、アップスケールは選んだ画像を高解像度で使いたい場合に加えます。どちらも不要なら省略できます。 配信先に合わせて、縦型動画は9:16、横型動画は16:9、フィード用静止画は4:5または1:1を目安にします。媒体ごとに推奨サイズは変わるため、公開前に確認してください。 ## 4ステップで画像から動画までつなぐ 1. **企画と素材を用意する** [Oranzyのキャンバス](/tools/canvas)を開き、[登録して100ボーナストークンを受け取ります](/go/seo-100)。商品名、特徴、対象者、配信先、画像の比率をメモします。参照画像を使う場合は、利用権を確認し、商品全体が見える鮮明な画像を用意します。 2. **テキストから画像を作る** テキストの指示を画像生成につなぎ、被写体、背景、光、構図を指定します。まず少数を生成して、商品形状と構図が使えるか確認します。候補を一度に大量生成する前に、指示を修正してください。 3. **選んだ画像を仕上げる** 採用候補を背景除去やアップスケールにつなぎます。背景を切り抜く場合は、容器の輪郭や透明部分を確認します。高解像度化した後も、ラベルや細部が不自然になっていないか見直します。 4. **動画化して展開する** 仕上げた画像を動画生成につなぎ、カメラの動きと被写体の動きを短く指定します。静止画用と動画用の出力を比較し、採用した素材から配信先に合う比率のバリエーションを作ります。必要な枝ごとに内容を確認しながら実行しましょう。 ## 指示文と分岐の作り方 最初の画像用指示文は、次のように構成すると調整しやすくなります。 ```text 被写体：白い円筒形のスキンケア容器を中央に1点 背景：淡いベージュの無地、清潔感のある商品撮影 光：左上からの柔らかい自然光、影は弱め 構図：正面寄り、容器全体を写し、上部に余白を残す 用途：縦型広告、比率9:16 ``` 動画用には「容器は静止したまま、カメラがゆっくり近づく。背景と照明は維持する」のように、動かす要素と固定したい要素を分けて書きます。商品名や正確な文言が必要な場合は、生成画像の文字を信用せず、後から編集できる文字として追加すると確認しやすくなります。 シリーズを作る際は、商品と光の条件を共通にし、背景色やカメラ位置だけを変えます。例えば「ベージュ背景」「白背景」「淡いグレー背景」の3案を用意すれば、違いを比較しやすくなります。 ## よくある失敗と生成の無駄を減らすコツ - **一度に条件を変えすぎる**：背景、構図、光を同時に変更すると、良くなった理由が分かりません。1回の比較では変更点を1つに絞ります。 - **商品が画面から切れる**：「容器全体を写す」と指定し、動画化前に上下左右の余白を確認します。 - **不要な処理を全候補にかける**：先に構図と商品形状で候補を絞り、背景除去やアップスケールは採用候補に使います。 - **動画で商品が変形する**：まずはカメラの緩やかな動きだけを指定し、商品の輪郭やラベルが保たれるか確認します。 - **比率を最後まで決めない**：配信先を先に決め、静止画と動画の両方で必要な余白を確保します。 ## 公開前の確認 完成した静止画と動画を、実際の表示サイズで確認します。商品形状、色、ラベル、文字の正確さに加え、動画の冒頭で商品が認識できるかをチェックしてください。使用する素材の権利と広告表現も確認し、媒体の仕様に合う形式・サイズで公開します。 ## FAQ ### ノード型キャンバスでは何をつなげられますか？ テキストの指示、画像生成、背景除去、アップスケール、動画生成をつなげられます。必要のない処理は省き、目的に合わせて構成します。 ### 最初にどの画像比率を選べばよいですか？ 縦型動画なら9:16、横型動画なら16:9、フィード用静止画なら4:5または1:1を目安にします。公開先の最新の仕様も確認してください。 ### 複数の広告案を効率よく作るにはどうすればよいですか？ 商品や光の条件を共通にし、背景色や構図などを1つずつ変えます。少数の候補を比較してから、採用案の仕上げや動画化に進みます。 ### 生成回数を無駄にしないためには何を確認すべきですか？ 画像を動画化する前に、商品形状、構図、余白を確認します。背景除去やアップスケールは、候補を絞ってから使うと不要な処理を減らせます。 --- ### この手順をご自身の素材で無料体験 新規登録で100ボーナストークンを即時付与。動画生成や商品画像作成をすぐにお試しいただけます。 - [登録して100トークンを受け取る](https://oranzy.ai/go/seo-100?next=%2Flogin%3FreturnTo%3D%252Ftools%252Fcanvas&utm_campaign=ai-node-canvas-workflow-automation&utm_content=ai-node-canvas-creative-workflow&utm_medium=article&utm_source=seo_blog&utm_term=ja) ### すべての言語 - [العربية (ar)](https://oranzy.ai/blog/ar/ai-node-canvas-creative-workflow/) - [Deutsch (de)](https://oranzy.ai/blog/de/ki-canvas-workflow-foto-video-automatisieren/) - [English (en)](https://oranzy.ai/blog/en/ai-node-canvas-creative-workflow/) - [Español (es)](https://oranzy.ai/blog/es/flujo-nodos-fotos-videos-ia/) - [Français (fr)](https://oranzy.ai/blog/fr/workflow-canevas-noeuds-images-video-ia/) - [हिन्दी (hi)](https://oranzy.ai/blog/hi/ai-node-canvas-workflow-automation/) - [Bahasa Indonesia (id)](https://oranzy.ai/blog/id/alur-kerja-kanvas-node-ai/) - [Italiano (it)](https://oranzy.ai/blog/it/creare-foto-video-con-nodi/) - [日本語 (ja)](https://oranzy.ai/blog/ja/ai-node-canvas-creative-workflow/) - [한국어 (ko)](https://oranzy.ai/blog/ko/ai-node-canvas-creative-workflow/) - [Português (pt)](https://oranzy.ai/blog/pt/fluxo-criativos-ia-canvas-nodos/) - [Русский (ru)](https://oranzy.ai/blog/ru/ai-node-canvas-creative-workflow/) - [Türkçe (tr)](https://oranzy.ai/blog/tr/dugumlu-holst-gorsel-video-is-akisi/) - [Tiếng Việt (vi)](https://oranzy.ai/blog/vi/quy-trinh-canvas-tao-anh-video/) - [中文 (zh)](https://oranzy.ai/blog/zh/ai-node-canvas-creative-workflow/)