UIパック

Bitrush HUDフレームセット

12個のHUDフレーム(Y2K)。ダークUI用、墨黒に信号イエローのアクセント。SVG+透過PNG 1x/2x/4x。

  • ui
  • svg
  • 透過png
  • hudフレーム
  • SF
  • サイバーパンク
  • オーバーレイ
  • y2k
  • Y2K
  • y2k
  • レトロフューチャー
  • ポスター
  • hud
BitrushファミリーのHUDフレーム(Y2K)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシート
プレビュー 1600×1597透明部分は市松模様で表示

このパックについて

Bitrush HUDフレームセットはY2Kスタイルで描かれた12点のHUDフレームのセットです。すべてが平らで印刷物のようです。太くまっすぐな輪郭、ベタのブロック、グローはどこにもありません。中身は主パネルの枠、データ表示の枠、コンソールの枠、ターミナルの枠、警告バナー、幅広のステータス帯、縦長のサイドカラム、正方形の肖像枠、ラベルタグ、小さなバッジです。

無料のHUDセットの多くは、同じ長方形を十二サイズ並べただけのものです。そこが見分けどころで、本物のインターフェース素材はどのフレームにも固有の輪郭を与えます。データ表示と肖像と警告バナーは役割が違うのだから、同じ形であるはずがありません。違いが幅だけのセットは、二つ並べた瞬間に埋め草として読めてしまいます。

グラデーションもハローもありません。セット全体がフラットな色と太くまっすぐな輪郭で、それがY2Kポスターの見た目をネオン的なそれと分けています。シルエットは一つの長方形から拡大するのではなく角ごとに組み立てるので、同じセットのバッジとバナーが輪郭を共有することはありません。

そのスタイルの中でこれはBitrushとしての読みです。墨黒のパレットに信号イエローのアクセントを載せたダークインターフェースで、フレーム上部を横切るヘッダー帯、148x52のタブ形のボタン、8分割の帯状のバー、16pxグリッドのベタ塗りのアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

ここにあるフレームはどれも固有のシルエットを持ちます。四つの角と四つの辺を独立に扱っているので、あるフレームは右上に切り欠きと片側にレールを持ち、次のフレームは折れた角と長辺両側のV字を持ちます。どれ一つとして別のフレームの拡大コピーではありません。施した印(ハッチのブロック、目盛りの列、バーコードの帯、山形)は辺の上だけに置かれます。中央が空いているのは、そこにあなたの地図や肖像や文章が入るからです。

どのスプライトも編集可能なSVGと、1x・2x・4xの透過PNGで届きます。PNGをそのままエンジンに置いても、ベクターを開いて色を変えても構いません。Bitrushファミリーの他と同じ寸法で描かれているので、このキットとBitrushのパネルキットはどちらもサイズを変えずに揃います。レトロフューチャーのメニューやポスター調のインターフェースによく合います。

ダウンロード

直リンク · 登録不要 · 待機ページなし
ZIPをダウンロード126 kB

フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readme

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readmeZIP126 kB 入手 →
右上角を切り欠いた主パネル枠、Y2K、編集可能なSVGSVG3.2 kB 入手 →

使い方

  1. nine-sliceは直線部分だけにかけてください。各フレームは安全な余白を仕様欄に示しており、中央に切り欠きやV字を持つ辺は伸長不可と記されています。伸ばせば印もフレームと一緒に大きくなります。
  2. 自分のコンテンツは枠の上ではなく中に描いてください。どのシルエットも意図的に中央を空けており、施された印がそこへ入り込むこともありません。
  3. グローはぼかしフィルターではなく重ねた線で描かれているので、4xのPNGも鮮明なままです。ブルームを強めたいならスプライトを拡大せず、エンジン側で上から足してください。

ライセンス

クリエイティブ・コモンズ ゼロ 1.0 — パブリックドメイン。クレジット表記も不要です。 全文 · 実際どういう意味か