Skip to content

Rozet Tasarımcısı

Rozet Tasarımcısı, badges.ninja'ya yerleştirilmiş ve herhangi bir tasarım aracı olmadan profesyonel rozet görselleri oluşturmanıza olanak sağlayan görsel bir tuval editörüdür.

Badge Designer — embedded in the Create Badge modal alongside the form sidebar

Genel Bakış

Bir rozet oluştururken veya düzenlerken image alanına tıkladığınızda tasarımcı açılır. Rozet görselinizi oluşturmak için şablonları, metni ve özel arka planları birleştirebileceğiniz bir tuval çalışma alanı sağlar.

Template picker with shape + color filters

Şablon Seçme

Tasarımcı, bir tanesini hızlıca bulabilmeniz için iki boyut boyunca düzenlenmiş 80+ yerleşik şablon içerir:

  • 8 şekil — Circle, Rounded square, Hexagon, Shield, Octagon, Diamond, Banner, Seal
  • 8 renk paleti — Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite

Bir tanesini seçmek için:

  1. Tasarımcı araç çubuğunda Templates ögesine tıklayın.
  2. Listeyi daraltmak için seçicinin üst kısmındaki Shape ve Color filtrelerini kullanın. Sağdaki sayaç kaç şablonun eşleştiğini gösterir (ör. 8 / 84).
  3. Bir şablonu tuvale uygulamak için üzerine tıklayın.

Oluşturulan şablonlar kasıtlı olarak sadedir — bir şekil ve palet seçin, ardından tasarımcıda kendi metninizi, simgelerinizi ve kurdelelerinizi ekleyin.

Template applied to the canvas

Şekil, Kurdele ve Simge Ekleme

Shapes popover

Icons popover with color bar

Şablonların ötesinde, tasarımcı herhangi bir şablonun üzerine katmanlayabileceğiniz üç ek varlık kütüphanesiyle gelir:

  • Şekiller — kategorilere gruplandırılmış 80+ vektör şekil (daireler, kalkanlar, altıgenler, yıldızlar, madalyalar, mühürler, çelenkler, pankartlar, geometrik biçimler)
  • Kurdeleler — 20 dekoratif kurdele katmanı
  • Simgeler — 50 resimsel simge (atom, award, brain, briefcase, certificate, code, crown, diamond, diploma, graduation-cap, lightbulb, medal, rocket, shield-check, star, target, trophy, …)

Herhangi bir açılır pencereden bir tane seçin; mevcut renkte tuvale yerleştirilir. Her açılır penceredeki Color bar, varlığı eklemeden önce yeniden renklendirmenize olanak sağlar — araç çubuğu varsayılanından farklı bir renk istediğinizde kullanışlıdır.

Özel Arka Plan veya Görsel Yükleme

Arka plan olarak ya da üstte bir katman olarak kullanmak üzere kendi görselinizi yükleyebilirsiniz:

  1. Tasarımcı araç çubuğunda Upload ögesine tıklayın.
  2. Bilgisayarınızdan bir görsel dosyası seçin (PNG veya JPG önerilir).
  3. Görsel, seçilebilir bir nesne olarak tuvale yerleştirilir — sürükleyin, ölçekleyin, döndürün ya da diğer ögelerin arkasına gönderin.

Bir görsel yüklemek şablonu veya mevcut katmanları silmez — sadece üzerine yığılır.

Tam arka planlar için en az 600×600 piksel kare bir görsel kullanın.

Metin Ekleme

Text element added to the canvas

  1. Araç çubuğundaki Text düğmesine tıklayın.
  2. Tuvalde yeni bir metin ögesi belirir.
  3. Seçmek için metne tıklayıp içeriğinizi yazın.
  4. Metin ögesini tuvalde konumlandırmak için sürükleyin.

Rozetinizin farklı bölümleri (başlık, alıcı, tarih vb.) için birden çok metin ögesi ekleyebilirsiniz.

Yazı Tipini Değiştirme

Text switched from Arial to Georgia — serif font applied to the selected text

Tasarımcı 11 yazı tipi içerir (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

  1. Tuvalde bir metin ögesi seçin.
  2. Araç çubuğundaki Font açılır menüsüne tıklayın.
  3. Mevcut yazı tipleri arasından seçim yapın.

Yazı tipi önizlemesi, seçmeden önce her seçeneğin nasıl göründüğünü gösterir.

Rengi Değiştirme

Color picker open; pick any hex — gold gives strong contrast on dark-blue templates

Araç çubuğundaki Color seçici aynı anda iki şeyi kontrol eder:

  • Seçili metin — seçili herhangi bir metin ögesi için dolgu rengini belirler.
  • Varsayılan ekleme rengi — bir sonraki eklenen şekiller, kurdeleler ve simgeler için, ayrıca seçili SVG nesneleri için (yerinde kontur ve dolguları yeniden renklendirir).

Paletten bir renk seçin ya da onaltılık bir kod girin. Her şekil/kurdele/simge açılır penceresinin içinde, araç çubuğu varsayılanını değiştirmeyen tek seferlik renk seçimleri için daha küçük bir Color bar da bulunur.

Ögeleri Hizalama

Text centered horizontally and vertically via the toolbar alignment buttons

6 düğmeli hizalama satırı, tuvale göre seçili nesneler üzerinde çalışır:

Düğmeİşlem
Align leftTuvalin sol kenarına sabitle
Center horizontallyTuvalin X ekseninde ortala
Align rightTuvalin sağ kenarına sabitle
Align topTuvalin üst kenarına sabitle
Center verticallyTuvalin Y ekseninde ortala
Align bottomTuvalin alt kenarına sabitle

Bir ögeyi tuvalin merkezine yakın sürüklediğinizde kesik mor yapışma kılavuzları görünür ve nesne kusursuz hizalamaya yapışır.

Çoklu seçim ve Katmanlama

  • Birden fazla nesne seçmek için Shift tuşunu basılı tutup tıklayın ya da tuvalde bir seçim kutusu sürükleyin.
  • z-sırasını denetlemek için Send to back / Bring to front ögelerini kullanın.
  • Seçimi kaldırmak için Delete tuşuna basın ya da araç çubuğundaki Delete düğmesine tıklayın.
  • Undo / Redo (ya da Ctrl+Z / Ctrl+Shift+Z) son 20 değişiklikte gezinir.

Ögeleri Silme

  1. Kaldırmak istediğiniz ögeyi seçin (ya da birkaç tanesi için shift-tıklayın).
  2. Araç çubuğundaki Delete düğmesine tıklayın ya da Delete tuşuna basın.

İyi Rozet Tasarımı İçin İpuçları

  • Basit tutun — net metin kullanın ve karmaşıklıktan kaçının. Rozet çoğu zaman küçük boyutlarda görüntülenecektir.
  • Yüksek kontrast kullanın — metnin arka plana karşı okunabilir olmasını sağlayın.
  • Rozet adını dahil edin — alıcılar ve izleyiciler kimlik bilgisini bir bakışta anlamalı.
  • Kare biçimi — rozetler kare görsellerde en iyi şekilde görünür.
  • Marka tutarlılığı — tüm rozetlerde kuruluşunuzun renk ve yazı tiplerini kullanın.
  • Küçük boyutlarda test edin — okunabilirliği sağlamak için rozetinizi 100x100 pikselde önizleyin.

Rozet Görselini Kaydetme

Final composed badge

Tasarımınızdan memnun olduğunuzda tasarımcıdaki Done ya da Save düğmesine tıklayın. Görsel tuvalden yakalanır ve rozetinize eklenir. Rozeti oluşturduğunuzda veya kaydettiğinizde IPFS'e yüklenecektir.

badges.ninja Documentation