Senin, 14 September 2015

Membuat Animasi Kupu-Kupu Dengan Macromedia Flash


Kali ini saya akan berbagi bagaimana cara membuat animasi kupu-kupu dengan macromedia flash. Disini objek yang kita buat bergerak yaitu pada bagian sayap nya. Berikut merupakan langkah-langah nya :
Langkah awal, buatlah terlebih dahulu kerangka sayap dari kupu-kupu, kurang lebih seperti gambar dibawah ini:
Kemudian copy kerangka sayap tersebut dan pastekan, setelah itu transform sayap kupu-kupu yang telah dipaste tadi di menu modify > transform > flip horizontal. Sehingga gambarnya nanti menjadi seperti dibawah ini.
Setelah itu buatlah kerangka badan dari kupu- kupu menggunakan oval tool kemudian gabungkan badan kupu-kupu dengan sayapnya tadi, setelah itu block semua bagian kerangka dari kupu-kupu kemudian klik tomlol Ctrl + Shift + D dan pindahkan  layer 4 ( layer dari badan kupu-kupu ), diatas 2 layer dari sayap kupu-kupu, sehingga hasilnya nanti kurang-lebih seperti gambar dibawah ini.
Setelah itu blok lagi semua kerangka kupu-kupu, kemudian pilih menu insert > conver to symbol (F8) , kemudian beri nama kupu-kupu. Kemudian klik 2x objek kupu-kupu tersebut. Untuk mempermudah ubalah nama dari masing-masing layer nya.

Klik bagian badan dari kupu-kupu, kemudian klik kanan pada Frame ke 5 dan pilih insert frame.
Setelah itu blok frame 1 pada kedua sayap kupu- kupu kemudian klik kanan dan pilih create motion tween.
Kemudian pilih sayap kupu-kupu yang sebelah kiri dan pilih free transform kemudian pindah kan titik sumbu sayap kiri ke tengah-tengah badan dari kupu-kupu. Lakukan ini juga kepada sayap sebelah kanan.
Setelah itu blok frame ke 6 pada kedua layer sayap kupu-kupu kemudian klik kanan dan pilih insert keyframe.
Blok pada frame ke 3 pada kedua layer sayap kupu-kupu dan pilih insert keyframe. Dan klik kanan pada frame ke 6 pada badan kupu-kupu kemudian insert frame. 
Setelah itu arahkan kursor pada fram 3 kedua sayap kupu-kupu dan kemudian kecilkan kedua yap kupu-kupu tersebut dengan free transform kemudian kecilkan dan hasilnya kurang lebih seperti gambar dibawah ini.
Setelah itu klik kanan kemudian pilih insert frame pada frame ke 6 untuk layer satu, kemudian klik kanan lagi dan pilih action. Nanti akan muncul form action dan pilih movie control kemudian pilih goto.
Untuk mengetes hasil tadi pilih menu control > test movie. Dan untuk menyimpan pilih menu export movie.

<iframe width="640" height="360" src="https://www.youtube.com/embed/WEWYRyPFgIE" frameborder="0" allowfullscreen></iframe>

Cara Membuat Motion Shape Pada Macromedia Flash

“Cara Membuat Motion Shape Pada Macromedia Flash”

1. Bukalah aplikasih “Macromedia Flash” dan ini adalah tampilan halaman pada Macromedia Flash
Screenshot - 4_27_2013 , 9_23_47 PM
2. Pilih dan klik “Oval Tool”
Screenshot - 4_27_2013 , 9_23_57 PM
3. Buatlah lingkaran dibagian kiri halaman
Screenshot - 4_27_2013 , 9_24_11 PM
4. Lalu klik dibagian frame 25
Screenshot - 4_27_2013 , 9_24_23 PM
5. Lalu klik kanan dan pilih “Insert Keyframe”
Screenshot - 4_27_2013 , 9_24_33 PM
6. Ini adalah tampilan lingkaran saat di insert keyframe
Screenshot - 4_27_2013 , 9_24_43 PM
7. Pilih dan klik “Text Tool” untuk membuat text yang akan dijadian motion shape
Screenshot - 4_27_2013 , 9_24_53 PM
8. Lalu tulislah text yang akan anda buat dihalaman lembar kerja
Screenshot - 4_27_2013 , 9_25_45 PM
9. Lalu tekan tombol ctrl + b
Screenshot - 4_27_2013 , 9_26_29 PM
10. lalu tekan kembali tombol ctrl + b untuk kedua kalinya sampai tampilan pada lingkaran dan tulisan menjadi seperti yang ada digambar
Screenshot - 4_27_2013 , 9_26_51 PM
11. lalu arahkan kursor pada layer ke 10 dan klik, maka tulisannya akan hilang
Screenshot - 4_27_2013 , 9_27_19 PM
12.  Lalu pilih “tween” dibagian bawah dan pilih “shape”
Screenshot - 4_27_2013 , 9_27_35 PM
13. Dan ini adalah tampilan objek setelah dijadikan “Motion Shape”
Screenshot - 4_27_2013 , 9_27_46 PM
14. Untuk menjalankan animasi ini klik “control” lalu pilih “Test movie”
Screenshot - 4_27_2013 , 9_28_11 PM
15. Ini adalah tampilan animasi “motion shape” saat pertama dijalankan
Screenshot - 4_27_2013 , 9_28_27 PM
16. Dan ini adalah tampilan animasi “motion shape” yang sudah mejadi tulisan
Screenshot - 4_27_2013 , 9_28_35 PM
Langkah-langkah membuat Motion Shape pada macromedia flash telah selesai, Selamat Mencoba :)

