VKMmedia – Roblox Clothing designer

VKMmedia Design Studio · Roblox Edition

Classic Clothing Designer

Design direkte på Roblox' originale 585 × 559-skabeloner. Vælg Shirt eller Pants, tilføj farver, billede og tekst, og hent en Roblox-klar PNG.

v2.13.0-test

GratisForbruget nulstilles automatisk hver måned.

Designs 0/5Billeder 0/10PNG 0/10

Valgte flader

Klik på FRONT, BACK, arme eller andre felter på skabelonen. Slå multivalg til for at redigere flere flader samtidig.

Vælg flere flader

Kopierer farve, mønstre, billeder og tekst mellem højre/venstre arm eller ben.

Torso · Front

Farve på valgte flader

Fladefarve #2563eb

Grunddesign

Transparent grundlag

Nye designs starter uden blå grundfarve. Mønstre, billeder og tekst eksporteres med gennemsigtig baggrund, indtil du vælger en farve.

Grundfarve #2563eb Sidefarve #1d4ed8 Top og bund #0f172a Detaljefarve #ffffff

VKMmedia Asset Library

Grafiske elementer

Her vises både de indbyggede elementer og de billeder, logoer, mønstre og baggrunde, du har gemt i Asset Library. Klik på et asset for at tilføje det som et redigerbart lag.

Asset-farve #ffffff

Egne assets

Upload PNG, JPG, WebP eller SVG. Filen tilføjes som et nyt billedlag på de valgte flader.

＋ Upload eget asset

Tip: PNG eller SVG med gennemsigtig baggrund giver det bedste resultat.

Materialer og stof

Vælg en stoftype, farve og styrke. Materialet tilføjes som et separat redigerbart lag og kan bruges på hele tøjet eller kun de valgte flader.

Materialeindstillinger

Intet materiale valgt

Stoffarve #2563eb Materialestyrke 55% Teksturstørrelse 20 Rotation 0°

Mønsterbibliotek

Vælg et mønster, tilpas farverne og anvend det på én eller flere valgte flader.

Mønsterindstillinger

Intet mønster valgt

Mønstertype Farvelæg mønster

Normal PNG bevarer billedets originale farver.

Farve 1 #2563eb Farve 2 #ffffff

Mønsterkant

Aktivér kant omkring striber og mønsterformer

Brug eksempelvis en hvid kant omkring de sorte striber på en fodboldtrøje.

Størrelse 20 Rotation 0° Gennemsigtighed 100%

Farvejusteringer

Lysstyrke 100% Kontrast 100% Mætning 100% Farvetone 0°

Mønsterets placering og størrelse

Flyt mønsteret rundt på fladen, og gør området bredere, smallere, højere eller lavere. Når mønsterlaget er valgt under Lag, kan det også trækkes direkte på skabelonen.

Vandret placering (X) 50% Lodret placering (Y) 50% Mønsterbredde 100% Mønsterhøjde 100%

Lodret dækning: Begræns mønsteret yderligere til en bestemt del af fladen.

Start fra toppen 0% Dækningshøjde 100%

Skygger på tøjet

Tilføj dybde, folder og bløde kanter som et redigerbart skyggelag. Skyggen følger hver valgt UV-flade og kommer med i PNG-eksporten.

Skyggefarve #0f172a Styrke 32% Blødhed 65% Retning 35°

Hurtige skyggevalg

Fordeler bløde skygger på front, ryg, sider, arme eller ben. Sider og undersider bliver lidt mørkere for et mere naturligt R6-look.

Erstat eksisterende skyggelag

Highlights og stofstruktur

Tilføj lys, glans og diskret stofstruktur som redigerbare lag. Effekterne følger de valgte UV-flader og kommer med i PNG-eksporten.

Lysfarve #ffffff Styrke 24% Blødhed 70% Retning -35° Strukturstørrelse 7 px

Automatisk lysbalance

Tilføjer blødt frontlys, diskret kantlys og en svag stofstruktur. Eksisterende skyggelag bevares, så lys og skygge arbejder sammen.

Erstat eksisterende lys- og stoflag

Skabelonbibliotek

Vælg mellem 60+ færdige designopsætninger. Filtrér efter stil, gem favoritter eller gem dit nuværende design som din egen skabelon.

Design Studio Pro Workflow

Design Packages & Collections

Gem hele designet med lag, farver, mønstre, effekter og 3D-indstillinger. Organisér pakkerne i kollektioner og find dem igen med søgning, tags og favoritter.

Gem nuværende designpakke

Navn Kollektion Tags Beskrivelse

Mine designpakker

Farvepaletter

Gem de fire vigtigste designfarver og anvend dem senere på hele projektet med ét klik.

AI Collection Builder

Byg en sammenhængende tøjkollektion

Beskriv kollektionen, vælg stil og farver, og opret flere matchende designvarianter ud fra dit nuværende design. Generatoren arbejder lokalt i browseren og ændrer ikke originalen, før du indlæser en variant.

