Arayüz Paketleri

Sumi Karakter Sayfası

Koyu arayüzler için 12 adet cel-shading karakter sayfası ve istatistik bileşeni — mühür kırmızısı vurgulu kömür yıkaması paleti. SVG kaynak ve 1x, 2x, 4x saydam PNG.

  • ui
  • svg
  • saydam png
  • karakter sayfası
  • istatistik
  • donanım
  • nitelikler
  • rpg
  • celshading
  • cel-shading
  • cel shading
  • mürekkep
  • koyu arayüz
  • aksiyon
Sumi ailesinden 12 adet cel-shading karakter sayfası ve istatistik bileşeni gösteren sayfa; hepsi saydamlık dama zemininde dizilmiş ve altlarında piksel ölçüleri yazılı
1600×824 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

Sumi Karakter Sayfası, cel-shading tarzında çizilmiş 12 adet karakter sayfası ve istatistik bileşeni içeren bir set; kalın bir mürekkep konturu, sert bir çapraz terminatörle ayrılmış iki düz tonu sarıyor. İçinde bir istatistik satırı ile şeritli eşi, üç karşılaştırma işareti, altı ve beş eksenli birer örümcek grafiği çerçevesi, bir donanım kuklası çerçevesi, biri boş biri dolu iki kuşanma yuvası ve iki set bonusu şeridi var.

Karakter sayfası tek bir soruyu cevaplamak için var: bu yeni parça, üstündekinden iyi mi? Ve o soruyu cevaplayan çizim kitin en küçüğü. Setlerin çoğu çerçeveleri gönderip karşılaştırma oklarını motora bırakıyor; oklar da geri kalan her şeyin elle çizildiği bir sette bir yazı tipi karakteri olarak çıkıyor.

Gölge, hiç yumuşama olmayan tek ve sert kenarlı bir biçim — cel shading'i tanımlayan özellik ve bir gradyanın asla taklit edemeyeceği şey. Kontur, kenarlık tonunu değil paletteki en koyu tonu kullanıyor; yoksa mürekkep yerine kalın gri bir çerçeve gibi okunuyor.

Bu tarzın Sumi okuması şöyle: kömür yıkaması paleti üzerinde mühür kırmızısı aksanlı bir koyu arayüz; iç içe iki çerçeve, 120x48 boyutunda sekme biçimli düğmeler, 9 bölmeye ayrılmış parlak barlar ve 32px ızgarada konturlu ikonlar etrafında kuruldu. Bu ölçüler, iki ailenin aynı sanat tarzını birbirinin yerine geçmeden paylaşabilmesinin sebebi: tarz kenarın nasıl çizildiğine, sayılar arayüzün ne işe yaradığına karar veriyor.

Yukarı ve aşağı oklar çevrilmiş tek bir ok değil ayrı sprite’lar, çünkü ikisi de aynı karşılaştırma tablosunda görünüyor ve çevrilmiş bir ok ters taraftan ışık alıyor. Üçüncü bir işaret de var: değişmedi. Kulağa geldiğinden önemli, çünkü hiç ok olmaması "eşit" ile "karşılaştırılamaz" arasında belirsiz kalıyor. Örümcek grafiği çerçevesi yalnızca ızgara ve eksenlerle, değer çokgeni olmadan geliyor, çünkü değerler oyundan geliyor. Kitin borcu ölçek ve o ölçek hem beş hem altı eksenle geliyor, yani bir istatistik sistemi çizerin varsaydığı kadar niteliğe sahip olmaya zorlanmıyor.

Her sprite düzenlenebilir SVG olarak ve 1x, 2x, 4x saydam PNG olarak geliyor; yani PNG'leri doğrudan bir motora bırakabilir ya da vektörü açıp bir rengi değiştirebilirsin. Sumi ailesinin geri kalanıyla aynı ölçülere göre çizildi; bu da bu kitin ve Sumi panel kitinin, ikisi de yeniden boyutlandırılmadan hizalandığı anlamına geliyor. cel-shading ve toon render edilmiş oyunlara iyi oturuyor.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir183 kB

Tam set — SVG kaynaklar, 1x/2x/4x PNG çıktılar, lisans ve benioku

Bu pakette bulunan dosyalar
DosyaBiçimBoyutİndirme
Tam set — SVG kaynaklar, 1x/2x/4x PNG çıktılar, lisans ve beniokuZIP183 kB Al →
İstatistik satırı, düzenlenebilir SVGSVG653 B Al →

Nasıl kullanılır

  1. Değer çokgenini örümcek grafiği çerçevesinin üstüne motorda çizin; çerçeve eşit aralıklı halkalarla sabit bir ölçek, yani çokgen doğrudan üstüne oturuyor.
  2. Karşılaştırma işaretlerinin üçünü de kullanın, değişmedi işareti dâhil. Okun olmaması eşit demek değil.
  3. Uzun bir listede kendi zebra dolgunuzu eklemek yerine düz ve şeritli istatistik satırlarını dönüşümlü kullanın; şeridin tonu ailenin yeniden renklendirilmesinden sağ çıkacak şekilde seçildi.
  4. Donanım kuklasının ortası kendi karakter portreniz için boş bırakıldı; çevresindeki yuva konumları da tek başına gelen kuşanma yuvasının boyutuyla birebir aynı.

Lisans

Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek

Kopyala-yapıştır atıf satırı
"Sumi Karakter Sayfası" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-character-sheet