UIパック

Coinop HUDフレームセット

12個のHUDフレーム(アーケード)。ダークUI用、プラムブラックにコインゴールドのアクセント。SVG+透過PNG 1x/2x/4x。

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

このパックについて

Coinop HUDフレームセットはアーケードスタイルで描かれた12点のHUDフレームのセットです。色は縁ではなく本体です。両端の尖った、飽和した板。中身は主パネルの枠、データ表示の枠、コンソールの枠、ターミナルの枠、警告バナー、幅広のステータス帯、縦長のサイドカラム、正方形の肖像枠、ラベルタグ、小さなバッジです。

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

どの板も長辺方向に二段のグラデーションで塗られ、印は黒地に明るくではなく色の上に暗く描かれています。尖った両端はシルエットの一部なので、輪郭の効果ではなく拡大しても残ります。

そのスタイルの中でこれはCoinopとしての読みです。プラムブラックのパレットにコインゴールドのアクセントを載せたダークインターフェースで、縁が一本のフレーム、200x56の面取りボタン、5分割の中空コアのバー、32pxグリッドの二色のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

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

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

ダウンロード

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

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

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

使い方

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

ライセンス

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か

コピー用のクレジット表記
"Coinop HUDフレームセット" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/coinop-hud-frame-set