Projektant odznak

Projektant odznak to wbudowany w badges.ninja wizualny edytor canvas, który pozwala tworzyć profesjonalne obrazy odznak bez korzystania z zewnętrznych narzędzi graficznych.

Przegląd

Projektant otwiera się po kliknięciu pola obrazu podczas tworzenia lub edycji odznaki. Udostępnia obszar roboczy canvas, w którym można łączyć szablony, tekst i własne tła, tworząc obraz odznaki.

Wybieranie szablonu

Projektant zawiera ponad 80 wbudowanych szablonów zorganizowanych w dwóch wymiarach, dzięki czemu szybko znajdziesz odpowiedni:

• 8 kształtów — Koło, Zaokrąglony kwadrat, Heksagon, Tarcza, Oktagon, Romb, Baner, Pieczęć
• 8 palet kolorystycznych — Złota, Srebrna, Brązowa, Niebieska, Zielona, Karmazynowa, Fioletowa, Grafitowa

Aby wybrać:

1. Kliknij Szablony na pasku narzędzi projektanta.
2. Skorzystaj z filtrów Kształt i Kolor u góry selektora, aby zawęzić listę. Licznik po prawej pokazuje, ile szablonów pasuje (np. 8 / 84).
3. Kliknij szablon, aby nałożyć go na canvas.

Wygenerowane szablony są celowo minimalistyczne — wybierz kształt i paletę, a następnie dodaj własny tekst, ikony i wstążki w projektancie.

Dodawanie kształtów, wstążek i ikon

Poza szablonami projektant oferuje trzy dodatkowe biblioteki zasobów, które można nakładać na dowolny szablon:

• Kształty — ponad 80 wektorowych kształtów (koła, tarcze, heksagony, gwiazdy, medale, pieczęcie, wieńce, bannery, formy geometryczne) pogrupowanych w kategorie
• Wstążki — 20 dekoracyjnych nakładek wstążkowych
• Ikony — 50 piktogramów (atom, nagroda, mózg, teczka, certyfikat, kod, korona, diament, dyplom, biret, żarówka, medal, rakieta, tarcza, gwiazda, cel, trofeum, …)

Wybierz element z dowolnego popovera, a zostanie wstawiony na canvas w aktualnym kolorze. Pasek kolorów wewnątrz każdego popovera pozwala zmienić kolor zasobu przed jego wstawieniem — przydatne, gdy chcesz użyć koloru innego niż domyślny z paska narzędzi.

Wgrywanie własnego tła lub obrazu

Możesz wgrać własny obraz jako tło lub warstwę na wierzchu:

1. Kliknij Wgraj na pasku narzędzi projektanta.
2. Wybierz plik obrazu z komputera (zalecane PNG lub JPG).
3. Obraz zostanie umieszczony na canvasie jako obiekt, który można wybrać — przeciągnij, skaluj, obracaj lub umieść za innymi elementami.

Wgrywanie obrazu nie usuwa szablonu ani istniejących warstw — po prostu dokłada kolejną warstwę.

Dla pełnych teł użyj kwadratowego obrazu o rozdzielczości co najmniej 600×600 pikseli.

Dodawanie tekstu

1. Kliknij przycisk Tekst na pasku narzędzi.
2. Na canvasie pojawi się nowy element tekstowy.
3. Kliknij tekst, aby go zaznaczyć, a następnie wpisz treść.
4. Przeciągnij element, aby ustawić go na canvasie.

Możesz dodać wiele elementów tekstowych dla różnych części odznaki (tytuł, odbiorca, data itd.).

Zmiana czcionek

Projektant zawiera 11 czcionek (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Zaznacz element tekstowy na canvasie.
2. Kliknij listę rozwijaną Czcionka na pasku narzędzi.
3. Wybierz jedną z dostępnych czcionek.

Podgląd czcionki pokazuje, jak wygląda każda opcja przed jej wyborem.

Zmiana koloru

Selektor Kolor na pasku narzędzi kontroluje dwie rzeczy jednocześnie:

• Zaznaczony tekst — ustawia kolor wypełnienia dla zaznaczonego elementu tekstowego.
• Domyślny kolor wstawiania — dla kształtów, wstążek i ikon wstawianych w następnej kolejności oraz dla zaznaczonych obiektów SVG (przebarwia kontury i wypełnienia w miejscu).

Wybierz kolor z palety lub wpisz kod hex. Wewnątrz każdego popovera kształtu/wstążki/ikony znajduje się też mniejszy Pasek kolorów do jednorazowych wyborów, które nie zmieniają domyślnego koloru paska narzędzi.

Wyrównywanie elementów

6-przyciskowy rząd wyrównań działa na zaznaczonych obiektach względem canvasu:

Przycisk	Akcja
Wyrównaj do lewej	Przyklej do lewej krawędzi canvasu
Wyśrodkuj poziomo	Wyśrodkuj wzdłuż osi X canvasu
Wyrównaj do prawej	Przyklej do prawej krawędzi canvasu
Wyrównaj do góry	Przyklej do górnej krawędzi canvasu
Wyśrodkuj pionowo	Wyśrodkuj wzdłuż osi Y canvasu
Wyrównaj do dołu	Przyklej do dolnej krawędzi canvasu

Gdy przeciągasz element blisko środka canvasu, pojawiają się przerywane fioletowe prowadnice przyciągania, a obiekt skacze w idealne położenie.

Zaznaczenie wielokrotne i warstwy

• Przytrzymaj Shift i kliknij, aby zaznaczyć wiele obiektów, lub przeciągnij ramkę zaznaczenia po canvasie.
• Użyj Na spód / Na wierzch, aby sterować kolejnością warstw.
• Naciśnij Delete lub kliknij przycisk Usuń na pasku narzędzi, aby usunąć zaznaczenie.
• Cofnij / Ponów (lub Ctrl+Z / Ctrl+Shift+Z) przechodzą przez 20 ostatnich zmian.

Usuwanie elementów

1. Zaznacz element, który chcesz usunąć (lub shift-klik dla kilku).
2. Kliknij przycisk Usuń na pasku narzędzi lub naciśnij klawisz Delete.

Wskazówki dotyczące dobrego projektu odznaki

• Prostota — używaj wyraźnego tekstu i unikaj bałaganu. Odznaka często będzie wyświetlana w małym rozmiarze.
• Wysoki kontrast — upewnij się, że tekst jest czytelny na tle.
• Dodaj nazwę odznaki — odbiorcy i oglądający powinni od razu rozumieć, czego dotyczy poświadczenie.
• Format kwadratowy — odznaki najlepiej wyświetlają się jako obrazy kwadratowe.
• Spójność marki — używaj kolorów i czcionek organizacji we wszystkich odznakach.
• Testuj w małych rozmiarach — sprawdź odznakę w 100x100 pikseli, aby upewnić się, że jest czytelna.

Zapisywanie obrazu odznaki

Gdy będziesz zadowolony z projektu, kliknij Gotowe lub Zapisz w projektancie. Obraz zostanie przechwycony z canvasu i dołączony do twojej odznaki. Zostanie wgrany do IPFS po utworzeniu lub zapisaniu odznaki.