tutorial aimp3

AIMP3 SKIN TUTORIAL

By: zetzu.blogspot.com

tutorial by: www.zetzu.blogspot.com

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 bsalangsung di save ke format png), digunakan untukmembuat tombol menu

Wallpaper Anime (kalau bisa, cari yang sudahberformat png dan full body)

IDE dan NIAT (kalau gak ada keduanya, skinnya gakakan jadi :p)

Catatan: Disini saya asumsikan kamu sudah bisamenggunakan photoshop, corel draw, dan powerpoint2013.


LANGKAH PENGERJAANUntuk membuat skin, pertama kamu harus memiliki ideskin apa yang mau kamu buat.

buka Corel Draw atau PowerPoint 2013

Corel atau PPT 2013 digunakan untuk membuat tombolpada menu dan menu utama untuk menempatkantombol. Kalau kamu sudah mahir photoshop, kamu bisakerjakan ini langsung di photoshop. Untuk tombol yangberbentuk angka, biasanya saya tidak rubah karenasifatnya hanya sebagai pelengkap.

Berikut tombol yang biasanya harus diubah atau dibuat.(gambar diambil dari skin bawaan aplikasi AIMP3 skineditor)


Menu Option Utility MinimizeStay on

topClose

Play Stop Playlist Prev Next Open

Equalizer

Sleep


Infobar Spectrum Mute Shuffle Repeat Switch

Vol bar Stop Playlist Rating Slider Library

Hide

Seek bar


Menu Close

Atas 1(353 x 26)

Atas 2(311 x 15)

Atas 3(311 x 23)

Tabs(101 x 46)

Atas 4(307 x 23)

Kiri/Kanan(21 x 295)

Bawah 1(311 x 43)

Bawah 2(353 x 12)

Border(4 x 13)

Slider(9 x 11)

Border(3 x 16)

Playlist(33 x 21)

Add Remove Misc SortList

Manager

Pick(15 x 30)

Next list(52 x 13)

Rating(48 x 12)


Berikut contoh tombol yang saya buat:

Menu Utama

Play/pause

Seek bar

Stop

prev

option

utility


Atas 1

Tabs

Atas 2

SLider

border

Border

Playlist

Atas 3

Atas 4

Bawah 1Bawah 2

Kiri/kanan


Setelah komponen dibuat, langkah selanjutnyaadalah masuk ke photoshop..

Buat layer baru (ctrl+n)

untuk ukuran menu utama ada 2, 1) 432 x 388 pixelsuntuk bentuk menu persegi dan 2) 695 x 480 pixelsuntuk bentuk menu persegi panjang

Disini saya akan mencontohkan menu persegipanjang.

Untuk mempermudah proses saat masuk programAIMP3 skin editor, layout menu utama sedemikianrupa sesuai ide dan kreatifitas kamu. Atur posisiwallpaper dan tombol yang kalian buat sedemikianrupa agar komposisinya pas.

Berikut contoh layout menu utama yang saya buat.


Setelah selesai melayout menu, save hasil kerja kamu dengan format png.

Kemudian buat kembali layout menu, tapi kali initanpa tombol, lalu save hasil kerja kamu denganformat png.


Tips:

Untuk tombol, apabila kamu ingin tombol yang dibuatberubah warna atau bentuk 2x, maka susun tombol seperticontoh gambar dibawah ini:

Apabila kamu ingin tombol yang dibuat berubah warna lebihdari 2x misal 4x, maka tinggal susun tombol yang kamu buatseperti contoh sebanyak 4x ke kanan.

Khusus untuk seek bar dan vol bar, kamu susun tombol secaravertikal. Apabila kamu susun dengan secara horizontal, makakamu harus melakukan perubahan settingan pada programAIMP3 (akan saya jelaskan nanti)

Catatan: jarak antara masing-masing tombol harus sama.Simpan hasil tombol yang kamu buat dalam format png


Setelah semuanya siap, langkah terakhir adalahmasuk ke program AIMP3 skin editor.


Saat pertama kali masuk program, kamu akandiberikan 2 pilihan dalam membuat skin, yaitunormal mode dan all-in one mode. Disini saya akanmencontohkan yang normal mode.

Untuk skin editor sendiri sebenarnya ada beberapaitem komponen yang harus diubah yaitu:

Main menu, Dropwhell, TrayControl, QFI, ContexMenu

Saya biasanya hanya mengubah Main Menu danDropwhell. Tapi apabila kamu ingin mengubah yanglain, caranya hampir sama dengan cara yang sayajelaskan seperti tutorial berikut.


Untuk mengganti komponen, kamu tinggal klik 2x komponenyang akan diganti dengan yang kamu buat tadi. (Saya disinimenyarankan untuk mengubah mainclient terlebih dahulusebelum mengganti komponen yang lain). Klik Load untukmengganti, pilih menu utama yang sudah kamu buat tadi(pilih yang sudah ada tombolnya), kemudian klik OK


Setelah mainclient diganti, langkah selanjutnya adalahmengganti komponen lain seperti tombol. Caranya sama, klik2x komponen yang diganti, pilih load


Yang perlu diperhatikan disini, apabila komponen yangkamu ganti terdiri dari 4 frame, sementara yang kamubuat terdiri dari 2 frame, maka kalian harus mengubahangka pada menu Frame sesuai dengan jumlah frameyang kamu buat. Setelah diubah, baru klik apply.

Khusus untuk seek bar dan vol bar, skin bawaan programAIMP3 dibuat horizontal. Apabila seek bar yang kamubuat itu vertikal, maka kamu harus ubah Layout menjadiVertical dan frame menyesuaikan dengan yang kamubuat (biasanya 2 frame)


Untuk ukuran komponen lain, kalian bisa lihat pada pojok kiribawah saat kamu mengklik 2x komponen yang ingin diganti.

Catatan lainnya, apabila kamu ingin menghilangkankomponen yang tidak penting, kamu tinggal klik delete. Tapihati-hati saat ingin mendelete komponen, karena softwareAIMP3 skin editor tidak menyediakan fasilitas undo. Sekalikamu mendelete komponen, maka komponen yang kamudelete tidak bisa dikembalikan.

Setelah setelah semua komponen diganti dan diatursedemikian rupa, kamu ganti kembali mainclient, kali inidengan layout yang tanpa tombol.

Berikut contoh tampilan saat semua komponen sudah diganti.


Setelah selesai, langkah selanjutnya adalahmenambah informasi untuk skin yang kamu buat.

Klik Project -> Information About The Skin

Tambahkan informasi untuk skin yang kamu buatseperti author, skin name, dll. Setelah selesai klikapply.

Langkah selanjutnya, yaitu mem-build skin yangkamu buat agar bisa digunakan.

Klik Project -> Build skin as..

Simpan sesuai dengan nama yang kamu inginkan.

Sebelum keluar dari program, kalian klik file -> saveproject as.. Untuk menyimpan hasil kerja kamu.


Hasil skin yang kamu buat tadi kemudian taruh dic:\program files\AIMP3\skins

Buka AIMP3, kemudian klik main menu -> skin

Pilih skin yang kamu buat tadi, kemudian apply


SEKIAN TUTORIAL SINGKAT YANG SAYA BUAT

BAGI KAMU YANG INGIN MEMBUAT SKIN AIMP3

SENDIRI

SEMOGA BERMANFAAT

TUTORIAL BY: WWW.ZETZU.BLOGSPOT.COM

tutorial aimp3

Documents