Design, edit, and export custom kits for DLS 19, 24, 25 in seconds.
DLS Kit Creator
Pick Color
Default Swatches
User Colors
Bagian Jersey
Brush
Logo Layers
Introduction
Many gamers prefer a DLS Kit Maker free version that provides access without payment, while others are looking for a DLS Kit Maker URL that lets them edit directly in their browser. From a DLS custom kit maker for unique jersey designs, to versions built specifically for DLS 25 Kit Maker, DLS 24 Kit Maker, or even DLS 19 Kit Maker, these tools work like a DLS kit generator that brings your creativity to life.
On the other hand, the DLS Kit Creator is another term widely used by the community, referring to the same customization tools. Gamers often search for DLS Kit Creator APK for Android, or a DLS Kit Creator app for iOS users who want to design directly from their iPhone or iPad. Some are looking for specific versions such as DLS Kit Creator 19, DLS Kit Creator 2019, or the more updated DLS Kit Creator 24 that fits the latest game.
You can also find a DLS Kit Creator online version for instant editing, or a DLS Kit Creator download to use offline. For beginners, the DLS Kit Creator free option is the easiest way to start customizing kits without any cost. These are deeply connected to Dream League Soccer customization culture, helping players build identity and style within the game.
Quick Start Tutorial (5 minutes)
-
Open the page Load the tool in your browser, this tool is loaded automatically. You'll see a 512×512 canvas in the middle, toolbars on top, and panels below.
-
Pick a jersey part to edit Go to Bagian Jersey → click a part button (BODY, SLEEVE_L, SLEEVE_R, COLLAR, SHORTS, SOCKS). The selected one gets a blue outline.
-
Choose a color In Pick Color: drag on the spectrum and the hue bar. With Auto-apply checked, the active part updates live. • Prefer hex? Click Mode to switch to HEX and type something like #0055FF. • Or type RGB numbers (0-255) in R/G/B.
-
(Optional) Brush paint In Brush, check Aktifkan Brush, pick a color/size, then paint directly on the canvas. Strokes are auto-masked to the active part (you won't paint outside it).
-
Add logos In Logo Layers, choose PNGs via input file, set Mask: Part (e.g., BODY), then click Tambah Logo. • Select a logo in the list → use the on-canvas gizmo to move/rotate/scale. • Use controls to fine-tune Scale X/Y, Rotate, Opacity, or Target Part.
-
Zoom & pan Use + / − / Reset. Toggle ✋ Hand to pan (drag the canvas). Mouse wheel zoom also works over the stage.
-
Export or Upload Click Export PNG to download namatin.com_dls_512x512.png. Or click Upload to ImgBB → copy the direct URL with Copy.
Tip: Show Template overlays the guide image. If you don't want it in the final PNG, turn it off before exporting.
Full Tutorial (Step-by-Step)
1) Understand the layout
-
Toolbar (top): Undo, Redo, Export PNG, Show Template; second row has Upload to ImgBB, a URL box, and Copy.
-
Pick Color panel: spectrum + hue, RGB/HEX fields, Auto-apply, swatches, and Kirim ke part aktif.
-
Bagian Jersey panel: pick the part you want to edit (BODY, sleeves, collar, shorts, socks).
-
Brush panel: toggle brush, color (color input + hex field), and size (range + exact px).
-
Logo Layers panel: upload images, assign mask/part, manage layers, and numeric controls.
-
Stage (512×512): the live kit preview; below it the zoom controls and ✋ Hand.
2) Choose and color a part
-
Go to Bagian Jersey and click a part (e.g., BODY).
-
In Pick Color, drag on the spectrum and hue. With Auto-apply checked, your active part updates immediately.
-
Prefer manual input?
-
Click Mode to switch between RGB and HEX.
-
RGB: enter values in R, G, B (0-255).
-
HEX: type #RRGGBB (e.g., #FF0000).
-
-
Use Default Swatches (pre-made colors) or build a library in User Colors: click Tambah ke Swatches to save the current color, then click a saved swatch later to re-use it.
-
If Auto-apply is off, press Kirim ke part aktif (or Apply ke part aktif in the Bagian Jersey panel) to commit the color to the selected part.
Good to know
-
The app keeps undo/redo history. Use Undo/Redo buttons or keyboard:
-
Ctrl/Cmd + Z (Undo), Ctrl/Cmd + Shift + Z or Ctrl/Cmd + Y (Redo).
-
-
You can toggle Show Template to see a guide overlay. Turn it off before export if you want a clean kit.
3) Paint details with the Brush
-
In Brush, tick Aktifkan Brush.
-
Set Warna via the color input (and/or hex field), set Ukuran via slider or exact px.
-
Paint directly on the canvas. Strokes are automatically masked to the active part you picked earlier (they won't spill outside).
-
Change active part anytime (e.g., from BODY to SHORTS) and keep painting; strokes for each part are stored separately.
Tip: For crisp edges along the template lines, zoom in (see step 5) and use a smaller brush size.
4) Add, select, and edit logos
-
In Logo Layers, click the file input and choose one or more images (PNG recommended with transparency).
-
Choose Mask: Part:
-
ACTIVE → uses the currently active part as a mask.
-
Or pick a specific part: BODY, SLEEVE_L, SLEEVE_R, COLLAR, SHORTS, SOCKS.
-
-
Click Tambah Logo. Each logo appears centered on the kit and listed in Layer list.
-
Select a logo from the list (click Select) to show its gizmo and controls:
-
On-canvas gizmo
-
Drag inside the box to move.
-
Drag the circle above to rotate.
-
Drag the triangle below for uniform scale.
-
Drag corner squares to stretch (non-uniform scale).
-
-
Right-side controls
-
Scale (Uniform) and Lock Aspect: quick overall scaling.
-
Scale X / Scale Y: fine non-uniform scaling.
-
Rotate (deg): precise angle.
-
Opacity: fade logos for blending.
-
Lebar(px): set target width; uniform scale updates automatically.
-
Target Part: change the mask/part the logo is clipped to.
-
Bring Forward / Send Backward: reorder layers (top ↔ bottom).
-
Delete: remove the selected logo.
-
-
Tip: Use transparent PNGs for sponsors and crests. Keep important art away from cut lines (collar/sleeve edges).
5) Zoom and pan the canvas
-
Zoom in/out with + / −, or use the mouse wheel over the stage.
-
Reset returns to 100%.
-
Toggle ✋ Hand to pan. With Hand on, drag the canvas to move it.
-
Middle-mouse button also pans even if Hand is off.
6) Export or upload your kit
-
Export PNG Click Export PNG to download a 512×512 PNG named namatin.com_dls_512x512.png. • If you used Show Template, that overlay will be part of the export-turn it off if you want a clean output. • The app may overlay a credit mask if configured (per your code).
-
Upload to ImgBB Click Upload to ImgBB. When finished, the direct image URL appears in the box; click Copy to copy it. You can paste this URL into the game if you prefer the URL method.
7) Use the kit in Dream League Soccer
-
Open DLS → Customize Team → Edit Kit.
-
If using a URL: choose the option to enter a kit URL and paste the ImgBB link you copied.
-
If using a file: import the 512×512 PNG you exported.
-
Save/apply. Your custom kit is ready.
Troubleshooting
-
Template appears in the export Turn Show Template off before exporting.
-
Brush paints outside the part Check you selected the correct active part in Bagian Jersey. Brush always obeys the active part's mask.
-
Logo looks clipped In Logo Layers → Target Part, confirm the right mask (e.g., BODY vs SLEEVE_L). Change it if needed.
-
Logo won't scale smaller/larger Minimum scale is limited so the logo's shortest side is at least 1px. Use Lebar(px) or Scale sliders; zoom in for precise dragging.
-
Undo/Redo not working Use keyboard: Ctrl/Cmd + Z to undo and Ctrl/Cmd + Shift + Z (or Ctrl/Cmd + Y) to redo.
What you need to know
- Dream League Soccer (DLS) - the football game where kits are used.
- Custom Kit - jersey, shorts, and socks designed by the player.
- Kit Template - 512x512 PNG format required by the game.
- Logos / Sponsors - images that can be added to the kit.
- Brush & Color Picker - features inside the DLS Kit Maker app.
- Export & URL Upload - functions to save or apply kits in-game.
FAQ
Q: What is the difference between DLS Kit Maker and DLS Kit Creator?
A: They refer to the same type of tool. The DLS Kit Maker emphasizes the process of "making" kits, while the DLS Kit Creator highlights the role of a "creator" app. Both can be online or downloaded as APK/iOS apps.
Q: Can I use the DLS Kit Maker APK for free?
A: Yes, this sites provide a DLS Kit Maker free or DLS Kit Creator free APK.
Q: Does the DLS Kit Creator work for older versions like DLS 19 or DLS 2019?
A: No, those versions such as DLS Kit Creator 19 or DLS Kit Creator 2019 made for older game builds. Even they still use the 512x512 PNG template system.
Q: Is there a DLS Kit Creator iOS version?
A: Yes, iPhone and iPad users can use a this DLS Kit Creator app for iOS, though functionality may vary compared to Android APK or online versions.
Q: How do I apply a DLS Kit Maker URL inside the game?
A: Copy the direct URL generated by the DLS Kit Generator, open the game, go to Customize → Edit Kit, and paste the link. The kit will be downloaded and applied instantly.
Kalau kamu ingin membuat jersey sendiri di Dream League Soccer, kamu bisa langsung pakai kit DLS editor yang sudah saya sediakan di atas. Tool ini berfungsi sebagai kit DLS maker modern yang bisa kamu jalankan langsung dari browser tanpa instalasi. Dengan fitur lengkap mulai dari pemilihan warna, brush, hingga penambahan logo, aplikasi ini akan membantumu mendesain baju tim sepak bola sesuai selera.
Bagi kamu yang ingin hasil lebih kreatif, tersedia juga opsi custom kit DLS maker yang bisa dipakai gratis. Dengan editor ini, kamu bisa memodifikasi setiap bagian jersey (body, lengan, kerah, celana, hingga kaos kaki), menambahkan sponsor, dan langsung mengekspor file PNG berukuran 512×512 untuk dipakai di game Dream League Soccer.
Quick Start Tutorial Bahasa Indonesia (5 Menit)
-
Buka halaman editor Tool sudah otomatis terbuka di browser kamu. Di tengah layar ada kanvas 512×512, toolbar di atas, dan panel pengaturan di bawah.
-
Pilih bagian jersey yang ingin diedit Pergi ke panel Bagian Jersey → klik tombol (BODY, SLEEVE_L, SLEEVE_R, COLLAR, SHORTS, SOCKS). Bagian yang aktif akan ditandai outline biru.
-
Pilih warna Gunakan panel Pick Color untuk memilih warna dari spektrum atau hue bar. Aktifkan Auto-apply agar perubahan langsung terlihat.
-
Mode HEX: ketik kode warna, misalnya #0055FF.
-
Mode RGB: masukkan angka R/G/B (0-255).
-
-
Opsional: Pakai Brush Centang Aktifkan Brush, pilih warna dan ukuran, lalu cat langsung di kanvas. Brush otomatis terkunci pada bagian jersey yang sedang aktif.
-
Tambahkan logo atau sponsor Masuk ke panel Logo Layers, upload file PNG transparan, lalu pilih bagian mana yang jadi mask (BODY, SLEEVE, dll). Logo bisa dipindah, diputar, atau diubah ukurannya.
-
Zoom & Pan Gunakan tombol + / − atau scroll mouse untuk zoom. Aktifkan tombol ✋ Hand untuk memindahkan kanvas.
-
Ekspor atau Upload Klik Export PNG untuk menyimpan file namatin.com_dls_512x512.png. Atau klik Upload to ImgBB untuk mendapatkan link langsung (URL) yang bisa kamu copy-paste ke game.
FAQ
Q: Apa bedanya kit DLS maker dengan kit DLS editor? A: Sama-sama untuk membuat desain jersey DLS, hanya beda istilah. Kit DLS editor lebih ke fungsi editing, sementara kit DLS maker menekankan pembuatan baru dari awal.
Q: Apakah tool ini gratis? A: Ya, ini adalah custom kit DLS maker free yang bisa kamu pakai langsung tanpa instalasi.
Q: Bagaimana cara memasukkan kit ke dalam game? A: Buka Dream League Soccer → Customize Team → Edit Kit → pilih opsi URL lalu paste link ImgBB atau upload PNG hasil export.
Q: Bisa dipakai di semua versi DLS? A: Bisa, asalkan game kamu masih menggunakan format PNG 512×512 (DLS 19, 24, hingga 25).
