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 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.
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)
Menu Option Utility Minimize
Stay on
top
Close
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 Sort
List
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 1
Bawah 2
Kiri/kanan
Setelah komponen dibuat, langkah selanjutnya
adalah masuk ke photoshop..
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 akan mencontohkan menu persegi
panjang.
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.
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.
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
Setelah semuanya siap, langkah terakhir adalah
masuk ke program AIMP3 skin editor.
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.
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
Setelah mainclient diganti, langkah selanjutnya adalah
mengganti komponen lain seperti tombol. Caranya sama, klik
2x komponen yang diganti, pilih load
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)
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.
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.
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
SEKIAN TUTORIAL SINGKAT YANG SAYA BUAT
BAGI KAMU YANG INGIN MEMBUAT SKIN AIMP3
SENDIRI
SEMOGA BERMANFAAT
TUTORIAL BY: WWW.ZETZU.BLOGSPOT.COM

Tutorial AIMP3

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tutorial AIMP3

Diunggah oleh

Hak Cipta:

Format Tersedia

AIMP3 SKIN

Anda mungkin juga menyukai