UIパック
Oak メニューアイコン — 32pxベタ塗りセット
温かいオークの単色ベタ塗りアイコン6点、32×32。体力・通貨・防御・戦利品・地図・設定。シートと個別ファイル。

このパックについて
32pxのグリッドに置いたベタ塗りアイコンです。彫り込んだフレームの隣の線画アイコンは別の手として読まれます。フレームは重く装飾的で塗りが詰まっており、その横の細い線は他のキットから借りてきたように見えます。塗った形は茶色地の金というコントラストも支えますが、この大きさの毛のような線には支えられません。
六点のアイコンはすべて32×32の厳密なグリッドに乗り、線幅は一律2.5 pxで、視覚上の重さも揃えてあります。だから並べたときに、たまたま同じ大きさの六枚の絵ではなく一つのセットに見えます。カバーするのは体力、通貨、防御、戦利品、地図、設定です。
すべて単色です。ファイルごとに値は一つだけなので、セット全体の色替えは置換一回、PNGを使うならマテリアル側の着色一回で済みます。影もグラデーションもベベルも焼き込まれていません。自前の照明を抱えたアイコンは、あなたのインターフェースが変わった瞬間に合わなくなるからです。
セットは三通りで届きます。個別のSVGは、エンジンがベクターをラスタライズする場合や自分で編集する場合に使うものです。192×32のシートは、テクスチャ一枚と矩形オフセットを好むエンジン向けに六点点を同じグリッドへ並べます。N番目のセルは x = N × 32 から始まります。PNGの書き出しは1x・2x・4xをカバーし、透過の縁もきれいです。
使い方
- シート上でN番目のアイコンは x = N × 32、y = 0、幅32、高さ32の矩形を占めます。順番は体力、通貨、防御、戦利品、地図、設定です。
- アイコンは1x、2x、4xで整数ピクセル上に置いてください。2.5 pxの線を端数倍率でレンダリングすることこそ、鮮明なアイコンを灰色のにじみに変えてしまう原因です。
- 色を変えるにはSVG内の唯一の塗りまたは線の値を変更するか、UIマテリアルでPNGに着色してください。一つのファイル内の図形はすべて同じ値を使っています。
- タッチ対象では、アイコンを32 pxのまま保ち、拡大するのは背後のボタンにしてください。線の太さはこのサイズに合わせてあります。
ライセンス
コピー用のクレジット表記
"Oak メニューアイコン — 32pxベタ塗りセット" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/oak-menu-icons-32