Kollektionens idé

Navn Beskrivelse

Stil Antal

Hovedfarve #2563eb Accentfarve #facc15

Kollektion/mappe Gem automatisk alle varianter som Design Packages

Generatoren bruger det nuværende design som grundlag og bevarer logoer, tekst og lagstruktur.

Genererede varianter

Der er endnu ikke genereret en kollektion.

Custom AI Reference Templates

Mine referenceskabeloner

Upload dine egne Roblox Shirt- eller Pants-skabeloner. Design Studio udtrækker en farvepalette og gemmer stilnoter, så AI Designer og Collection Builder kan bruge skabelonen som reference.

Tilføj reference

Navn

Kategori Type

Tags Stilnoter ＋ Upload PNG/JPG/WebP

Farver og en enkel mønsterprofil analyseres lokalt i browseren.

Referencebibliotek

Aktiv AI-reference

Reference Referencemetode

Farver 75% Mønster 85% Layout 90%

Vis reference oven på editoren Overlay-styrke 45%

Vælg en reference for at se analysen flade for flade.

AI Photo-to-Roblox Draft

Lav et Roblox-udkast ud fra almindelige trøjefotos

Upload fotos af trøjens forside, bagside og eventuelt en vinkel/detalje. Du kan også tilføje en færdig Roblox-skabelon som præcisionsreference. Assistenten analyserer farver, stribernes retning og afstand og bygger resultatet som redigerbare lag på Roblox-fladerne.

1. Upload referencefotos

ForsideIntet foto valgt BagsideIntet foto valgt Vinkel / detaljeValgfritRoblox-skabelonValgfri – giver det mest præcise resultat

Bedste resultat fås med fritlagte eller ensfarvede baggrunde og tydelige billeder af hele trøjen.

2. Indstillinger til udkastet

Designnavn

Udkaststype Detaljestyrke

Registrér og genskab striber/mønster Tilføj krave- og ærmekanter Tilføj lette stofskygger

Upload mindst ét foto af forsiden for at begynde.

Analyse

Farvepalette, mønster og kontrast vises her efter analysen.

Logo eller billede

Vælg billedlag

Vælg præcis det billedlag, du vil redigere. Listen viser kun billedlag på den aktive Roblox-flade.

Vælg billede

PNG med gennemsigtig baggrund giver normalt det bedste resultat. Vælg senere laget i Lag-panelet for at redigere det igen.

Del-design og hurtig placering

Placering Fordel designet rundt på relevante sideflader Spejlvend automatisk på modsatte kropsdel

Vælg eksempelvis strømper eller brystlogo. Designet oprettes som almindelige billedlag på de korrekte Roblox-flader og kan bagefter finjusteres under Lag.

Størrelse 90% Rotation 0° Gennemsigtighed 100% Position X 50% Position Y 50%

Skygge 0%Glow 0%

Flere billeder: Hvert billede gemmes som sit eget lag. Upload et nyt billede og vælg Tilføj som nyt lag. Vælg derefter det ønskede billedlag i listen ovenfor eller under Lag for at redigere eller slette kun dét lag.

Tekstlag

Vælg tekstlag

Vælg præcis det tekstlag, du vil redigere. Listen viser kun tekstlag på den aktive Roblox-flade.

Tekst

Skrifttype Tykkelse

Tekstfarve #ffffff Størrelse 28 px Position X 50% Position Y 50% Rotation 0° Gennemsigtighed 100% Bogstavafstand 0 px

Konturfarve #000000Kontur 0 px

Skyggefarve #000000Skygge 0%

Skygge X 3 pxSkygge Y 3 px

Vis tekst

Efter oprettelse: Vælg tekstlaget under Lag for at indlæse og ændre tekst, størrelse, placering, skrifttype, kontur og skygge. Teksten kan også trækkes direkte på lærredet.

Shape & Vector Studio

Opret skalerbare figurer som selvstændige, redigerbare lag på de valgte flader.

Fyldfarve #ffffffKantfarve #111827

Kanttykkelse 0 px

Bredde 60%Højde 60%

Hjørneradius 18% Rotation 0° Transparens 100%

Skygge 0%Glow 0%

Figuren gemmes som et lag og kan bagefter flyttes, roteres, kopieres, låses og justeres i Lag-panelet.

Gradient Generator

Type Farve 1 #2563eb Farve 2 #ffffff Rotation 0° Transparens 100%

Penselværktøj

Aktivér penslen og tegn direkte på den valgte UV-flade. Hvert penselstrøg gemmes som sit eget lag.

Farve #ffffff Størrelse 8 px Transparens 100% Tegn på skabelonen

Præcision og hjælpelinjer

Hjælpelinjer vises kun i editoren og kommer aldrig med i PNG-eksporten.

