Menu Dasar

Copy file yang akan kita jalankan di browser ke xampp - htdocs ( Misal Animasi ).
Lalu untuk menjalankan di browser ketikan Localhost/Animasi.
Buatlah sebuah folder untuk penempatan gambarnya di file HTML ( jika menggunakan gambar ), nama gambar harus sesuai dengan coding scriptnya

Terdapat 2 format filenya .CSS dan .HTML

Coding script .CSS menu_dasar

Coding script .HTML menu_dasar

Jika selesai maka seperti ini tampilan Animasi Menu Background setelah di jalankan di browser

Menu Animasi Ikon

Copy file yang akan kita jalankan di browser ke xampp - htdocs ( Misal Animasi ).
Lalu untuk menjalankan di browser ketikan Localhost/Animasi.
Buatlah sebuah folder untuk penempatan gambarnya di file HTML, beserta nama gambar harus sesuai dengan coding scriptnya. Misal folder gambar lalu letakan di dalamnya

Terdapat 2 format filenya .CSS dan .HTML

Coding script .CSS menu_animasi_ikon

Coding script .HTML menu_animasi_ikon

Jika selesai maka seperti ini tampilan Animasi Menu Background setelah di jalankan di browser

Menu Animasi Fade

Copy file yang akan kita jalankan di browser ke xampp - htdocs ( Misal Animasi ).
Lalu untuk menjalankan di browser ketikan Localhost/Animasi.
Buatlah sebuah folder untuk penempatan gambarnya di file HTML ( jika menggunakan gambar ), nama gambar harus sesuai dengan coding scriptnya

Terdapat 2 format filenya .CSS dan .HTML

 Coding script .CSS menu_animasi_fade

Coding script .HTML menu_animasi_fade

Jika selesai maka seperti ini tampilan Animasi Menu Background setelah di jalankan di browser

Menu Animasi Border

Copy file yang akan kita jalankan di browser ke xampp - htdocs ( Misal Animasi ).
Lalu untuk menjalankan di browser ketikan Localhost/Animasi.
Buatlah sebuah folder untuk penempatan gambarnya di file HTML ( jika menggunakan gambar ), nama gambar harus sesuai dengan coding scriptnya

Terdapat 2 format filenya .CSS dan .HTML

Coding script .CSS menu_animasi_border
Coding script .HTML menu_animasi_border
Jika selesai maka seperti ini tampilan Animasi Menu Background setelah di jalankan di browser

Menu Animasi Background

Copy file yang akan kita jalankan di browser ke xampp - htdocs ( Misal Animasi ).
Lalu untuk menjalankan di browser ketikan Localhost/Animasi.
Buatlah sebuah folder untuk penempatan gambarnya di file HTML, beserta nama gambar harus sesuai dengan coding scriptnya. Misal folder gambar lalu letakan di dalamnya

Terdapat 2 format filenya .CSS dan .HTML

Coding script .CSS menu_animasi_background

Coding script .HTML menu_animasi_background

Jika selesai maka seperti ini tampilan Animasi Menu Background setelah di jalankan di browser

Pembuatan Kuis ( Soal-Soal )

Kali ini kita sampai di Pembuatan Soal-Soal Pilihan Ganda. untuk pembuatanya mungkin sedikit rumit dari script coding yang saya gunakan. disini kita akan membuat sebanyak 5 Timeline dari 1 Layer yang kita gunakan, dimana dalam satu soal yang kita pilih kita akan pindah ke halaman selanjutnya/Timeline selanjutnya. Berikut cara langkah-langkah pembuatanya :

Pembuatan Animasi Loading

Disini kita akan membuat sebuah Animasi Loading, Dimana Loading sering kita temukan di berbagai aplikasi yang sering kita gunakan seperti membuka Games dll. selain itu untuk jenis dan tipe-tipe Loading nya pun bervarian, dan kali ini adalah Animasi Loading versi kami :

Buatlah sebuah tulisan Loading dengan jumlah titik nya sebanyak 5X di Layer 1 dan Buatlah sebuah objek Apel di Layer 2. Untuk tulisan Loadingnya kita Blok dulu lalu Ctrl+B agar terpisah

 

 

Dan di masing-masing Layer, Layer 1 dan Layer 2, pada Frame ke dua langsung Insert Keyframe saja. Untuk titiknya di tulisan Loading kita hapus sisakan 1, 2, 3, 4, 5 bertahap per Frame hingga sampai Frame terakhir.

Untuk di bagian Layer 2 yang Apel sama, Insert Keyframe lalu objek Apel kita kurangi bertahap hingga sampai Frame terakhir menggunakan Eraser Tool.

Seperti Contoh gambar :

Lanjutkan sampai Frame akhir. Jika sudah tekan Ctrl+Enter