商品モックアップをすばやく生成

選択したモデルにモックアップジェネレーターがある場合は、すぐにProduct Designerで使用できます。Mockupウィンドウでアングルを選ぶと、現在のデザインの画像と色がプレビューに表示されます。

独自のジェネレーターを作成するには、Product Generatorでモデルのプロジェクトを開き、Mockupモードに切り替えます。準備済みのモデルと、画像を表示する面が必要です。独自の型紙、シミュレーション、モデルのマテリアルについては、別の3Dモデル作成ガイドで説明しています。

たとえば、明るい背景にTシャツの正面を配置します。次の印刷デザインでは、カメラ、照明、襟の輪郭を設定し直す必要はありません。DesignerでMockupを開くと、保存したジェネレーターが現在のデザインを同じ構図で表示します。

調整したい内容に合わせて作業段階を選びます。ベース画像は、3D構図または写真へのフィッティングという2つの方法で作成できます。

構図は一度設定すれば、画像や色を変更するときにジェネレーターを繰り返し使用できます。

まず目的を決めましょう。バリエーションの比較、ブランドらしいスタイル、自分の写真を使った商品画像などが考えられます。

以下のアプリ画面では、同じフルーツ柄のデザインを2色の商品で表示しています。アングルは統一され、モックアップには印刷デザインと選択したTシャツの色の組み合わせが反映されています。

プロジェクトのモックアップパネルで自動作成を選択すると、正面、左側、右側、背面の4つのアングルを作成できます。「新規追加」で独自のアングルを追加し、名前や順序を変更することも可能です。各ジェネレーターは個別のフレームと設定を保持します。

3D構図では、商品を画像のベースとして配置します。カタログやブランドのスタイルに合わせて構図と照明を調整してください。

カタログでは、シンプルな背景と明確な商品のシルエットから始めてください。遠近による短縮のない落ち着いた表示には平行投影カメラが適しています。透視投影では立体的な形状をより強調できます。袖、商品の裾、影が収まる余白を確保してください。

床の影は商品を構図になじませ、壁の影は奥行きを生み出します。位置、サイズ、不透明度、柔らかさを個別に調整できます。露出とハイライト、中間調、シャドウのカーブで、細部の見やすさを取り戻せます。カタログ画像では印刷デザインを鮮明に保ち、Bloomや被写界深度はブランドイメージを伝えるアングルに合わせて調整してください。

画像へのフィッティングモードでは、独自のJPG、PNG、WebPを使用できます。重ねたモデルのカメラとスケール、不透明度、位置を調整します。衣類にはボーンツール、袖の位置のプリセット、半径と強度を指定できるソフト変形を利用できます。調整したフィッティングを使ってモックアップのレイヤーを生成します。

対応する衣類では自動リグを作成し、ボーンの移動、回転、長さを調整できます。ミラー設定で対称性を保ち、袖のプリセットで元の位置、少し下げた位置、体に沿った位置から作業を始められます。ソフト変形とソフト回転は局所的に作用し、半径、強度、影響の減衰方法を選択できます。減衰には滑らか、線形、球状、シャープがあります。メッシュプレビューで形状を確認しやすくなります。

3D構図ではレイヤー一式の生成を、写真へのフィッティングではフィッティングからの生成を選択します。その後、各レイヤーと商品上の仕上がりを確認します。

最終デザインに進む前に、テスト印刷ツールを開きます。利用可能なパーツに個別に柄を割り当てられます。色の変更に対応している場合は、商品全体または各パーツの色も確認できます。

マッピングに切り替え、商品のパーツを選択して、輪郭のベジェポイントとハンドルを調整します。襟、袖、端を細かく修正し、レイヤーを再計算できます。生成メニューでは、輪郭を再作成したり、既存のベクターを保持したままベース画像のみを更新したりすることもできます。

印刷が背景にはみ出したり、エッジに届かなかったりする場合は、まず輪郭の形状を修正します。次にマスクとその柔らかさを調整します。影とハイライトは最後に調整し、商品の明るい色と暗い色で結果を比較してください。

必要な手動修正を残せるように、更新範囲を選びます。

アングルを調整したら、Product Generatorのプロジェクトを保存します。ジェネレーターのコレクションは、モデルとDesignerが使用するそのリビジョンに属します。アプリではプロジェクトをサーバーに保存し、WordPressプラグインではローカルに保存します。

カメラ、背景、照明、フィッティングを変更したら、該当するレイヤーを更新し、保存前に結果を確認します。DesignerからPNGをダウンロードすると現在のデザインの画像が作成されます。後でジェネレーターを編集するには、モデルのプロジェクトを保存する必要があります。

Product DesignerでMockupを開きます。モックアップジェネレーターのウィンドウで、正面、側面、背面のサムネイルを選びます。現在のデザインの画像と色がプレビューに反映されます。カメラ、照明、背景は、モデルジェネレーターのMockupモードで事前に設定します。

アングルと画像サイズを選択します：Thumb 256、小 512、中 1024、大 2048 px。この値は長辺を表し、縦横比はジェネレーターに従います。画像のダウンロードを実行すると、選択中のアングルがPNGで保存されます。

WordPress + WooCommerceプラグインでは、ローカルのプロジェクトと、それに固定されたモデルのリビジョンを使用します。モックアップジェネレーターが利用可能な商品では、デザインをカートに追加するときに、アプリがカスタマイズ画像を作成します。ファイルを保存すると、プラグインがカートと注文の該当商品に画像を表示します。

モックアップは、完成した画像、商品の形、影、背景を含む商品の見た目を示します。商品紹介やカタログ、お客様へのカスタマイズ結果の提示に使用してください。

製造用には、印刷マネージャーで印刷領域のファイルを準備します。画像が商品の複数のパーツを覆うAOPデザインでも同様です。製造ファイルの設定とダウンロードについては、印刷用ファイルのガイドを参照してください。

後で自分やお客様が使うのと同じ手順を試してください。

問題に対応する作業段階から確認します。すべての修正でシーン全体を設定し直す必要はありません。