Vis gitter Vis midterlinjer Vis foldelinjer Vis safe zones Vis fladegrænser Snap til gitter Gitterstørrelse

Lag på aktiv flade

Laglisten viser den første valgte flade. Klik på et lag for at vælge det.

Laggrupper

Saml lag i en navngivet gruppe. Gruppen følger projektet og kan skjules eller låses samlet.

Aktiv gruppe

Du kan også trække lagene op og ned i listen for at ændre rækkefølgen.

Layouts og designpakker 2.0

Gem hele lagopsætningen som et genbrugeligt layout, indlæs færdige sportspakker, udskift billeder uden at miste placeringen og kopiér grupper eller lag til den modsatte kropsdel.

Layoutnavn Gemte layouts

Færdig designpakke

Designpakken opretter navngivne grupper og redigerbare pladsholdere. Dine nuværende farver bevares.

Udskift billede

Historik

De seneste handlinger kan gendannes med Ctrl+Z og Ctrl+Y.

Ingen ændringer endnu.

Lagindstillinger

Vælg et lag ovenfor for at redigere det.

Navn Mappe Vis lag Lås lag Transparens 100%

Position X 50% Position Y 50%

X % Y %

Størrelse 90% Rotation 0°

Blending

Smart Anchors

Placér det valgte billed-, tekst- eller figurlag præcist med et fastgørelsespunkt. Laget kan stadig flyttes bagefter.

Fastgørelsespunkt Standardstørrelse

Smart Guides & Snap Vis smarte hjælpelinjer Snap til midte og kanter Snap til andre elementer Snap-afstand 7 px

Lag øverst i listen vises øverst i designet. Transparens og blending gør det muligt at se lagene under.

Projektbibliotek

Log ind for at gemme projekter sikkert i WordPress. Som gæst gemmes de kun i browseren.

Projektnavn

Visning

Vis original skabelon Skabelonstyrke 55%

VKMmedia AI Designer 5.0

Beskriv dit Roblox-tøj

Skriv idéen med stil, farver og detaljer. Vælg eventuelt en referenceskabelon, så forslagene følger dens flader, mønster og layout mere præcist.

Reference Guided AIIngen reference valgt

Referenceskabelon Metode

Vælg en reference for at bruge dens designprofil.

Stil Designstyrke Designmål Anvend på AI-skygger Tilføj dybde automatisk

AI Designer 5.0 kombinerer Design Scanner, sikkerhedsvurdering, Design Coach, versionshistorik og struktureret læring fra dine rettelser. Analysen kører lokalt i browseren.

Guide & help

Learn the editor step by step, or find a quick explanation of its most important features.

Full frontend guide: add [vkm_frontend_guide_en] to a page.

Getting started

Choose Shirt or Pants.Start by selecting the clothing type you want to design.
Select one or more faces.Click directly on the Roblox template. Enable multi-select to work on several faces at once.
Add your design.Use colors, images, patterns, text, shapes, gradients, or the brush tool.
Check the R6 preview.Review the front, sides, back, top, and bottom before exporting.
Save or download.Save the project for later, or download a Roblox-ready PNG file.

Quick explanations

Colors and selected faces

A color is applied to every selected face. Use “Select all” to recolor the entire outfit at once.

Images and logos

Upload an image or choose one from Roblox Assets. Move, scale, rotate, and adjust its opacity in the layer settings.

Patterns and Quick Templates

Patterns are added as editable layers. Quick Templates create a complete starting design that you can customize afterwards.

Layers

Layers at the top of the list appear above other elements in the design. You can hide, lock, duplicate, move, and blend each layer.

Saving projects

Signed-in users save projects to their WordPress account. Guests save projects locally in their current browser.

Exporting to Roblox

Download the PNG at 585 × 559 pixels. The original helper template is never included in the exported file.

Tips & tricks

💡 Use the Top view to inspect shoulder areas.

💡 Save logos in Roblox Assets so you can reuse them.

💡 Use Undo and Redo while testing new combinations.

💡 Keep text and logos inside the selected UV face.

Roblox Shirt-skabelon585 × 559 px · Klik på en flade for at vælge den

100%

3D Preview StudioLive R6/R15-visning med kamera, lys og baggrund

Drej figur 0° Zoom 100% Kamerahøjde 0° Lysstyrke 100% Skyggedybde 28%

Pose Auto-hastighed

Hoved Arme Ben

Træk vandret på figuren for at dreje den. Vælg pose og kameraforvalg, og kontrollér designet direkte på avataren.

Vælg en flade på skabelonen for at begynde.

Testflow: Vælg flader, opbyg designet med flere lag, figurer, gradienter og penselstrøg, brug Fortryd/Gentag og gem forskellige projekter i biblioteket. Kontrollér derefter resultatet i live R6/R15-previewet før eksport. Den originale skabelon bruges kun som visuel guide og kommer ikke med i den eksporterede fil.