Cara Membuat Animasi Stick Man dengan Macromedia Flash 8

Oke, untuk posting saya yang pertama kalinya di blog ini, saya akan berbagi cara membuat stick man (manusia lidi) pake Macromedia Flash 8, mungkin agan ada yang gak tau stick man, nih saya kasih gambar :)


    Mungkin ada beberapa yang bertanya, kenapa kita pakai animasi stick man untuk percobaan membuat animasi? Jawabannya ya karena stick man mudah untuk digambar, kan kalo mencoba enaknya dari yang mudah dulu toh :D

   Oke,sekarang kembali ke posting, gimana caranya membuat animasi stick man dengan Macromedia Flash 8, ini dia caranya...

 1.  Sediakan sebuah PC (Yaiyalah, kalo ga ada PC gimana mau buat animasi?) lengkap dengan software Macromedia Flash 8, bagi yang belum punya bisa download disini (Link 4shared).

 2.  Buka Macromedia Flash 8 nya.

 3.  Pilih Flash Document.


 4.  Pilih Brush Tool dan gunakan ukuran sedang.


 5.  Kamu gambar stickman nya dengan brush tool.


 6.  Setelah kamu gambar stickman nya, tekan F6 lalu klik Onion Skin.


 7.  Hapus gambar stick man kamu, nanti akan muncul bayangan seperti di gambar dibawah.


 8.  Lalu kamu gambar lagi stick man agan dengan pose yang berbeda :D , pastikan gambarnya tidak jauh dari bayangan.


 9.  Jika sudah, kamu tekan Ctrl+Enter dan lihat hasilnya, animasi stickman versi kamu sendiri telah tercipta :D

10.  Jika kamu mau membuat animasi yang lebih variatif, bisa mengulang cara nomor 6, 7, dan 8,
       
      Silahkan dikembangkan Selamat Mencoba ! :D

Animasi Shine - Mobil Mengkilap Bercahaya

Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi mengkilat (shine) dan membuat mobil tampak mengkilap bercahaya. Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi mengkilap tanpa biaya nah cuma di ilmugrafis kumpulan tutorial flash bahasa Indonesiadengan tema mobil bercahaya mengkilap.

Langkah - Langkahnya:

1. Masukkan (import) gambar ke dalam stage
import gambar

misalnya gambar mobil seperti gambar di bawah ini 
gambar mobil


2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height)
setting


3. Ganti nama  layer1 menjadi mobil
layer 1 setting

4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.
efek

5. Klik icon rectangle tool ( tekan huruf di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.
mobil


6. Klik gambar persegi panjang yang telah dibuat tadikemudian ubah warna persegi panjang seperti gambar di bawah ini
setting

7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini
setting 3

8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi
setting


9. Masih di layer animasi kill icon Pen tool
tool flash

10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.



11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer animasi pilih menu mask




12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert keyframe



13. Klik kanan antara frame 1 – 30 pada layer efek, kemudian pilih menu create motion tween





14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini


15. Tekan ctrl + enter untuk melihat hasilnya…
Preview in image mode 


Preview in Animation Mode
 
Cling.. Cling.. Mobil Bersinar Mengkilap ^_^ 
Source File: mobil bersinar *.fla
Enjoy it………… OK sampai ketemu di belajar macromedia Flash Selanjutnya...
SEMOGA BERMANFAAT