Apabila Mas Bro sekalian pada suatu saat ada yang berminat usaha dalam bidang Desain Web, CorelDRAW menyediakan menu untuk membuat Rollover yang biasanya difungsikan sebagai Link download dan itu hukumnya wajib harus dimengerti oleh seorang desainer Website.
Apa itu rollover..?
Rollover maksudnya adalah tombol yang apabila disorot mouse akan berubah warna atau bentuk.....
Contohnya seperti dibawah ini, coba sampeyan sorot gambarnya dengan mouse kemudian klik...;
Ok...! cara membuatnya sebagai berikut;
LANGKAH PERTAMA
Kita buat desain tombol, buat object kotak dengan Rectangle tool (F6)
Geser node pada salah satu pojok object kotak ke tengah dengan Shape tool (F10)
Gandakah dengan tekan tombol plus (+) pada Numpad 2 kali, sehingga object menjadi tiga dan saling tumpang tindih, dan atur sedemikian rupa, seperti gambar dibawah ini;
Beri warna ketiga object tersebut dengan Color Palette dan hapus Outline-nya, hasilnya seperti gambar dibawah ini;
Atur object sedemikian rupa dengan Tranparency tool;
sehingga akan tercipta gambar seperti dibawah ini;
Ketikkan tulisan "DOWNLOAD" dengan font sesuai dengan selera Mas Bro sekalian
LANGKAH KEDUA
Sekarang kita membuat Rollover, langkahnya sebagai berikut.
Pada Menu Bar klik Effects --> Rollover --> Create Rollover
Ulangi sekali lagi pada Menu Bar klik Effects --> Rollover --> Edit Rollover
Maka muncul Bar dari menu Rollover --> klik roll up Active Rollover State pilih OVER, kemudian ganti warna tulisan "DOWNLOAD" dengan warna putih.
Selanjutnya pilih DOWN, kemudian ganti warna tulisan "DOWNLOAD" dengan warna merah, yang terakhir kembali pada Menu Bar klik Effects --> Rollover --> Finish Editing Rollover
Selesai-lah sudah pekerjaan kita, dan jangan lupa Save/ Simpan desain tombol download yang sudah kita buat, kalau pada suatu saat nanti kita akan membuat desain website dengan CorelDRAW tinggal masukkan file tombol download apabila diperlukan.
Selamat mencoba.
BIAR GAK PENASARAN ...! ;
Hanya untuk menyakinkan Mas Bro sekalian, apabila sampeyan ingin mencoba seperti apa tampilan desain yang sudah kita buat? caranya adalah pada Menu Bar pilih File --> Export HTML... setelah tersimpan coba buka file dengan Browser pada komputer Mas Bro sekalian.... OK-kan....!
No comments:
Post a Comment