2D イラスト:フラットに描かれた懐中電灯がページを照らす
「2D イラスト」は、懐中電灯を輪郭線とベタの陰影でフラットに描き、金属の写真ではなく、カートゥーンやインディーゲームのような見た目にします。スポットはよりくっきり、もやとほこりは軽く、光の外のぼかしも穏やかなので、すっきりとグラフィカルな印象に仕上がります。
自分好みに仕上げる
大きな手
「手元」グループの「サイズ」を 130 近くまで上げると、描かれた懐中電灯が画面の隅で大胆な形に大きくなり、ポスターのようなページによく合います。
イラストのサイトに合わせる
「暗闇の色」をブランドのいちばん暗い色に近づけ、「光の色」を淡くすると、フラットな懐中電灯がイラスト中心のページに自然になじみます。
よくある質問
描かれた懐中電灯のほうが軽く動きますか?
ほかの見た目と同じシェーダーで描くので、負荷はほぼ同じです。「描画方式」を「WebGL(軽量)」に設定すると、描かれた見た目を含め、どの見た目でも軽量なレンダラーが読み込まれます。
使い方
見た目を選ぶ
「夜の散歩」「暖かなトーチ」「ステージスポットライト」などの見た目から始め、プレビューの上でポインターを動かして、ページのあちこちを照らします。
光を整える
手と懐中電灯(削り出しアルミ、クラシックブラック、フラットな 2D)、スポットのサイズと縁、光線、もや、ほこり、そしてページの残りをどれだけ暗くぼかすかを選びます。「描画方式」では「WebGL(軽量)」か「Three.js(本物の 3D モデル)」を選べます。
使うか、エクスポートする
無料の UX Pilot アカウントでログインすると、UX Pilot キャンバスに配置したり、HTML または PNG でエクスポートしたりできます。