Ein Roblox Classic Shirt im Browser erstellen
Dieser Roblox Shirt Maker stellt eine feste Arbeitsfläche mit 585 × 559 Pixeln bereit, ohne Benutzerkonto und ohne deine Gestaltung an einen Server zu senden. Beginne transparent, fülle das gesamte Dokument mit einer Farbe oder importiere eine vorhandene Vorlage beziehungsweise einen eigenen Entwurf. Wähle Farbe und Pinselbreite, ergänze Details, radiere Bereiche in Transparenz, nutze den Verlauf, schalte die UV-Flächenhilfe ein und exportiere PNG oder JPG.
Der Editor ist bewusst direkt. Er veröffentlicht kein Asset, verbindet sich nicht mit einem Roblox-Konto, sagt keine Moderation voraus und behauptet nicht, dass ein flaches Bild bereits tragbare Kleidung sei. Er erzeugt eine Datei in der vollständigen Größe der aktuellen Classic-Shirt-Arbeitsfläche.
Anschließend prüfst du Platzierung und Nähte, testest die Datei auf einem Block-Avatar in Roblox Studio und folgst dem aktuellen offiziellen Veröffentlichungsablauf.
Warum die Arbeitsfläche exakt 585 × 559 misst
Classic Shirts sind umlaufende Kleidungstexturen. Die aktuelle offizielle Classic-Clothing-Vorlage verwendet für das vollständige Shirt eine PNG mit 585 Pixeln Breite und 559 Pixeln Höhe. Verschiedene Rechtecke innerhalb der Datei stehen für Vorder-, Rück-, obere, untere, linke und rechte Seiten von Torso und Armen.
Die Maße sind wichtig, weil diese Bereiche von exakten Pixelpositionen abhängen. Eine quadratische Zeichnung, ein Screenshot der Vorlage oder eine durch einen Messenger verkleinerte Datei erhält die erwartete Zuordnung nicht.
Der Canvas bleibt bei jeder Operation 585 × 559 groß und der Export besitzt dieselben dekodierten Maße. Die sichtbare Editorfläche kann auf Handy oder Laptop responsiv kleiner werden, doch der gespeicherte Inhalt wird dadurch nicht reduziert.
Korrekte Maße sind nur die erste Voraussetzung. Eine leere 585 × 559-Datei enthält noch kein tragbares Design. Pixel außerhalb zugeordneter Panels erscheinen möglicherweise nie. Ein Brustmotiv im Ärmelfeld wird um den Arm gelegt. Kombiniere deshalb die maßsichere Arbeitsfläche mit einer aktuellen offiziellen Zuordnungsreferenz und einem Studio-Test.
Transparent beginnen, füllen oder importieren
Starte auf dem transparenten Canvas, wenn du von Grund auf zeichnen möchtest. Das Schachbrett zeigt Alpha und wird nicht Teil des Downloads.
„Arbeitsfläche mit Farbe füllen“ setzt das gesamte Rechteck auf den gewählten Ton, einschließlich Bereichen, die nicht am Avatar erscheinen. Soll freier Raum transparent bleiben, lösche den Canvas und male nur die benötigten Vorlagenfelder.
Der Radierer entfernt echtes Alpha und übermalt nicht mit Weiß. Ein weißer Pinsel bleibt sichtbar; radierte Pixel lassen den Hintergrund durchscheinen.
Die Dateiauswahl akzeptiert PNG, JPG und WebP bis zur lokalen Sicherheitsgrenze. Eine Datei mit exakt 585 × 559 Pixeln wird nativ geladen. Andere Maße werden proportional eingepasst und zentriert, ohne Beschneidung. Das ist praktisch für Skizzen, repariert aber keine falsche UV-Platzierung.
Mit Pinsel und Radierer sauber arbeiten
Kleine Pinselbreiten eignen sich für Nähte, Konturen, Schrift und Pixelkorrekturen. Große Breiten füllen Stoffflächen schneller. Eingaben funktionieren mit Maus, Stift oder Touchscreen; für präzise Vorlagenarbeit ist ein größerer Bildschirm mit genauer Zeigereingabe angenehmer.
Arbeite von großen Bereichen zu kleinen Details. Lege zuerst Hauptstofffarbe, Kragen, Saum und Ärmelgrenzen fest. Ergänze danach Highlights, Schatten, Logos, Knöpfe, Taschen und Muster.
Nutze Undo direkt nach einem fehlerhaften Strich. Mehrfaches Übermalen kann ungewollte Farbtöne und unsaubere Kanten erzeugen. Bei Pixel-Art solltest du außerdem darauf achten, dass importierte Quellen nicht durch Glättung weich geworden sind.
Teiltransparente Kanten aus einem fremden Editor können sich je nach Avatarfarbe unterschiedlich mischen. Kontrolliere das Ergebnis in einer Vorschau vor hellem und dunklem Hintergrund.
Rechteckige Auswahl und Transformation
Aktiviere „Bereich auswählen“ und ziehe ein Rechteck um eine Pixelgruppe. Die Auswahl lässt sich in Schritten von acht Pixeln verschieben, horizontal oder vertikal spiegeln oder vollständig in Transparenz löschen.
Diese konzentrierten Transformationen helfen, ein Abzeichen zu versetzen, ein Ärmelmotiv bewusst zu spiegeln oder ein einzelnes Vorlagenfeld zu leeren, ohne das gesamte Bild zu verändern.
Bewegungen bleiben innerhalb des 585 × 559-Dokuments. Die cyanfarbene Auswahlkontur ist nur eine Oberfläche und erscheint nicht in PNG oder JPG.
Kontrolliere gespiegelten Text besonders sorgfältig. Eine Spiegelung kann für den zweiten Ärmel richtig sein, aber Buchstaben oder Richtungspfeile unlesbar machen. Vergleiche beide Arme anschließend getrennt in der Vorschau.
Rastertext hinzufügen
Der Textmodus zeichnet lokal mit der aktuellen Farbe und gewählten Pixelgröße. Bei aktiver Auswahl beginnt der Text innerhalb dieses Rechtecks und wird an dessen Grenzen abgeschnitten. Ohne Auswahl wird er auf dem Canvas zentriert.
Das Ergebnis wird sofort zu normalen Bildpixeln und bleibt keine dauerhaft bearbeitbare Textebene. Dadurch ist der Export vorhersehbar, spätere Schriftkorrekturen müssen aber rückgängig gemacht oder überarbeitet werden.
Nutze kurze Beschriftungen und prüfe deren Ausrichtung auf Vorder-, Rück- und Ärmelflächen. Eine in der flachen Vorlage lesbare Zeile kann am Avatar gespiegelt, über eine Naht getrennt oder zu klein werden.
Für freie Drehung, Vektortext, komplexe Deckkraft und Ebenen solltest du ein vollständiges Grafikprogramm verwenden und anschließend eine saubere PNG importieren.
Undo, Redo und Reset verstehen
Undo stellt den Zustand unmittelbar vor dem letzten Pinsel- oder Radierstrich, Füllen, Löschen, Reset, Import, Auswahlvorgang oder Textschritt wieder her. Redo holt den letzten rückgängig gemachten Zustand zurück, bis eine neue Bearbeitung diesen Verlauf ersetzt.
Der Editor hält nur eine begrenzte Zahl von Zuständen im Arbeitsspeicher, um die Browserleistung zu schützen. Reset kehrt zur zuletzt importierten Basisdatei zurück. Wurde nichts importiert, entsteht wieder der ursprüngliche transparente Canvas.
Der Verlauf ist kein Cloud-Backup. Lade wichtige Zwischenstände unter eindeutigen Namen wie roblox-shirt-jacke-v04.png herunter. So kannst du größere Experimente durchführen, ohne eine funktionierende Version zu verlieren.
UV-Hilfe und importierte Vorlagen unterscheiden
Der Editor kann eine nicht destruktive UV-Ebene für alle 18 Torso- und Armflächen anzeigen. Gestrichelte Rechtecke und Beschriftungen für oben, unten, vorne, hinten, links und rechts bleiben in der Oberfläche. Das Ein- oder Ausschalten verändert keine Pixel und keinen Export.
Eine hochgeladene offizielle Vorlage ist anders: Ihre Beschriftungen und farbigen Linien sind echte Bildpixel. Wenn sie nicht zur Gestaltung gehören, müssen sie vor dem Export ausgeblendet oder entfernt werden.
Dieser Browsereditor arbeitet mit einem reduzierten Canvas und nicht mit einem vollständigen Ebenenprojekt. Bewahre daher eine separate Masterdatei, wenn du Referenz, Skizze, Farbe und Schatten unabhängig kontrollieren möchtest.
Öffne die exportierte PNG erneut, um sicherzustellen, dass keine eingebrannten Hilfslinien, Pfeile oder Flächennamen sichtbar bleiben.
Torsoflächen miteinander verbinden
Ein Shirt-Motiv muss auf mehreren verbundenen Oberflächen funktionieren. Ein Streifen von der Vorderseite sollte auf Seitenpanel und Rücken in passender Höhe fortgesetzt werden. Kragen und Saum benötigen eine bewusste Linie über angrenzende Torsofelder.
Vergleiche exakte Randzeilen und Farbwerte. Schon ein Pixel Höhenunterschied kann nach der Umwicklung als sichtbarer Sprung erscheinen. Zwei beinahe identische Farbtöne erzeugen außerdem eine helle oder dunkle Naht.
Diagonale und Kurven sind schwieriger als horizontale Linien. Prüfe kleine Versionen auf dem Rig und richte sie am gefalteten Ergebnis aus, nicht nur an der Symmetrie der flachen Datei.
Wichtige Logos sollten nicht unbeabsichtigt über zwei nicht zusammengehörige Flächen verteilt werden. Nutze die UV-Hilfe und eine aktuelle autorisierte Referenz, bevor du Details an Kanten setzt.
Ärmel, Schulter und Unterarm gestalten
Ein Ärmelbündchen benötigt konsistente Position auf Vorder-, Rück-, Seiten-, oberer und unterer Armfläche. Kleine Abweichungen werden beim Drehen deutlich.
Linker und rechter Arm können unterschiedliche Orientierung verlangen. Symmetrische Motive lassen sich durch gezielte Spiegelung vorbereiten; asymmetrische Logos, Text und Pfeile müssen auf beiden Seiten einzeln geprüft werden.
Achte auf Schulterübergänge und Unterarme. Ein Muster, das im 2D-Atlas zusammenhängend wirkt, kann am Modell auf Innen- und Außenseite vertauscht sein.
Verwende während der Entwicklung gegebenenfalls temporäre Orientierungspunkte. Entferne sie vor dem finalen Export und kontrolliere danach erneut Vorderseite, Rücken und beide Seiten.
PNG, JPG und WebP richtig einsetzen
PNG ist für Classic Shirts normalerweise die beste Wahl, weil Transparenz, harte Linien und exakte Farben erhalten bleiben. JPG besitzt keinen normalen Alpha-Kanal und kann Kompressionsartefakte an kontrastreichen Kanten erzeugen.
Beim JPG-Export werden transparente Pixel auf Weiß reduziert. Wähle dieses Format nur, wenn bewusst eine flache Datei benötigt wird. WebP ist als Importkomfort verfügbar, aber kein Exportformat dieser Seite.
Eine falsch benannte Dateiendung konvertiert keinen Bildinhalt. Der Browser dekodiert das tatsächliche Format. Für eine saubere Arbeitsdatei solltest du aus der bestmöglichen Quelle korrekt als PNG exportieren.
Wiederholte JPG-Speicherung und Skalierung verschlechtern kleine Details. Bewahre die ursprüngliche PNG und führe Änderungen möglichst nur daraus durch.
Transparenz und Farben bewusst wählen
Transparente Pixel können darunterliegende Avatar-Darstellung sichtbar lassen. Das kann beabsichtigt sein, aber unbeabsichtigte Lücken wirken wie Löcher. Prüfe Alpha an Kragen, Ärmeln, Saum und dünnen Linien.
Sehr dunkle benachbarte Farben können unter Spielbeleuchtung verschmelzen. Stark gesättigte Randpixel können heller erscheinen. Verwende den Paletten-Extraktor, wenn scheinbar gleiche Flächen mehrere unerwartete Werte besitzen.
Der Browser-Farbwähler erzeugt deckende Pinselstriche. Komplexe Teiltransparenz solltest du in einem Ebeneneditor vorbereiten und als PNG importieren. Der Shirt Maker erhält vorhandene Alpha-Daten und eignet sich danach für Platzierung sowie deckende Korrekturen.
Ergebnis auf einem Rig testen
Die flache Arbeitsfläche zeigt die endgültige Körperform nicht vollständig. Nutze zunächst die lokale Shirt Preview und anschließend Roblox Studio mit einem geeigneten Block-Avatar.
Kontrolliere Vorderseite, Rücken, beide Arme, Schultern, Seiten und Unterflächen unter mehreren Blickwinkeln. Suche nach gespiegeltem Text, unterbrochenen Mustern, transparenten Lücken, Halos und unpassenden Farbübergängen.
Kehre mit der flachen PNG zum Maker zurück, ändere gezielt die fehlerhafte Stelle und exportiere eine nummerierte neue Version. Wiederhole dieselbe Prüfansicht, damit der Vergleich belastbar bleibt.
Korrekte Außenmaße garantieren keine richtige Zuordnung. Eine 585 × 559-Datei kann weiterhin falsche Felder, Hilfslinien oder unzulässige Inhalte enthalten.
Grenzen des Shirt Makers
Das Tool erkennt Torso- und Armflächen nicht automatisch, erzeugt keine Kleidung aus einem Prompt, wandelt kein Layered Clothing um und erstellt kein 3D-Mesh. Es lädt nicht zum Marketplace hoch und prüft keine Rechte.
Classic Clothing unterscheidet sich von Layered Clothing, das Meshes, Käfige, Rigging, Skinning und weitere Validierung benötigt.
Ein Download garantiert keine Plattformannahme. Roblox kann Berechtigung, Gebühren, Moderation, Benennung, technische Prüfung und Richtlinien anwenden. Prüfe aktuelle offizielle Dokumentation vor der Veröffentlichung.
Verwende geschützte Figuren, Logos und Gestaltung anderer Creators nur mit notwendiger Erlaubnis. Lokale Bearbeitung schafft keine Eigentumsrechte.
Lokale Verarbeitung und Datenschutz
Dekodierung, Einpassen, Zeichnen, Radieren, Verlauf, Reset und PNG/JPG-Kodierung laufen in deinem Browser. Der Maker benötigt keine Anmeldung, speichert kein Cloud-Projekt, veröffentlicht keine Galerie und überträgt ausgewählte Pixel oder Dateinamen nicht an SkinEditor.org.
Beim Neuladen oder Schließen geht der temporäre Zustand verloren. Lokale Verarbeitung reduziert unnötige Datenweitergabe, bietet aber keine Server-Sicherung oder Synchronisation zwischen Geräten.
SkinEditor.org ist unabhängig und nicht mit der Roblox Corporation verbunden. Der Name Roblox beschreibt ausschließlich Kompatibilität und vorgesehenen Arbeitsablauf.
Häufige Fragen
Welche Größe lädt der Roblox Shirt Maker herunter?
Jeder Export misst exakt 585 × 559 Pixel. PNG erhält Transparenz; JPG reduziert transparente Bereiche auf Weiß.
Kann ich eine vorhandene Shirt-Vorlage importieren?
Ja. PNG, JPG und WebP dienen als Basis. Exakte Maße bleiben nativ, andere Formate werden proportional eingepasst und zentriert.
Lädt das Tool mein Shirt zu Roblox hoch?
Nein. Es erzeugt nur eine lokale Bilddatei. Test und Upload erfolgen über den aktuellen offiziellen Roblox-Ablauf.
Kann ich mit diesem Canvas Roblox Pants erstellen?
Pants hat dieselben Außenmaße, aber eine andere Körperzuordnung. Nutze den speziellen Pants Maker und eine aktuelle Pants-Referenz.
Warum sieht mein Design am Avatar anders aus?
Die 2D-Vorlage wird auf mehrere 3D-Flächen gelegt. Falsche Panelkanten, Rigunterschiede, Beleuchtung und Transparenz können das Ergebnis verändern. Teste auf einem Block-Avatar.