Cara Membuat Butang Animasi

Isi kandungan:

Cara Membuat Butang Animasi
Cara Membuat Butang Animasi

Video: Cara Membuat Butang Animasi

Video: Cara Membuat Butang Animasi
Video: Cara Membuat Animasi Butang Subscribe dan Lonceng di Hp Android | KINEMASTER TUTORIAL #1 2024, Mungkin
Anonim

Reka bentuk laman web sangat penting untuk bagaimana mereka akhirnya dapat dilihat oleh pengunjung. Orang harus merasakan keseronokan estetik ketika berada di halaman laman web ini, dan halaman ini harus sesuai dan berfungsi untuk mereka. Tidak ada laman web yang lengkap tanpa butang navigasi, dan laman web anda akan kelihatan berfungsi dan cantik pada masa yang sama jika anda membuat butang ini dianimasikan.

Cara membuat butang animasi
Cara membuat butang animasi

Arahan

Langkah 1

Butang grafik, tidak seperti butang teks, kelihatan di halaman dan mudah diingat oleh pembaca. Gunakan Corel Draw untuk membuat butang animasi. Buat dokumen baru dan lukiskan kosong di mana butang akan dipaparkan dalam beberapa paparan, baik dalam keadaan ditekan dan tidak ditekan.

Langkah 2

Untuk melukis butang, pilih alat yang sesuai dari kotak alat dan lukis segi empat bulat. Isi segi empat tepat dengan hitam, kemudian salin dan gerakkan salinan ke kiri dan ke atas. Isi segiempat tepat kedua dengan warna putih.

Langkah 3

Pada butang kosong, tulis namanya, tambahkan garis besar hitam pada teks. Jadikan teks menjadi putih. Sekarang buka menu Effects Rollover dengan menonjolkan butang dan klik pada pilihan Buat Rollover. Anda akan melihat Normal pada bar status Rollover.

Langkah 4

Sekarang, untuk menukar gambar butang, klik kanan padanya dan pilih pilihan Edit Rollover dalam menu konteks. Bar alat Internet baru akan dibuka. Lukiskan kedudukan butang tambahan, yang kemudian akan berubah satu demi satu, mewujudkan kesan animasi.

Langkah 5

Di sebelah kiri panel Internet, klik pada butang Over dan edit butang untuk membuang garis besar teks. Isi teks dengan hitam untuk membuat versi kedua dalam animasi. Sekarang tekan butang Bawah dan lukiskan butang versi terakhir semasa ditekan.

Langkah 6

Gerakkan teks dan segi empat putih ke bawah ke kanan, dan luncurkan segi empat hitam ke kiri. Sekarang klik pada butang Finish Editing Rollover.

Langkah 7

Simpan butang bersama dengan kod yang boleh anda gunakan untuk mengubah penampilan objek di laman web. Dengan cara ini, anda boleh menarik sebarang jenis butang dengan reka bentuk apa pun.

Disyorkan: