Paczki interfejsu

Sumi Karta postaci

12 elementów karty postaci i statystyk (cel-shading) do interfejsów w trybie ciemny — laserunek węglem, akcent czerwień laku. SVG i przezroczysty PNG w 1x/2x/4x.

  • ui
  • svg
  • przezroczysty png
  • karta postaci
  • statystyki
  • ekwipunek
  • atrybuty
  • rpg
  • celshading
  • cel-shading
  • cel shading
  • tusz
  • ciemny interfejs
  • akcja
Arkusz z 12 elementów karty postaci i statystyk (cel-shading) z rodziny Sumi, rozłożonymi na szachownicy przezroczystości, z rozmiarami w pikselach wypisanymi pod spodem
podgląd 1600×824przezroczystość pokazana jako szachownica

O tej paczce

Sumi Karta postaci to zestaw 12 elementów karty postaci i statystyk narysowanych w stylu cel-shading, w którym gruby kontur tuszem otacza dwa płaskie tony rozdzielone twardym ukośnym terminatorem. Zawiera wiersz statystyki i jego odmianę z pasem, trzy znaki porównania, ramkę radaru sześcioosiową i pięcioosiową, ramkę manekina ekwipunku, puste i zajęte pole ekwipunku oraz dwa pasy premii za komplet.

Karta postaci istnieje po to, by odpowiedzieć na jedno pytanie: czy ta nowa część jest lepsza od noszonej? A rysunek, który na nie odpowiada, jest w zestawie najmniejszy. Większość zestawów dostarcza ramki i zostawia strzałki porównania silnikowi — i wtedy wychodzą one jako znak czcionki w zestawie, w którym cała reszta rysowana jest ręcznie.

Cień to pojedynczy kształt o twardej krawędzi, bez żadnego zaniku — właściwość definiująca cel shading i rzecz, której gradient nigdy nie podrobi. Kontur używa najciemniejszego tonu palety, a nie tonu obramowania, bo inaczej czyta się jak gruba szara ramka zamiast tuszu.

W obrębie tego stylu to jest odczyt Sumi: interfejs w trybie ciemny na palecie laserunek węglem z akcentami czerwień laku, zbudowany wokół dwóch koncentrycznych ramek, przycisków w kształcie zakładki w 120x48, pasków błyszczących podzielonych na 9 segmentów i ikon konturowych na siatce 32px. To właśnie te wymiary tłumaczą, dlaczego dwie rodziny mogą dzielić styl graficzny, nie będąc wymienne: styl decyduje, jak rysuje się krawędź, a liczby decydują, do czego interfejs służy.

Strzałka w górę i w dół to osobne sprite’y, a nie jedna strzałka odbita, bo obie pojawiają się w tej samej tabeli porównania, a odbita strzałka dostaje światło ze złej strony. Jest jeszcze trzeci znak — bez zmiany — i znaczy więcej, niż brzmi: brak strzałki jest dwuznaczny między „tyle samo” a „nie da się porównać”. Ramka radaru przychodzi tylko jako siatka i osie, bez wielokąta wartości, bo wartości pochodzą z gry. Zestaw jest winien skalę — i daje ją zarówno przy pięciu, jak i przy sześciu osiach, żeby system statystyk nie musiał mieć tylu atrybutów, ile założył rysownik.

Każdy sprite dostajesz jako edytowalny SVG i jako przezroczysty PNG w 1x, 2x i 4x, więc możesz wrzucić PNG prosto do silnika albo otworzyć wektor i zmienić kolor. Narysowany w tych samych wymiarach co reszta rodziny Sumi, co oznacza, że ten zestaw i zestaw paneli Sumi pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier cel-shading i renderowanych toonowo.

Pobieranie

Bezpośredni link · bez rejestracji · bez strony oczekiwania
Pobierz ZIP183 kB

Komplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readme

Pliki zawarte w tej paczce
PlikFormatWagaPobieranie
Komplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readmeZIP183 kB Pobierz →
Wiersz statystyki, edytowalny SVGSVG653 B Pobierz →

Jak używać

  1. Wielokąt wartości narysuj na ramce radaru w silniku; ramka to stała skala z pierścieniami w równych ułamkach, więc wielokąt nanosi się wprost na nią.
  2. Używaj wszystkich trzech znaków porównania, także znaku braku zmiany. Brak strzałki nie znaczy „tyle samo”.
  3. W długiej liście przeplataj wiersz zwykły z wierszem z pasem, zamiast dodawać własne paskowanie; ton pasa przetrwa przemalowanie całej rodziny.
  4. Manekin ekwipunku zostawia środek pusty na twój portret postaci, a rozmieszczenie pól wokół dokładnie odpowiada rozmiarowi pojedynczego pola ekwipunku.

Licencja

Creative Commons Uznanie autorstwa 4.0 — Za darmo do użytku komercyjnego. Uznanie autorstwa obowiązkowe. Pełne warunki · Co to znaczy w praktyce

Linijka uznania do skopiowania
"Sumi Karta postaci" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-character-sheet