Membuat Gambar Hover

[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.]

Gambar utama kulit ini adalah dua tombol yang duduk di oval. Untuk memberi pengguna petunjuk tentang apa yang harus dilakukan, Anda dapat menambahkan gambar hover. Ini adalah gambar alternatif yang ditampilkan saat pengguna mengarahkan mouse ke atas tombol. Tombol hover juga akan berisi simbol kontrol putar dan hentikan VCR sehingga pengguna akan tahu persis apa yang dapat mereka lakukan. Dengan menggunakan gambar hover, Anda dapat membuat skin artistik yang kompleks, mendandani diri sendiri.

Untuk membuat gambar hover, Anda harus mengambil dua tombol yang Anda buat untuk file seni utama, menyalinnya ke lapisan baru, dan menambahkan lapisan lebih lanjut untuk teks. Gunakan langkah-langkah berikut:

1. Salin lapisan tombol Tutup dan ganti namanya menjadi "Tutup hover".
2. Gunakan Pemilih Warna untuk membuat warna latar depan kuning muda (#CCFF33). Ini dipilih untuk kontras dengan warna tombol. Kemudian gunakan alat Paint Bucket untuk mengisi bagian dalam lingkaran di lapisan Tutup hover.
3. Salin lapisan tombol Putar dan ganti namanya menjadi "Putar melayang".
4. Gunakan alat Paint Bucket untuk mengisi bagian dalam lingkaran di lapisan Hover Play dengan warna yang sama dengan lingkaran Close hover.
5. Buat lapisan baru dan beri nama "Tutup persegi". Gunakan Pemilih Warna untuk membuat warna latar depan biru tua. Gunakan alat pena untuk menggambar persegi, mengubahnya menjadi pilihan, mengisinya, dan menghapus jalur. Menggunakan alat Pindahkan, pindahkan persegi dan tengahkan ke tombol Tutup hover.
6. Buat lapisan baru dan beri nama "Putar segitiga". Gunakan alat pena untuk membuat segitiga untuk "Putar" menggunakan teknik yang sama dengan yang Anda lakukan untuk membuat lapisan persegi Tutup. Tengahkan di atas tombol Putar hover.

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

Mainkan segitiga

Tutup persegi

Putar melayang

Tutup hover

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 hover.bmp ini. Pilih pengaturan default dan simpan file.

File hover art Anda akan terlihat seperti ilustrasi berikut.

Tombol hover kuning akan ditampilkan sebagai pengganti tombol normal. Jika Anda mengarahkan mouse ke atas tombol kanan di kulit Anda, tombol kuning berlabel "Putar" akan muncul, dan jika Anda mengarahkan mouse ke atas tombol kiri, pengguna akan melihat "Tutup". Dua gambar hover tidak akan pernah ditampilkan pada saat yang sama, karena mouse tidak dapat mengarahkan kursor ke kedua tombol secara bersamaan. Anda harus menyalakan hovering dan memiliki file hover art yang cocok dengan area file pemetaan ke area file hover.

Saat Anda menyimpan file, nama file yang Anda pilih nantinya akan digunakan sebagai nilai untuk atribut hoverImage dari elemen BUTTONGROUP dalam file definisi kulit Anda.

Topik terkait

Membangun Kulit Pertama Anda