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

アートワークを動くホログラムステッカーに載せ、傾くたび箔が流れるのを見ます。

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

アートワークと、ツールが作るステッカー：ホログラム箔、ダイカット、インク0.6。
変換前変換後
アートワークと、ツールが作るステッカー：ホログラム箔、ダイカット、インク0.6。

ツールを開く

使い方

  1. 1

    アートワークをアップロード…

    SVGが最適。PNGは透明背景がきれいである必要があります。箔がデザインの周囲と隙間から見えるためです。背景透過ツールから切り抜きを直接渡せます。

  2. 2

    インクを設定

    インクは印刷が箔を覆う割合。1では絵柄はベタ、下げると輝きが透けます。それが実物の印刷済みホログラム用紙の見え方です。

  3. インク 1インク 1
    インク 0.6インク 0.6
    インク 0.3インク 0.3
    インク1、0.6、0.3：印刷が薄くなるほど箔が透けます。
  4. 3

    カットと素材を選ぶ

    ダイカットは絵柄に沿い、キスカットは台紙付き、または円、楕円、正方形。素材はホログラムやグリッターからミラーゴールド、白ビニールまで。

  5. ダイカットダイカット
    キスカットキスカット
    円円
    同じアートワークをダイカット、キスカット、円で。
  6. 4

    動かして判断する

    決める前にカーソルをステッカーの上で動かすか、スマホで開いて傾けてください。ある角度で読めるデザインが、別の角度では消えることがあります。

  7. 5

    PNG 1024 を保存を押す

    またはPNG 2048 を保存、SNS向けのループを保存（WebM）、カーソルに傾く商品ページ用のHTMLを埋め込み。

このツールについて

透過付きのSVGかPNGをアップロードすると、回折物理で描画された箔ステッカーに印刷されます。輝きはインク越しに透け、カーソルとともに動きます。素材、カット、サイズを選べ、ショップの商品ページ、提案、パッケージに使われます。

1024または2048 pxのPNG、WebMかGIFのライトスイープループ、または商品ページ用の対話型HTML埋め込みが得られます。

特長

動く箔

下のシートは毎フレーム回折で描画され、カーソルとスマホの傾きに反応します。

インク越しの箔

絵柄は線形光で合成され、実物のプリズムステッカー同様、輝きが明るさを変調します。

あらゆる素材

ホログラム、プリズム、グリッター2種、ミラー銀・金、白・透明ビニール、カスタム箔。

カットとサイズ

ダイカット、キスカット、円、楕円、正方形、角丸、バンパー、インチかミリ単位で。

よくある質問

無料ですか？

はい。すべての機能と書き出しが無料で、アカウントもウォーターマークも不要です。アカウントは任意で、プロジェクトを保存して別の端末で開き直すためだけのものです。

ファイルはアップロードされますか？

いいえ。すべてブラウザ内で動き、ファイルはお使いの端末に留まります。端末から出るのは、アカウントに保存すると自分で選んだプロジェクトだけです。

どんなファイルをアップロードすべき？

SVGか、透明背景のPNGです。透過があるから箔がデザインの周囲と隙間から見えます。平らな長方形はシートを覆ってしまいます。

印刷所の仕上がりを正確に再現していますか？

プリズム箔の振る舞いのシミュレーションで、色校正ではありません。用紙選びと、輝きの上でデザインがどう読めるかの判断に使い、色は印刷所の校正刷りで確認してください。

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

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

その他のツール

ファブリックモックアップ

タイル状のパターンを本物の布として見る — 椅子に掛けたスロー、キルトのプリーツ、シャツへの裁断、フラットなスワッチとして。回転させて、静止画・ループ・埋め込み可能なファイルとして書き出せます。

3D Mockup Studio

Put print-ready keyline artwork on a packaging mesh — the layers resolved, the crop in millimetres, the fold lines registered — lit like a product photograph, and save a hero still, a cut-out with its shadow, a turntable or an interactive 3D embed.

Business Card Studio

Build a business card the way a printer does — stock, caliper, edges, foil, emboss, letterpress and spot UV mapped from your print file — and show it in a studio, on a desk or on your own photo, still or in motion.

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

ProDesignerを支援する