ベイヤーディザ:アシッドグリーン、マゼンタ、シアンの組織的ディザ グラデーション
ベイヤーディザは、ネオンの「メッシュ」を定番の 8x8 ベイヤー行列で描き直し、初期のコンピューターグラフィックスで使われた組織的ディザを再現します。「階調数」は 3 なので各色チャンネルはオフ、半分、最大のどれかしか取れず、行列がそのわずかな段を規則的な点の格子に散らしても、アシッドグリーンからシアン、マゼンタへの移り変わりとして読み取れます。「セルサイズ」の 3 でディザのセルは小さく保たれ、「グレイン」は 0 なので模様を濁らせるものはありません。
自分好みに仕上げる
ピクセルを粗くする
「セルサイズ」は 3 px です。8 に上げるとディザはブロック状のゲーム機のような質感としてはっきり見え、16 では UI の背景よりポスターに向いた大胆なモザイクになります。
1 ビットにする
「加工の配色」を「デュオトーン」、「階調数」を 2 にすると、すべてのセルが「暗い色」か「明るい色」だけになり、古いモノクロ画面のようになります。「階調数」を 6 に上げると、ネオンのグラデーションがなめらかさを取り戻します。
よくある質問
ベイヤーディザ、つまり組織的ディザとは何ですか?
各ピクセルを固定のしきい値パターンと比べることで、少ない色でより多くの階調を表現する方法で、ここでは 8x8 のベイヤー行列を使っています。パターンが繰り返されるため、誤差拡散のようなランダムなざらつきではなく整った規則的な質感になり、レトロやピクセルアートのスタイルによく合います。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。