SK-REG BLOG

Dieser Block befindet sich derzeit im Aufbau und wird
ständig erweitert. Daher bitten wir um Verständnis, falls noch
nicht alle Funktionalitäten zur Verfügung stehen.
Dieses Projekt sehe ich als Terapie, um nicht zu vergessen
Details

Siegel Generator

Erstelle Siegel, Stempel und Abzeichen direkt im Browser: mit Rundtext, Haupttext und eigener Grafik. Die Ergebnisse speicherst du als SVG oder PNG, in beliebiger Größe und auf Wunsch mit transparentem Hintergrund.

9 Formen12 VorlagenSVG & PNG ExportSVG-ImportEinstellungen speichern

Das kann der Generator

1Formen & Linien

Neun Grundformen mit vielen Stellschrauben:

  • Kreis, Quadrat, Rundes Quadrat, Sechseck, Achteck, Stern, Wappen, Zackenrand, Raute
  • Größe und Drehung der Form, Eckenradius
  • Linienstärke außen und innen, Linienart (durchgezogen, gestrichelt, gepunktet)
  • Optionaler Innenring mit einstellbarem Abstand
  • Füllung mit frei wählbarer Farbe

2Texte

Fünf Textzeilen, die du einzeln einstellst:

  • Rundtext oben und unten, Mittelzeile, Haupttext und Zusatzzeile
  • Textgröße und Buchstabenabstand pro Zeile
  • Rundtexte: Radius und Drehung entlang des Rings
  • Mittelzeilen: Position horizontal und vertikal
  • Alle Texte lassen sich direkt im Siegel mit Maus oder Finger verschieben

3Schrift & Farben

  • Acht Schriftarten, darunter System, Arial, Georgia und Impact
  • Schriftstärke getrennt für Rundtext und Mitte
  • Kursiv und Großbuchstaben per Klick
  • Linienfarbe und Textfarbe, auf Wunsch gekoppelt

4Trenner

Kleine Symbole links und rechts zwischen oberem und unterem Rundtext.

  • Stern, Punkt, Raute oder keiner
  • Größe, Radius und Drehung einstellbar

5Logo & Grafik

  • SVG, PNG, JPG oder WebP einfügen
  • Größe, Position, Drehung und Deckkraft
  • Ausblenden aller Siegel-Elemente, wenn nur die Grafik gezeigt werden soll
  • Bei importierten SVGs: Texte, Farben und einzelne Elemente bearbeiten

6Vorlagen

Zwölf fertige Ausgangspunkte, die du danach frei anpasst:

KI-HinweisQualitätssiegelMade in GermanyEingangsstempelHandarbeitStern-AuszeichnungEntwurfBezahltNeu-BadgeSaleDatenschutz geprüftCopyright

So gehst du vor

  1. Vorlage wählen. Oben links wählst du eine Vorlage, zum Beispiel „KI-Hinweis“ oder „Qualitätssiegel“. Ein Logo, das du schon eingefügt hast, bleibt beim Wechsel erhalten.
  2. Form und Linien festlegen. Unter „Form & Linie“ wählst du Form, Größe, Linienstärke und ob ein Innenring erscheint.
  3. Texte eintragen. Gib Rundtext oben und unten, Mittelzeile und Haupttext ein. Mit den Reglern änderst du Größe, Abstand und Position, oder du ziehst die Texte direkt in der Vorschau an die richtige Stelle.
  4. Farben und Schrift anpassen. Wähle Linien- und Textfarbe, Schriftart und Schriftstärke.
  5. Hintergrund prüfen. Über „Transparent“, „Weiß“ und „Dunkel“ über der Vorschau siehst du, wie das Siegel auf verschiedenen Untergründen wirkt.
  6. Exportieren. Speichere das fertige Siegel als SVG oder PNG, oder kopiere den SVG-Code.

Speichern, Laden und Import

FunktionWas passiert
SVG speichernVerlustfreie Vektorgrafik. Auf Wunsch werden die Einstellungen eingebettet, sodass die Datei später wieder vollständig bearbeitbar ist.
PNG speichernPixelbild in 1000, 2000, 3000 oder 4000 px, wahlweise mit transparentem Hintergrund.
SVG-Code kopierenLegt den Code in die Zwischenablage, zum Beispiel zum Einfügen in eine Webseite.
Einstellungen speichernSchreibt alle Einstellungen in eine JSON-Datei auf deinem Rechner.
Einstellungen ladenLiest eine solche JSON-Datei wieder ein und stellt das Siegel genau so her.
SVG importierenEin mit diesem Generator exportiertes SVG wird wieder vollständig bearbeitbar. Jedes andere SVG erscheint als Grafik und lässt sich in Texten, Farben und einzelnen Elementen anpassen.
Ziehen und AblegenSVG-, JSON- und Bilddateien kannst du einfach auf die Vorschau ziehen.
ZurücksetzenStellt alle Werte auf den Ausgangszustand zurück und entfernt ein eingefügtes Logo.
Gut zu wissen: Bei fremden SVGs lassen sich Texte, Farben, Position, Größe und Drehung ändern. Die Form von Pfaden selbst (zum Beispiel der Radius eines Rundtextes) bleibt, wie sie in der Datei steht.

Tipps

Rundtext passt nicht?

Verkleinere die Textgröße oder den Buchstabenabstand. Rundtexte, die länger als der Ring sind, werden am Ende abgeschnitten.

Text sitzt schief im Ring?

Ziehe den Rundtext in der Vorschau, er dreht sich dabei entlang des Rings. Mit dem Radius-Regler schiebst du ihn näher an die Linie oder weg davon.

Siegel für das Web?

Nimm SVG: Es bleibt in jeder Größe scharf und die Datei ist klein. PNG brauchst du für Programme, die kein SVG können.

Später weiterarbeiten?

Speichere die Einstellungen als JSON oder exportiere das SVG mit eingebetteten Einstellungen. So lädst du dein Siegel jederzeit wieder.

Häufige Fragen

Werden meine Daten hochgeladen?

Nein. Der Generator läuft vollständig in deinem Browser. Texte, Bilder und Dateien verlassen deinen Rechner nicht.

Warum sieht mein PNG anders aus als die Vorschau?

Das PNG wird aus dem SVG berechnet und verwendet die Schriftarten deines Geräts. Wähle für identische Ergebnisse auf allen Geräten gängige Schriften wie Arial oder Georgia.

Ich habe ein SVG importiert und sehe die Siegel-Elemente nicht mehr.

Beim SVG-Import blendet der Generator seine eigenen Elemente aus, damit sich nichts überlagert. Unter „Logo / Grafik“ schaltest du „Nur Grafik zeigen“ wieder aus.

Kann ich ein eigenes Logo in die Mitte setzen?

Ja. Unter „Logo / Grafik“ wählst du eine SVG-, PNG-, JPG- oder WebP-Datei. Große Bilder werden zur Beschleunigung automatisch auf 1200 px verkleinert.

Wie bekomme ich ein Siegel auf einem hellen oder dunklen Hintergrund sauber hin?

Lass den Hintergrund transparent und teste mit „Weiß“ und „Dunkel“ über der Vorschau. Wähle eine Linienfarbe, die auf beiden Untergründen lesbar bleibt.

Wie bewertest du diesen Beitrag?

– (0 Bewertungen)

0 Kommentare

Noch keine Kommentare. Schreib den ersten!

Deine E-Mail-Adresse wird nicht veröffentlicht.

Anmelden

sk-reg.de