CARA MUDAH MEMBUAT TOMBOL DOWNLOAD DENGAN MENU ROLLOVER DI CORELDRAW

loading...

Sunday, November 13, 2016

CARA MUDAH MEMBUAT TOMBOL DOWNLOAD DENGAN MENU ROLLOVER DI CORELDRAW


Apa itu rollover?

Rollover maksudnya adalah  tombol yang apabila disorot mouse akan berubah warna atau bentuk.
 
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.

0 comments :

Post a Comment