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.

v3.00.0-test

GratisForbruget nulstilles automatisk hver måned.

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

AI REFERENCE 2.26

Hvad vil du arbejde med?Start direkte i det rigtige værktøj. Alle eksisterende funktioner er stadig tilgængelige i venstre menu.

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.

Visuelt komponentbibliotek

Komponenter til tøjet

Tilføj en enkelt færdig komponent uden at anvende en hel pakke eller starte AI Designer. Alle dele oprettes som separate lag.

NEW

Neck opening with real transparency

Always placed on Torso · Up

Cuts a transparent opening in the shirt instead of painting a white or skin-coloured shape. The opening and optional rim become separate editable layers.

Shape Width58% Depth46% Rotation0°

Add a separate collar/rim layer Rim colour#111827 Rim thickness5 px

Vælg en komponent

Brug søgning eller kategori, og tryk derefter Tilføj.

0 komponenter

Placér på Roblox-flade

Vælg selv torso, over-/underside, arm eller en anden flade. Komponenten tilpasses og kan flyttes igen under Lagindstillinger.

Den anbefalede flade bruges kun som forslag. Du kan selv vælge en anden flade før tilføjelse og flytte delen igen under Lag → Redigér.

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

Farvetilstand Stoffarve #2563eb

Original bevarer teksturens egne farver.

Materialestyrke 55% Teksturstørrelse 20 Rotation 0°

Vælg et eksisterende materialelag under Lag for at redigere det live.

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 & folder

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.

Skygge- og foldeskabeloner

Vælg et færdigt overlay. Det beskæres automatisk efter Roblox-skabelonens præcise UV-felter.

Område Styrke 60% Blanding

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+ designopsætninger plus 10 nye officielle Sports Demo-skabeloner. Demoerne oprettes som redigerbare lag med farver, paneler, mønstre, navn og nummer.

⭐ Sports Demo Pack10 komplette testtrøjer · administreres i Template Center i WordPress admin.

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.

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

LAGSTYRING 3.0

Lag på aktiv flade

Find laget, redigér det og organisér projektet i tre enkle trin.

Ingen flade valgtVælg en flade på skabelonen

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

Lagindstillinger

Vælg et lag ovenfor for at redigere det.

Navn Flyt lag til Roblox-flade Flytter hele laget uden at ændre farve, placering, bredde, højde eller rotation. Mappe Vis lag Lås lag Transparens 100%

Position X 50% Position Y 50%

X % Y %

Samlet størrelse 90%

Bredde 90% Højde 90%

Bredde % Højde %

Bredde og højde kan ændres uafhængigt. Samlet størrelse skalerer begge mål på én gang.

Rotation 0°

Blending

Gemmer alle lag, komponenter, farver og placeringer i projektet.

Lagets indhold

Redigér det valgte lags egne farver og effekter direkte her uden at gå tilbage til værktøjets oprindelige fane.

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.

VKMmedia AI Designer Pro 6.2

AI Designer

How would you like to start your design?

1Start
2Adjust
3Suggestions
4Edit

Create a new designStart from an idea, a blank template or a logo.

Describe the clothing below. AI automatically finds the most useful references.

VKMmedia AI Designer Pro 6.2 · Precision Scanner 1.0 · Reference Engine 2.1

Describe the result and choose preferences

AI combines your selected input method, description and the best matching references. All generated parts remain editable.

NEW · ROBLOX IMPORT

Import from a Roblox link or ID

Fetch a public classic Shirt or Pants item. When the original 585 × 559 template is available, it can be opened exactly as editable surface layers.

No item fetched

Roblox link or asset ID

I confirm that I have permission to reuse or edit this design.

NYT · LOGO DESIGNER

Lav en redigerbar hættetrøje ud fra et logo

Upload et logo, og få tre hættetrøje-forslag med logo, hætte, snore, lomme, ribkanter, sweatshirt-stof, mønster og skygger som separate lag.

Intet logo

＋ Upload logoPNG, JPG, WebP eller SVG · maks. 10 MB

Hættetrøjens grundfarve #111827 Detaljefarve #facc15

Fjern ensfarvet baggrund automatisk Bevar logoets originale farver Tilføj sweatshirt-stof

Logoet bliver et almindeligt billedlag. Efter “Anvend forslag” kan alle dele flyttes, skaleres, roteres, farves, skjules eller slettes under Lag.

Reference Guided AIIngen reference valgt

Referenceskabelon Metode

Vælg en reference for at bruge dens designprofil.

AI Reference Engine 2.0

Find the best references

Combines garment type, text, colors, pattern, quality and previous feedback.

Write a description and find up to five explainable matches.

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

AI Designer Pro 6.2 opdeler resultatet i redigerbare komponenter, vurderer præcisionen pr. område og foreslår konkrete rettelser. Scanner og forbedringer kører lokalt i browseren.

Valgt AI-forslag

Designnavn

0/5

STEP 4 · EDIT THE RESULT

Everything remains editable

Choose what you want to change. The suggestion is applied as separate layers and the correct editor opens automatically.

Tip: You can also fine-tune colors, patterns and planned layers directly below before applying the suggestion.

Redigér farver og mønster pr. flade

Åbn en flade og tilpas mønstertype, farver, størrelse, rotation og transparens, før forslaget anvendes.

AI Layer Tree · Smart Layer Editing

Redigér placering, størrelse, rotation, farve, transparens, flade og rækkefølge, før lagene oprettes.

Intelligent designopskrift

Forslaget gemmer nu layout, mønster, farver og aktive designdele som strukturerede indstillinger.

Stil: –
Mønster: –
Logo: –

Designråd

Help AI Designer improve

Rate the result. “Save correction” stores the current design as a new ground-truth example when you are signed in.

Guide & help

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

The popup guide has been removed.

Use the dedicated guide page for instructions without interrupting the editor.

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.