ホログラムテクスチャジェネレーターの使い方
グラデーションではなく本物の回折物理 — シートを傾けると色が移ろうホログラムフォイルのテクスチャを作り、最大4096pxのシームレスな画像として書き出せます。
よい結果を出すための短いガイドと、よくある質問への答えです。
使い方
- 1
名前のあるパターンから始めて、そこを離れる
プリセットが実在するフォイルパターンの名前なのには理由があります — 誰もが見覚えのあるシートであり、ステッカーのモックアップに必要なのはそれらだからこそ、グリッター、コンフェッティ、フラットホロがリストの先頭にあります。いちばん近いものを選び、レシピの4つの軸を動かしてください。レイアウト、モチーフ、溝、ピッチマップは独立しているので、六角レイアウトに星のモチーフを組み合わせても、どちらのプリセットにも劣らず成立します。
- 2
ピッチが色のコントロール
ナノメートル単位の線間隔が、どの波長がどこへ曲がるかを決めます。ピッチを細かくするとスペクトルが広がり、シートを傾けたときの変化が速くなります。粗くすると色相は少なく、より澄んだものになります。色味に手を伸ばす前に、まずピッチを触ってください。
- 3
決める前にタイルモードをオンに
シームレス出力は格子を量子化し、スケールをわずかに動かします — タイルモードなしで仕上げたテクスチャは、オンにしたときに少し変わることがあります。放射状と連続のレシピはそもそも繰り返せません。これは幾何学の問題であってバグではありません。
- 4
気に入ったものをロックして、ランダム化
どの軸とレバーにもそれぞれロックがあります。レイアウトとピッチをロックしてランダム化を20回押せば、一からやり直すのではなく、一度にひとつの次元を探索できます。
このツールについて
ホログラムテクスチャの多くは、虹色のグラデーションにノイズを重ねただけのもので、何かが動いた瞬間にそれとわかってしまいます。このツールは代わりに実際の物理を描画します。フォイルの各セルに固有の向きと線間隔をもつ回折格子を与え、シェーダーがそこで曲げられた光を8つの波長と最大3つの回折次数にわたって合算します。だからこそ本物のフォイルと同じように色が分離し、ひとつの光源の下で2つの色相が並び、シートを傾けるとグラデーションが横に滑るのではなく、色が表面を横切って移ろうのです。
プリセットは人々が実際に手に取るシートを網羅しています — 細かいグリッターと粗いグリッター、ドット・チップ・星のコンフェッティ、柔らかな虹色からパールオパールまでのフラットなホログラムフィルム — そしてどれも、そこから自由に展開できる4つの独立した軸の出発点です：セルのレイアウト、スタンプするモチーフ、溝の方向、ピッチマップ。「用紙」コントロールは、フォイルがラミネートされる印刷用紙の質感を加えます。レンダリングと実物のステッカーの写真を分けるものの大半はこれです。自分のロゴを繰り返しモチーフとしてアップロードし、その上にステッカーとしてアートワークを刷り、シームレスなタイル、4096pxのPNG、4秒間のライトスイープ動画、または自分のサイトでカーソルに反応する単体のインタラクティブ埋め込みとして書き出せます。
特長
ピクセルごとの本物の回折
8つの波長と3つの回折次数にわたる円錐回折の格子方程式を、リニアHDRで描画 — 色はグラデーションではなく物理から生まれます。
シームレスタイリング
タイルモードが格子を量子化するので、書き出しは継ぎ目なく繰り返され、どんなサイズの図形や背景にも敷き詰められます。
フォイルの中にあなたのロゴを
SVGまたはPNGをアップロードするとシートの繰り返しモチーフになります。あるいはフルカラーのアートワークをその上に刷り、インク越しに輝きを透かせます。
画像・動画・埋め込みで書き出し
最大4096pxのPNG、4秒間のライトスイープWebM、またはカーソルに合わせて傾き、プラグイン不要の単体インタラクティブHTML埋め込み。
よくある質問
ホログラムテクスチャジェネレーターは本当に無料ですか？
はい。すべてのパターン、すべての書き出しサイズ、インタラクティブ埋め込みが無料で、アカウント不要、透かしなし、書き出し回数の制限もありません。
テクスチャを商用利用できますか？
はい — 生成したテクスチャはあなたのもので、クライアントワーク、パッケージ、グッズ、印刷物にも使えます。
なぜWebGL2が必要なのですか？
回折は毎フレームのすべてのピクセルについて計算され、それを高速に行えるのはGPUシェーダーだけです。WebGL2のないブラウザでは、壊れたキャンバスではなくメッセージが表示されます。2017年以降にリリースされたブラウザのほぼすべてがWebGL2に対応しています。
アップロードしたファイルは端末の外に送られますか？
いいえ。ツール全体がブラウザ内で動作し、アップロードしたロゴやアートワークはあなたのマシン上で処理されます — プロジェクトをアカウントに保存することを選ばない限り、どこにも送信されません。
その他のツール
ProDesignerは世界中の誰でも無料で利用できます。作業時間の節約に役立ったら、開発の支援をご検討ください。
ProDesignerを支援する