ホログラムステッカーモックアップの使い方

アートワークをアップロードして、本物のホログラムステッカーの上で確かめてください — フォイルは回折物理から描画されるので、きらめきがインクを透かして輝き、ステッカーを傾けると動きます。

よい結果を出すための短いガイドと、よくある質問への答えです。

ツールを開く

使い方

  1. 1

    本物の透明部分を持つアートワークをアップロードする

    効果が伝わるには、デザインの周りにフォイルが見えていなければなりません。SVGが最適で、きれいなアルファチャンネルを持つPNGも同じくらい良いです。先に背景を切り抜く必要があれば、背景透過ツールが切り抜きをそのまま渡してくれます。

  2. 2

    インクを調整する前にフォイルを選ぶ

    アートワークの背後のパターンによって、きらめきがどれだけデザインと競合するかが変わります。細かいグリッターは繊細な線画を引き立て、大きなスパンコールや粗いグリッターは大胆な形に合います。素材を選んでから、インクを設定してください。

  3. 3

    静止ではなく、動かして判断する

    ホログラムステッカーは動く物体です。デザインが成立すると決める前に、カーソルを横切らせるか、スマートフォンで開いて傾けてみてください — ある角度では完璧に読めるレイアウトが、別の角度では消えてしまうことがあります。

  4. 4

    画像だけでなく動画も書き出す

    オンラインでホログラム商品を売るのは、4秒間の光のスイープです。静止画では、買い手がお金を払うその一点の特性を見せられません。

このツールについて

ホログラムステッカーのモックアップは、普通はレイヤー構造のPhotoshopファイルです。スマートオブジェクトにアートワークを入れると、その背後に撮影されたフォイルのテクスチャが、撮られた角度のまま凍りついて置かれています。このツールはテクスチャジェネレーターと同じ回折エンジンでフォイルをライブに描画するので、アートワークの下のプリズムシートは実際に反応します — カーソルを動かすか、スマートフォンを傾ければ、手に持ったときと同じように色がステッカーの上を流れていきます。

SVGか透明部分のあるPNGをアップロードすると、トーンマップの前にリニアライトでフォイルの上に合成され、きらめきがインクの明るさを変調します — これこそ、印刷されたホログラム素材が上に乗っているのではなく下から光っているように見える理由です。背後のフォイル素材を選び、インクの不透明度を調整して、静止PNG、SNS向けの4秒間の光のスイープ動画、または商品ページに置けるインタラクティブな埋め込みとして書き出せます。

特長

写真ではなく、ライブのフォイル

アートワークの下のシートは毎フレーム回折物理から描画されるので、ひとつの角度で固定されることなく、カーソルにもスマートフォン自体の傾きにも反応します。

フォイルが透けて輝くインク

アートワークはトーンマッピングの前にリニアライトで合成され、フォイルのきらめきがその明るさを変調します — 本物のプリズムステッカーが背後から照らされて見えるのと同じ理由です。

試せるすべてのフォイル

細かいグリッター、コンフェッティ、フラットなホログラムフィルム、六角、スパンコール、放射状など、どれも調整可能 — 注文する前に、同じデザインをすべての素材で確かめられます。

Photoshop不要、インストール不要

SVGかPNGをアップロードし、PNG、SNS向けのWebM光スイープ、またはインタラクティブな埋め込みを書き出します。ブラウザで動き、アートワークはお使いの端末に留まります。

よくある質問

どんなファイルをアップロードすればいいですか?

SVGか、背景が透明なPNGです。透明部分があるからこそ、デザインの周りと隙間からフォイルが見えます。ベタの長方形ではシートを覆ってしまうだけです。

アートワークはどこかにアップロードされますか?

いいえ。ラスタライズも合成もお使いのマシンのブラウザ内で行われます。プロジェクトをアカウントに保存すると自分で選ばない限り、どこにも送信されません。

印刷所の仕上がりを正確に再現したプレビューですか?

プリズムフォイルの振る舞いを誠実にシミュレーションしたものであって、色校正ではありません。素材を選ぶため、きらめきの上でデザインがどう読めるかを判断するために使い、色については印刷所の校正刷りを使ってください。

モックアップを商用利用できますか?

はい — 書き出したモックアップはあなたのものです。ショップの商品ページ、提案資料、パッケージのプレゼンテーションにもお使いいただけます。

その他のツール

ProDesignerは世界中の誰でも無料で利用できます。作業時間の節約に役立ったら、開発の支援をご検討ください。

ProDesignerを支援する