AIMP3 SKIN TUTORIAL. By: zetzu.blogspot.com. tutorial by:

Transkripsi

1 AIMP3 SKIN TUTORIAL By: zetzu.blogspot.com

2 ALAT YANG HARUS DISIAPKAN AIMP3 skin editor, digunakan untuk membuat skin Photoshop, digunakan untuk melayout menu Corel Draw (disini saya menggunakan Power Point 2013 sebagai pengganti alasannya objek yg dibuat bsa langsung di save ke format png), digunakan untuk membuat tombol menu Wallpaper Anime (kalau bisa, cari yang sudah berformat png dan full body) IDE dan NIAT (kalau gak ada keduanya, skinnya gak akan jadi :p) Catatan: Disini saya asumsikan kamu sudah bisa menggunakan photoshop, corel draw, dan powerpoint 2013.

3 LANGKAH PENGERJAAN Untuk membuat skin, pertama kamu harus memiliki ide skin apa yang mau kamu buat. buka Corel Draw atau PowerPoint 2013 Corel atau PPT 2013 digunakan untuk membuat tombol pada menu dan menu utama untuk menempatkan tombol. Kalau kamu sudah mahir photoshop, kamu bisa kerjakan ini langsung di photoshop. Untuk tombol yang berbentuk angka, biasanya saya tidak rubah karena sifatnya hanya sebagai pelengkap. Berikut tombol yang biasanya harus diubah atau dibuat. (gambar diambil dari skin bawaan aplikasi AIMP3 skin editor)

4 Menu Option Utility Minimize Stay on top Close Equalizer Sleep Play Stop Playlist Prev Next Open

5 Infobar Spectrum Mute Shuffle Repeat Switch Hide Seek bar Vol bar Stop Playlist Rating Slider Library

6 Menu Pick (15 x 30) Next list (52 x 13) Rating (48 x 12) Close Atas 1 (353 x 26) Atas 2 (311 x 15) Atas 4 (307 x 23) Kiri/Kanan (21 x 295) Border (3 x 16) Playlist (33 x 21) Atas 3 (311 x 23) Bawah 1 (311 x 43) Bawah 2 (353 x 12) Tabs (101 x 46) Border (4 x 13) Slider (9 x 11) Add Remove Misc Sort List Manager

7 Berikut contoh tombol yang saya buat: Play/ pause Seek bar Stop prev Menu Utama option utility

8 Atas 1 Tabs Atas 2 SLider border Border Playlist Atas 3 Atas 4 Kiri/kanan Bawah 2 Bawah 1

9 Setelah komponen dibuat, adalah masuk ke photoshop.. langkah selanjutnya Buat layer baru (ctrl+n) untuk ukuran menu utama ada 2, 1) 432 x 388 pixels untuk bentuk menu persegi dan 2) 695 x 480 pixels untuk bentuk menu persegi panjang Disini saya panjang. akan mencontohkan menu persegi Untuk mempermudah proses saat masuk program AIMP3 skin editor, layout menu utama sedemikian rupa sesuai ide dan kreatifitas kamu. Atur posisi wallpaper dan tombol yang kalian buat sedemikian rupa agar komposisinya pas. Berikut contoh layout menu utama yang saya buat.

10

11 Setelah selesai melayout menu, save hasil kerja kamu dengan format png. Kemudian buat kembali layout menu, tapi kali ini tanpa tombol, lalu save hasil kerja kamu dengan format png.

12 Tips: Untuk tombol, apabila kamu ingin tombol yang dibuat berubah warna atau bentuk 2x, maka susun tombol seperti contoh gambar dibawah ini: Apabila kamu ingin tombol yang dibuat berubah warna lebih dari 2x misal 4x, maka tinggal susun tombol yang kamu buat seperti contoh sebanyak 4x ke kanan. Khusus untuk seek bar dan vol bar, kamu susun tombol secara vertikal. Apabila kamu susun dengan secara horizontal, maka kamu harus melakukan perubahan settingan pada program AIMP3 (akan saya jelaskan nanti) Catatan: jarak antara masing-masing tombol harus sama. Simpan hasil tombol yang kamu buat dalam format png

13 Setelah semuanya siap, langkah terakhir adalah masuk ke program AIMP3 skin editor.

14 Saat pertama kali masuk program, kamu akan diberikan 2 pilihan dalam membuat skin, yaitu normal mode dan all-in one mode. Disini saya akan mencontohkan yang normal mode. Untuk skin editor sendiri sebenarnya ada beberapa item komponen yang harus diubah yaitu: Main menu, Dropwhell, TrayControl, QFI, Contex Menu Saya biasanya hanya mengubah Main Menu dan Dropwhell. Tapi apabila kamu ingin mengubah yang lain, caranya hampir sama dengan cara yang saya jelaskan seperti tutorial berikut.

15 Untuk mengganti komponen, kamu tinggal klik 2x komponen yang akan diganti dengan yang kamu buat tadi. (Saya disini menyarankan untuk mengubah mainclient terlebih dahulu sebelum mengganti komponen yang lain). Klik Load untuk mengganti, pilih menu utama yang sudah kamu buat tadi (pilih yang sudah ada tombolnya), kemudian klik OK

16 Setelah mainclient diganti, langkah selanjutnya adalah mengganti komponen lain seperti tombol. Caranya sama, klik 2x komponen yang diganti, pilih load

17 Yang perlu diperhatikan disini, apabila komponen yang kamu ganti terdiri dari 4 frame, sementara yang kamu buat terdiri dari 2 frame, maka kalian harus mengubah angka pada menu Frame sesuai dengan jumlah frame yang kamu buat. Setelah diubah, baru klik apply. Khusus untuk seek bar dan vol bar, skin bawaan program AIMP3 dibuat horizontal. Apabila seek bar yang kamu buat itu vertikal, maka kamu harus ubah Layout menjadi Vertical dan frame menyesuaikan dengan yang kamu buat (biasanya 2 frame)

18 Untuk ukuran komponen lain, kalian bisa lihat pada pojok kiri bawah saat kamu mengklik 2x komponen yang ingin diganti. Catatan lainnya, apabila kamu ingin menghilangkan komponen yang tidak penting, kamu tinggal klik delete. Tapi hati-hati saat ingin mendelete komponen, karena software AIMP3 skin editor tidak menyediakan fasilitas undo. Sekali kamu mendelete komponen, maka komponen yang kamu delete tidak bisa dikembalikan. Setelah setelah semua komponen diganti dan diatur sedemikian rupa, kamu ganti kembali mainclient, kali ini dengan layout yang tanpa tombol. Berikut contoh tampilan saat semua komponen sudah diganti.

19

20 Setelah selesai, langkah selanjutnya adalah menambah informasi untuk skin yang kamu buat. Klik Project -> Information About The Skin Tambahkan informasi untuk skin yang kamu buat seperti author, skin name, dll. Setelah selesai klik apply. Langkah selanjutnya, yaitu mem-build skin yang kamu buat agar bisa digunakan. Klik Project -> Build skin as.. Simpan sesuai dengan nama yang kamu inginkan. Sebelum keluar dari program, kalian klik file -> save project as.. Untuk menyimpan hasil kerja kamu.

21 Hasil skin yang kamu buat tadi kemudian taruh di c:\program files\aimp3\skins Buka AIMP3, kemudian klik main menu -> skin Pilih skin yang kamu buat tadi, kemudian apply

22 SEKIAN TUTORIAL SINGKAT YANG SAYA BUAT BAGI KAMU YANG INGIN MEMBUAT SKIN AIMP3 SENDIRI SEMOGA BERMANFAAT TUTORIAL BY: