Membuat File Seni Utama

[Fitur yang terkait dengan halaman ini, Pemutar Media Windows SDK, adalah fitur warisan. Ini telah digantikan oleh MediaPlayer. MediaPlayer telah dioptimalkan untuk Windows 10 dan Windows 11. Microsoft sangat menyarankan agar kode baru menggunakan MediaPlayer alih-alih Pemutar Media Windows SDK, jika memungkinkan. Microsoft menyarankan agar kode yang ada yang menggunakan API warisan ditulis ulang untuk menggunakan API baru jika memungkinkan.]

File seni utama akan berisi seni yang pertama kali dilihat pengguna kulit Anda. Dalam hal ini, Anda akan membuat gambar di berbagai lapisan program seni Anda. Alasan untuk menggunakan lapisan adalah bahwa Anda akan menyalin lapisan tertentu nanti untuk membuat file peta dan file seni alternatif.

Untuk membuat file seni utama, Anda akan membuat lapisan berikut dalam urutan berikut:

Lapisan latar belakang kulit

Ini adalah warna yang akan transparan ketika kulit ditampilkan. Buat lapisan untuk ini terlebih dahulu, tetapi pilih warna akhir lapisan ini setelah Anda memilih warna untuk lapisan kontainer kulit. Warna ini harus mirip dengan, tetapi tidak sama dengan, lapisan kontainer kulit, untuk menyembunyikan efek anti-aliasing.

Lapisan kontainer kulit

Ini adalah gambar yang akan membentuk kerangka kulit Anda dan akan menjadi apa yang dilihat pengguna. Ini juga akan menjadi kontainer untuk dua tombol dalam contoh ini. Anggap kulit Anda sebagai kontainer untuk kontrol antarmuka pengguna seperti tombol, slider, dan sebagainya. Dalam contoh ini, kontainer adalah oval kuning.

Putar dan Tutup lapisan tombol

Ini adalah dua kontrol antarmuka pengguna yang digunakan contoh ini. Anda akan menempatkannya di lapisan terpisah sehingga Anda dapat dengan mudah menyesuaikannya atau menyalinnya nanti.

Sebelum membuat lapisan, Anda harus membuat file yang akan menyimpan lapisan Anda. Mulai Photoshop dan buat file baru dengan lebar 100 piksel tinggi dan 200 piksel. File yang digunakan untuk membuat art untuk sampel ini disebut tiny.psd dan disertakan dengan SDK.

Semua instruksi diberikan dalam hal Photoshop, tetapi program seni lainnya dapat digunakan untuk membuat skin selama Anda dapat menyimpan ke salah satu format file yang didukung oleh Pemutar Media Windows (BMP, GIF, JPG, dan PNG). Anda akan menemukan kreasi kulit lebih mudah jika Anda menggunakan program seni yang memiliki lapisan, seperti Adobe Photoshop, Jasc Paint Shop Pro, atau Jedor Viscosity. Lapisan sangat berguna karena gambar harus diselaraskan dengan benar untuk pemetaan gambar dan tampilan gambar alternatif.

Lapisan Latar Belakang Kulit

Buat lapisan baru dan beri nama "Latar belakang kulit". Ini akan menjadi warna transparansi yang akan Anda tentukan dalam file definisi kulit. Tunggu hingga warna untuk wadah kulit dipilih sebelum mengisi lapisan latar belakang kulit dengan warna tertentu.

Lapisan Kontainer Kulit

Selanjutnya buat lapisan baru dan sebut saja "Kontainer kulit". Ini akan menentukan tepi kulit Anda dan akan menjadi kontainer untuk tombol.

Pilih warna latar depan untuk bentuk tersebut, menggunakan pengguncur warna Web. Dalam contoh ini, warna "#DBDD11" dipilih.

Selanjutnya buat bentuk oval. Cara termampu adalah dengan menggunakan alat Eliptical Marquee dan membuat pilihan oval. Ketika Anda telah membuat pilihan oval yang merupakan ukuran dan bentuk yang Anda inginkan, isi pilihan dengan warna latar depan dan batalkan pilihan.

