Facebook Ilmuwebsite

Tutorial Flash : Membuat Animasi Transisi Bagian 1

Assalamu'alaikum.

Bagaimana kabar Anda hari ini? Semoga Anda dalam keadaan sehat... dan selalu tetap bersemangat dalam belajar.... sedikit pesan bagi Anda untuk tetap jaga kondisi kesehatannya agar selalu bersemangat dalam beraktifitas... karena saat ini sudah masuk perubahan musi, biasanya kalo kita tidak pandai2 jaga kondisi akan mudah terserang penyakit... bayangkan jika para pembaca jatuh sakit pasti pembaca sekalian tidak akan dapat mengikuti tutorial ini karena harus istirahat... jadi jaga kesehatannya.OK :)

Ok. baik kali ini saya akan melanjutkan kembali tutorial adobe flash yang sudah dinanti-nanti oleh para pembaca semuanya...

Kali ini saya akan bahas tentang pembuatan animasi motion tween dengan menggunakan Adobe Flash, walaupun sebelumnya pernah diposting juga dalam bentuk video, namun kali ini saya akan kemas dalam bentuk tulisannya. Adapun contoh animasi yang saya buat adalah animasi transisi slide gambar...

Sengaja saya ambil contoh slide gambar, karena ini akan sangat cocok sekali bagi para pembaca yang ingin mengabadikan foto2 kenangannya dimuat dalam bentuk slide. jadi anda dapat membuat slide dengan kreatifitas sendiri tentu itu pasti akan sangat menyenangkan bukan...

sebagai gambaran dibawah ini adalah contoh slide gambar yang akan diuat.



slide gambar diatas dibuat dengan menggunakan  animasi motion tween, yang dipadukan dengan color effect dan filter.

ok baik sekarang mulai pada tahap pembuatannya...

Tahap Awal membuat bingkai slide.

1.         Buat dokumen baru dengan ukuran 700px x 480px. Lalu simpan file dan berinama “Animasi Transtition.fla”.


2.         Buatlah gambar kotak dengan menggunakan Rectangle Tool. ukuran gambar samakan dengan ukuran stage yaitu 700 x 480.

3.         Atur warna kotak dengan warna jenis Radial Gradient.



4    Pilih Gradient Transformtool, geser posisi gradient ke ujung atas bagian kiri kotak, seperti telihat pada gambar.




5.         Buat gambar kotak baru dan beriwarna yang berbeda dengan type warna solid.




6.         Posisikan gambar kotak  kedua seperti gambar dibawah ini.



7.         Lalu hapus lagi gambar kotak kedua tadi dengan menekan tombol delete pada keyboard.

8.         Sehingga kotak pertama menjadi bolong.


9.         Buat layer baru kemudian berinama shadow, posisi layer berada diatas layer yang pertama.



10.     Buat gambar lingkaran dengan menggunakan ovale tool, gambar dbuat dengan mode shape.



11.     Convert gambar menjadi symbol movie clip, dengan cara mengklik kanan pada gambar kemudian pilih convert to symbol.



12.     Lalu akan muncul tampilan convert to symbol, disini anda pilih typenya movie clip, kemudian berinama shadow_mc. Jika sudah tekan OK


13.     Berikan efek filter Blur pada objek lingkaran dengan nilai blur X 100, blur Y 5 dan Quality-nya High.





14. Berikan color style alpha pada objek lingkaran, dengan nilai alpha 50%;







ok tahap pembuatan bingkai slide sudah selesai...



selanjutnya kita menuju ke tahap pembuatan animasi slidenya, yang insya Allah akan dibahas pada artikel selanjutnya... harap bersabarya para pembaca sekalian...

Adi L. Hadisaputra



Posting Komentar

0 Komentar