Tutorial membuat splash screen menggunakan adobe animate cc 2018

Assalamualaikum 😊

Postingan kali ini aku mau buat tutorial membuat splash screen untuk laptop. Software yang perlu kalian siapkan adalah “Adobe Animate”. Kalau kalian belum punya kalian bisa download dulu di kyuhaa.com atau klik link di sini.

Kalau kalian lebih suka nonton video daripada bawa tutorial gini kalian juga lihat video di bawah ini

Video tutorial klik aja.

Langsung aja, langkah pertama adalah kalian harus membuka aplikasi kalian.

Setelah muncul tampilan seperti di atas terus kalian pilih yang Action Script 3.0

Kalau udah kalian pilih ukurannya dulu. Sesuai sama keinginan kalian ya.

Selanjutnya kalian bisa atur warna background kalian. Sesuai warna yang kalian inginkan.

Kalau udah tinggal klik OK.

Tampilan kalian akan seperti ini. Buat kalian yang tadi belum sempat buat ganti warna background kalian juga bisa ganti di sini. Caranya klik di kotak putih kalian. Terus klik stage kaya di gambar bawah ini

Selanjutnya tinggal milih warna yang kalian mau

Kalau udah sesuai dengan pilihan kalian, kalian klik di kotak warnanya. Contohnya kalian pengen pink. Kotak pink kalian klik.

Hasil akhirnya akan seperti gambar di atas.

Kalau udah kalian kasih tulisan atau gambar atau apapun yang nanti bakal jadi tampilan depan splash screen kalian

Ini adalah gambar yang saya buat. Langkah selanjutnya adalah membuat layer kedua untuk menaruh script kode kalian.

Klik di pojok kiri bawah layer seperti yang lagi ditunjuk sama kursor di atas dan layer kalian akan jadi dua sekarang.

Selanjutnya adalah kita perlu membuat frame kedua untuk tampilan setelah spash screen kalian selesai ditampilkan.

Caranya klik di kotak sebelahnya frame pertama terus klik insert blank key frame. Ini digunakan untuk menambahkan frame baru tapi tanpa konten gitu.

Lakukan hal yang sama untuk layer kedua kalian.

Setelah itu buat tampilannya juga. Kontennya kita isi di layer 1 ya. Untuk mempemudah aja karena layer 2 kita pakai untuk script.

Ini tampilan yang saya buat.

Selanjutnya kita tambahi script. Mulai dari frame pertama ya. Klik layer 1 di frame pertama. Terus klik Action.

Selanjutnya kalian salin script di gambar bawah ini ya

stop();

var waktu: Timer=new Timer(3000,1);

waktu.addEventListener(TimerEvent.TIMER, tunda);

function tunda(TimerEvent):void

{

Play();

}

Waktu.start();

Selanjutnya kita ke frame kedua, lakukan hal yang sama ya. Kalau udah kalian isi scriptnya dengan ini

stop();

terakhir, tinggal kita publish deh

caranya, klik file di pojok kiri atas terus klik di publish setting.

Selanjutnya kita akan ditampilkan tampilan seperti ini,

Kalian ceklist di win projector sama di flash. Kalau udah kalian bisa ganti nama projek kalian dan tempat penyimpanannya.

Terakhir tinggal klik publish.

Selesai…..