Tool ini dilengkapi 3D Mod BUSSID Viewer . Kamu bisa melihat livery di model 3D tiap bus, membuka file mod BUSSID, mengekstrak template UV mesh , lalu mengirimnya ke editor sebagai panduan desain.
Aplikasi Buat Livery Bussid
Pick Color
#FF0000
Default Swatches
User Colors
Klik spektrum & hue untuk pilih warna. Edit RGB/HEX juga sinkron.
Bagian Livery
Pilih part, lalu pilih warna atau gunakan Brush.
Range: 300–5000 px. Kosongkan = pakai default.
Brush
Brush hanya menggambar pada part aktif dan otomatis termasking.
Logo Layers
Tip: Klik logo untuk pilih, drag untuk pindah. Segitiga = uniform scale, kotak sudut = stretch, lingkaran = rotate.
Koleksi Livery Bussid Sudah Jadi
Apa Itu BUSSID Livery Maker?
BUSSID Livery Maker adalah editor livery 2D berbasis browser untuk game Bus Simulator Indonesia. Kamu mewarnai bagian bodi sesuai mask bus yang dipilih, menambah logo dan goresan brush, lalu mengekspor hasilnya sebagai gambar PNG yang dipasang lewat menu livery di game. Ada tombol 3D Preview untuk melihat hasilnya di model 3D bus yang sama.
Apa Itu 3D Mod BUSSID Viewer?
3D Mod BUSSID Viewer adalah penampil model 3D di browser yang dirender real-time dengan WebGL. Ia membuka file mod BUSSID dan model 3D lain, menampilkan statistik model, dan menguji livery pada model itu. Fitur utamanya adalah ekstraksi template UV mesh : koordinat UV model diubah menjadi gambar PNG yang bisa diunduh atau dikirim ke editor sebagai panduan menggambar livery. Viewer tidak mengubah file mod-nya . Yang kamu edit adalah gambar livery atau tekstur dengan bantuan template UV.
Fitur Utama
- 6 jenis bus: Yudistira HD, Sadewa SHD, Nakula SHD, Srikandi SHD, Arjuna XHD, Bimasena SDD.
- 7 bagian livery: Body Kanan, Body Kiri, Body Depan, Body Belakang, Atap, Kaca, Aksesoris.
- Color picker, brush, dan logo layer (pindah, ubah ukuran, putar, opacity, mask per bagian).
- Efek 3D dan template bus untuk hasil yang rapi.
- Preview 3D untuk tiap bus, dirender langsung di browser.
- Viewer file mod: .bussidmod, .modbussid, .glb, .gltf, dan .obj.
- Template UV (White Base dan UV Wireframe) 1024 sampai 4096 px.
- Save/Load project (.nmt), Export PNG 300 sampai 5000 px, dan upload ke ImgBB .
Tutorial 1: Cara Menggunakan BUSSID Livery Maker (Editor 2D dan Preview 3D)
- Pilih jenis bus. Di panel Bagian Livery , buka dropdown Jenis Bus dan pilih model yang kamu pakai di game. Mask bagian bodi, template, dan efek 3D otomatis menyesuaikan.
- Pilih bagian yang diwarnai. Ketuk salah satu tombol bagian (Body Kanan, Body Kiri, Body Depan, Body Belakang, Atap, Kaca, atau Aksesoris). Bagian aktif diberi cincin biru.
-
Warnai bagian.
- Klik spektrum warna dan bar hue , atau ketik nilai di kolom RGB . Tombol Mode beralih ke kolom HEX .
- Pakai Default Swatches , atau simpan warna favoritmu dengan Tambah ke Swatches .
- Dengan Auto-apply ke part aktif menyala, warna langsung masuk ke bagian aktif. Kalau mati, gunakan Kirim ke part aktif atau Apply ke part aktif .
- Lock color mengunci spektrum, hue, dan kolom RGB/HEX supaya warna tidak bergeser tanpa sengaja saat menggulir halaman.
- Atur kaca. Centang Warnai Kaca , pilih warna, lalu atur Opacity . Kalau tidak dicentang, kaca dibiarkan transparan.
- Gambar dengan brush. Centang Aktifkan Brush , pilih warna lewat picker atau kolom HEX, atur Ukuran (1 sampai 128 px), lalu goreskan di kanvas. Brush hanya menggambar di bagian aktif dan otomatis dipotong sesuai mask.
-
Tambahkan logo dan stiker.
- Di Logo Layers , pilih satu atau beberapa gambar (PNG transparan paling rapi).
- Pilih Mask : Part Aktif atau bagian tertentu, lalu klik Tambah Logo .
- Seret isi logo untuk memindahkan , tarik sudut bingkai untuk mengubah ukuran proporsional, dan tarik lingkaran di atas bingkai untuk memutar.
- Gunakan slider Scale (Uniform) , Scale X/Y (matikan Lock Aspect untuk meregangkan), Lebar(px) , Rotate , dan Opacity .
- Snap Rotate mengunci putaran per 15°, supaya logo lurus.
- Atur susunan dengan Bring Forward dan Send Backward . Di daftar layer ada Lock , Select , UP , DOWN , dan Copy . Hapus logo dengan Delete .
- Zoom dan geser kanvas. Pakai tombol − , + , Reset , atau scroll mouse. Aktifkan Hand untuk menggeser kanvas, lalu matikan lagi sebelum menggeser logo.
- Tampilkan template dan efek 3D. Show Template menumpuk garis panduan bus di atas desain. Dropdown 3D Effect dan centang Show menambah efek bayangan dan highlight. Tombol Tambah... menerima efek buatanmu sendiri: nama, URL gambar preview (512 px), dan URL gambar export (resolusi tinggi).
- Lihat di Preview 3D. Klik 3D Preview di toolbar untuk membuka jendela modal (tutup dengan ✕ atau tombol Esc), atau buka tab 3D Model Viewer . Livery terbaru dikirim ke model 3D bus yang aktif setiap kali preview dibuka. Mengganti jenis bus ikut mengganti model 3D-nya.
- Undo, Redo, dan simpan project. Gunakan Undo/Redo (atau Ctrl+Z / Ctrl+Y). Save(.nmt) menyimpan jenis bus, warna, goresan brush, dan posisi logo. Load .nmt melanjutkan project nanti.
-
Export PNG.
Isi
Export Size
(300 sampai 5000 px, default 1628), lalu klik
Export PNG
. File diberi nama
namatin.com_bussid_[ukuran].png. - Upload dan bagikan. Klik Upload to ImgBB untuk mendapat link langsung, lalu Copy . Tombol ini mengirim versi 512 × 512 px. Untuk kualitas tinggi gunakan Export PNG.
- Pasang di game. Buka BUSSID, masuk Garasi, pilih bus yang sesuai template, buka menu livery, pilih berkas PNG hasil ekspor, lalu pasang. Nama menu bisa sedikit berbeda antarversi game.
Tutorial 2: Cara Menggunakan 3D Mod BUSSID Viewer dan Ekstrak/Kirim Template UV
- Buka tab 3D Model Viewer di bagian atas. Viewer otomatis memuat model preset sesuai bus aktif di editor. Label sumber model menampilkan Preset bus .
-
Muat file mod sendiri.
Klik
Pilih file model
atau seret file ke area viewer. Format yang didukung:
.bussidmod, .modbussid, .glb, .gltf, .obj
.
- glTF dengan tekstur terpisah: pilih semua file (gltf, bin, tekstur) sekaligus.
- OBJ : sertakan file .mtl dan teksturnya.
- File diproses lokal di browser. Setelah selesai, statistik mesh, vertex, segitiga, material, dan tekstur muncul.
- Navigasi model. Seret untuk memutar, scroll atau cubit untuk zoom, geser dengan dua jari atau klik kanan, dan klik/ketuk dua kali untuk memfokuskan ke satu titik. Tombol Fit model dan Reset kamera mengembalikan sudut pandang. Tombol di pojok viewer: ⛶ layar penuh, ◐ ganti latar, ☼ tambah cahaya.
- Atur tampilan. Nyalakan atau matikan Grid dan Wireframe . Centang Bayangan , Dua sisi , Auto-putar , atau Balik tekstur V bila tekstur terlihat terbalik. Panel Pencahayaan & warna punya slider Matahari, Lingkungan, Eksposur, serta warna Latar dan Tint cat.
- Pilih bagian model. Buka Bagian model , gunakan kolom filter, tombol Semua / Tidak ada , atau centang tiap bagian. Bagian yang disembunyikan tidak ikut dibuat menjadi template UV.
- Uji livery di model. Klik Pilih livery PNG/JPG (atau seret gambar ke viewer), lalu nyalakan Pasang livery . Livery ke kaca menerapkannya ke material kaca yang berlivery. Livery dari Maker menarik desain terbaru dari editor. Kecocokan hasil tergantung UV model.
- Buat template UV. Template dibuat otomatis setelah model dimuat. Atur Resolusi (1024, 2048, atau 4096 px), Sertakan kaca , Balik UV vertikal (bila posisi terbalik), dan warna garis, lalu klik Buat ulang untuk memperbarui.
- Unduh hasilnya. Ada dua hasil: White Base (area UV terisi putih di latar transparan) dan UV Wireframe (garis mesh). Klik Download White Base atau Download UV Wireframe untuk menyimpan PNG.
-
Kirim ke editor.
- Send Template to Editor menjadikan UV Wireframe sebagai template di editor dan mengaktifkan Show Template . Ganti jenis bus untuk memuat ulang template bawaan.
- Send White Base as Layer menambahkan siluet putih sebagai layer logo yang memenuhi kanvas. Layer ini mengikuti mask bagian aktif, jadi ubah Target Part bila perlu.
- Kembali ke model preset. Klik Kembali ke preset bus untuk memakai model 3D bawaan sesuai jenis bus di editor.
CATATAN: Template akan menampilkan gambar putih saja dan UV Mesh menampilkan banyak coretan. Hal ini dikarenakan template dan uv saling bertumpuk satu sama lain, untuk kamu yang ingin mengedit template file modbussid dan khusus bagian body maka caranya adalah klik dibagian model dibawah pencahayaan dan warna yang ada dibawah sendiri, klik model lalu klik Tidak Ada.Hal ini akan uncentang semua aset yang membentuk tampilan 3d. Nah, tinggal centang saja bagian khusus body u yang ingin membuat livery khusus mod tersebut. Nah, biasanya sebuah file mod memiliki aset dengan jumlah banyak dan namanya beda-beda, maka sebagai tips silahkan centang dan uji coba satu persatu.Kan di tiap samping kanan aset kan ada angka yang beda-beda. Sebagai contoh misal aset yudistira hd di bagian model nanti akan ada nama aset HDBody dengan angka 1.3K sama dengan 1300. Kamu tinggal cari aja mana aset dengan angka terbanyak. Karena biasanya angka terbanyak itu adalah body livery. Silahkan centang satu persatu dan lihat di tampilan 3d. Kalau bentuk dan modelnya seperti kendaraan maka itu adalah aset livery. Silahkan edit dan kirim ke template editor.
Tips Agar Livery Rapi dan Tajam
- Gunakan PNG transparan untuk logo dan stiker.
- Aktifkan Snap Rotate agar logo lurus.
- Gunakan template UV sebagai panduan agar elemen desain tidak terpotong di sambungan bodi.
- Simpan project (.nmt) sebelum menutup halaman.
- Atur Export Size lebih besar untuk hasil yang lebih tajam.
FAQ
Apakah perlu memasang aplikasi tambahan?
Tidak. Editor dan viewer berjalan di browser. Viewer 3D memuat pustaka three.js dari CDN, jadi butuh koneksi internet.
Apakah file mod saya diunggah ke server?
Tidak. File model dibaca dan diproses di browser. Data hanya dikirim jika kamu menekan
Upload to ImgBB
untuk gambar livery.
Untuk apa template UV mesh?
Sebagai panduan posisi saat menggambar livery atau tekstur, agar desain pas di bodi model, terutama pada file mod yang
kamu miliki.
Kenapa livery terlihat terbalik atau tidak pas di model 3D?
Susunan UV tiap model berbeda. Coba
Balik tekstur V
di viewer atau
Balik UV vertikal
di bagian template UV.
Bus apa saja yang punya preview 3D?
Yudistira HD, Sadewa SHD, Nakula SHD, Srikandi SHD, Arjuna XHD, dan Bimasena SDD.
Bagaimana melanjutkan desain di lain waktu?
Simpan lewat
Save(.nmt)
, lalu buka lagi dengan
Load .nmt
.
