デザイナー向けの製品モックアップ

• かもしれません 1, 2024

表面パターンコレクションの販売または切り取りシートを作成するとき、潜在的な製品のパターンコレクションのモックアップを含めて、ライセンスのアートを提示する上で大きな役割を果たすことができます。これらのモックアップは、単純な平面2D線画から3D製品モックアップまでさまざまです。

私は主に定置用およびその他の紙製品用に設計し、3D製品モックアップを販売シートに含めるのが好きです。しかし、個々のパターンがコレクションとしてどのように連携するかを想像するために、最終設計段階でも使用します。カラーパレットが機能していないか、セカンダリまたはブレンダーパターンを追加する必要があることに気付くかもしれません。

3D製品モックアップを作成する場合、オンラインモックアップジェネレーターサイトからPhotoshopでスマートオブジェクトを使用するまで、いくつかのオプションがあります。

Photoshopアクション

2010年以来私のお気に入りであるオプションの1つは、Simon LordによるPSDCovers.comです。これらのモックアップは、スマートオブジェクトを使用しません。これらはPhotoshopのアクションですが、結果は同じです。デザインが3Dオブジェクトに配置されます。 PSDCoversは2010年以来大きな進歩を遂げています。実際、これらのオリジナルのアクションのいくつかをPhotoshopのCS6バージョンにインストールしています（スクリーンショットを参照）。これらのPhotoshopアクションは、アクションパネルにあります。

ただし、Photoshop CCの場合は、PSDCovers Photoshop拡張機能をダウンロードしてインストールする必要があります（スクリーンショットを参照）。その後、PSDCovers拡張パネルからモックアップアクションにアクセスできます。この拡張機能は100の無料アクションを提供しますが、プレミアムサブスクリプションでは、さらに多くのアクションを使用できます。 PSDCoversの次の進化は、360度回転するARモックアップです。

Photoshopスマートオブジェクト

今日のほとんどの.psdモックアップは、スマートオブジェクトを使用してデザインを3Dオブジェクトに配置します。これらのPhotoshopファイルを販売する多くのマーケットプレイスがあります。ほとんどのモックアップファイルをCreative Marketから取得します。デザインを配置するには、スマートオブジェクトレイヤーをダブルクリックします。これにより、2番目の一時ファイルが開きます。このファイルでは、デフォルトのデザインを独自のデザインに置き換えます。この一時ファイルを保存すると、デザインがモックアップオブジェクトに表示されます。

オンラインモックアップジェネレーター

製品のモックアップを作成する最新の方法は、オンラインツールまたはモックアップジェネレーターを使用することです。サブスクリプションを介してこのオンラインツールを提供するサイトがいくつかあります。モックアップテンプレートを選択して、デザインをアップロードするだけです。オンラインツールが残りの作業を行い、完成したイメージをダウンロードしてWebサイトまたはストアで使用できます。

たとえば、AppLaunchpad.comは、アプリ開発者向けのデジタルデバイスモックアップを専門としています。 Placeit.netおよびSmartmockups.comは、デジタルデバイスモックアップを提供し、アパレルおよび印刷製品のモックアップも提供します。 Placeit.netを使用すると、モックアップのシネマグラフを作成することもできます。これらのオンラインツールのいくつかは無料のモックアップをいくつか提供していますが、他のモックアップを作成するにはサブスクリプションが必要です。現在ベータ版であるArtboard Studioを確認してください。

*例で使用：クリエイティブマーケットのakropolによるパッケージボックスモックアップとPSDカバーによるMUG。

//www.psdcovers.com/
//creativemarket.com/
//theapplaunchpad.com/
//placeit.net/
//smartmockups.com/
//artboard.studio/

動画の説明: Adobe MAX Japan 2018 – DESIGN「グラフィックデザイナー必見！IllustratorをCinema4Dで最強ツールにする方法」 – アドビ公式 (かもしれません 2024).