Terakhir, untuk membuat tampilan ini sedikit lebih menarik, terapkan efek lapisan Bevel dan Emboss dengan nilai default.

Lapisan kontainer kulit Anda akan terlihat seperti ilustrasi berikut.

Warna Kulit Latar Belakang

Sekarang setelah Anda memilih warna latar depan untuk bentuk wadah kulit Anda, Anda dapat memilih warna yang sama untuk lapisan latar belakang kulit Anda. Anda tidak ingin warna yang sama persis, atau kontainer kulit Anda juga akan transparan. Bahkan, pastikan Anda tidak menggunakan warna yang tepat ini di tempat lain di kulit Anda, bahkan dalam foto, karena di mana pun warna ini muncul, gambar desktop akan muncul sebagai gantinya.

Anda ingin warna yang dekat dengan warna wadah kulit untuk menghindari efek anti-aliasing. Misalnya, jika Anda memiliki latar belakang hitam, beberapa bit hitam mungkin muncul di sekitar tepi kulit Anda. Dengan memilih warna yang dekat dengan warna kontainer kulit, setiap piksel menyimpang yang muncul dalam proses anti-aliasing akan tidak diketahui.

Anti-aliasing adalah proses menghaluskan tepi bentuk miring atau melengkung. Anti-aliasing menciptakan warna baru, untuk piksel di sepanjang tepi bentuk, yang merupakan perpaduan warna latar depan dan warna latar belakang. Beberapa warna di antara ini dapat menyebabkan piksel terlewatkan ketika warna latar belakang dibuat transparan.

Lapisan latar belakang kulit Anda akan terlihat seperti ilustrasi berikut.

Putar dan Tutup Lapisan Tombol

Buat lapisan baru dan beri nama "Tombol tutup". Menggunakan alat pemilihan Eliptical Marquee lagi, buat lingkaran dan posisikan di sisi kiri gambar keseluruhan. Aktifkan visibilitas file kontainer kulit untuk membantu menempatkan pilihan.

Ketika Anda puas dengan penempatan, isi pilihan dengan warna apa pun (kecuali warna wadah kulit atau latar belakang kulit). Dalam contoh ini, warna ungu dipilih. Anda tidak perlu mengingat jumlah warna. Kemudian batalkan pilihan dan terapkan efek lapisan Bevel dan Emboss default lainnya. Jika Anda ingin menerapkan efek non-lapisan pada tombol Anda, buat salinan asli untuk digunakan nanti dalam pemetaan.

Tombol Tutup akan terlihat seperti ilustrasi berikut.

Buat lapisan baru dan beri nama "Tombol putar". Gunakan teknik yang sama dengan yang Anda lakukan untuk tombol Tutup, tetapi beri warna yang berbeda. Dalam hal ini, warna tombol merah muda dipilih, tetapi warna apa pun dapat digunakan selama warnanya tidak sama dengan wadah kulit (karena akan berbaur ke dalam kontainer) atau warna latar belakang kulit (karena akan menjadi transparan).

Tombol Putar akan terlihat seperti ilustrasi berikut.

Gabungkan Lapisan dan Simpan

Anda sekarang siap untuk membuat file seni utama. Sembunyikan semua lapisan lalu perlihatkan hanya lapisan berikut, dalam urutan ini (atas ke bawah):

Tombol Putar

Tombol Tutup

Kontainer kulit

Latar belakang kulit

Simpan ke file baru menggunakan perintah Simpan Salin dari menu File. Pilih opsi BMP di bagian Simpan Sebagai dari kotak dialog Simpan Salin dan ketik nama file yang akan Anda rujuk nanti di file definisi kulit Anda. Idealnya Anda harus menyimpan ini di direktori yang sama dengan file definisi kulit Anda. Misalnya, Anda dapat memanggil background.bmp ini. Pilih pengaturan default dan simpan file.

File seni utama Anda akan terlihat seperti ini:

Anda akan menggunakan nama file ini sebagai nilai untuk atribut backgroundImage dari elemen VIEW dalam file definisi kulit Anda.

Topik terkait

Membangun Kulit Pertama Anda