UIパック

Inkwell マップマーカー

12個のマップマーカーとワールド表示(セルシェード)。ライトUI用、フラットポスターに信号レッドのアクセント。SVG+透過PNG 1x/2x/4x。

  • ui
  • svg
  • 透過png
  • マップマーカー
  • ウェイポイント
  • クエストマーカー
  • ミニマップ
  • セル調
  • セルシェーディング
  • コミック
  • カートゥーン
  • 太い
  • ライトUI
Inkwellファミリーのマップマーカーとワールド表示(セルシェード)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシート
プレビュー 1600×1219透明部分は市松模様で表示

このパックについて

Inkwell マップマーカーはセルシェードスタイルで描かれた12点のマップマーカーとワールド表示のセットです。太いインクの輪郭が、硬い斜めの境界で分かれた二つのフラットな色調を包みます。内容はマップピン5種——通常・クエスト・ショップ・危険・拠点——、ウェイポイントの山形、プレイヤーの向き矢印、ルートノードと方位マーク、目標リング、ピングリング、そして効果範囲です。

インターフェースのキットは画面の縁を覆います。これらは真ん中、ゲームの上に座ります——キットが下に何があるかまったく知らない場所です。草、雪、夜。読まれるために背景を当てにするマーカーは、あなたのレベルの半分で消えます。

影は減衰のまったくない硬い縁の単一形状です。それがセルシェーディングを定義する性質であり、グラデーションには決して真似できないものです。輪郭は縁の色調ではなくパレットで最も暗い色調を使います。そうしないとインクではなく太い灰色の枠に見えてしまいます。

そのスタイルの中でこれはInkwellとしての読みです。フラットポスターのパレットに信号レッドのアクセントを載せたライトインターフェースで、縁が一本のフレーム、152x52の角の立ったボタン、5分割の帯状のバー、24pxグリッドのベタ塗りのアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

どのマーカーも自前の輪郭と単色の本体を持ち、仕事をするのは塗りではなくシルエットです。アンカーは各スプライトのタイトルに書いてあり、中心ではありません。ピンは先端で目標を指すのでアンカーは下中央、リングと向き矢印は中央でアンカーします。ピンを中心で置くと、印すべきものの半ピン分だけ上に載ってしまいます。効果範囲と目標リングが実線ではなく破線なのは、縁ではなく領域を表しているからです——実線のリングは壁として読まれます。

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

ダウンロード

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

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

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readmeZIP181 kB 入手 →
マップピン、下中央アンカー、編集可能なSVGSVG393 B 入手 →

使い方

  1. 各スプライトはタイトルに書かれた点でアンカーしてください。ピンは下中央、リングと向き矢印は中心です。
  2. マーカーは距離でスケールせず画面上のサイズを固定してください。世界と一緒に縮むピンは、まさにそれが必要だった距離で読めなくなります。
  3. ピングリングは3つの別々のマーカーではなく、1つのアニメーションの3コマとして使ってください——外へ広げてフェードさせます。
  4. ピンの本体は陣営ごとに着色してかまいませんが、輪郭には触れないでください。未知の背景でマーカーを読めるままにしているのはその輪郭です。

ライセンス

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

コピー用のクレジット表記
"Inkwell マップマーカー" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/inkwell-map-markers