Animasi Teks berganti Warna pada Flah Aplikasi

selamat sore sobat,,, kali ini penulis mau share tutorial teks yang berganti warna, prosesnya adalah bergantinya warna pada setiap hurup pada objek. hasilnya seperti ini sobat.

seperti biasa sobat sebelum mulai menerapkan tutorial ini, takutnya sobat lapar di tengah jalan persiapkan dulu makanan ringan dan minuman segarnya. masih banyak kan isi kulkas, keluarin semua sobat, keluarin...:-D

kalau sudah dipersiapkan kita bisa mulai..

• 1.  buatlah project baru dengan cara klik file new project
• 2. buatlah layer baru tambahkan objek sebagai backgrounnya, untuk membuat objek tersebut bisa menggunakan Rectangle Tool
• 3. Tambahkan layer baru lagi, beri nama production, setelah itu tambahkan objek dengan menggunakan Text Tool, buatlah teks seperti gambar di bawah ini.





• 4. klik objek production setelah itu klik kanan dan pilih convert to Symbol setelah itu klik 2 kali pada objek production maka akan masuk pada production graphic
• 5. klik kanan pada objek production, dan pilih break apart, maka text akan terpisah berdasarkan huruf masing-masing


• 6. setelah itu blok frame pada frame 1 sampai frame 10 dan pilih Convert To Keyframes maka pada layer production graphic akan seperti gambar di bawah ini.


• 7. ubahlah warna pada setiap hurup production dengan warna yang berbeda berdasarkan Frame nya masing-masing.




• 8. Kalau sudah, klik Tool Move, klik 2 kali di luar objek production untuk masuk ke scene awal production.
• 9. Terakhir insert keyframe kedua layer pada frame 25, setelah itu tekan Ctrl + Enter



• 10. untuk hasil nya seperti gambar di bawah ini..

Tehnik Masking pada animasi Flash

Selamat pagi sobat,,,pada tutorial kali ini saya coba membuat animasi dengan tehnik masking pada Flash sebenarnya memang sudah umum pada Flash meskipun umum kalau kita tidak mencoba kita tidak akan tau bagaimana caranya.
sebelum masuk ke pembahasan inti, bolehlah di persiapkan dulu snack dan minuman nya boleh minuman dingin asal jangan minuman panas, ntar melepuh bibir nya.

kalau sudah kita lanjut...

saran : ikutin dulu saja tahap demi tahapan nya, kalau udah selesai boleh di coba dengan cara dan objek yang sobat mau.

• 1. Buka aplikasi Flash dan buatlah projek baru dengan mengklik new projek
• 2. Rubah layout default dengan cara klik menu modify > Document dan atur nilai width dan height nya, 600px untuk width dan 200px untuk height nya.
• 3. Buatlah layer baru dan beri nama background, buatlah objek background seperti gambar di bawah ini.


• 4. Setelah itu buatlah layer baru dengan nama Blade, pada layer blade buat text seperti gambar di bawah ini dengan menggunakan Text Tool


• 5. Buatlah layer untuk objek masking dan buatlah objek seperti gambar di bawah ini


• 6. Pada ketiga layer lakukan insert key Frame dengan cara arahkan mouse pada frame 50 setelah itu klik kanan dan pilih insert Keyframe.


• 7. Pada Layer masking frame 1 klik kanan dan pilih insert motion tween, jika benar pada layer masking akan berubah warna menjadi biru, setelah itu arahkan mouse dan klik pada frame 50 setelah itu seret objek Oval pada layer masking sampai berada di sebelah kanan teks blade.


• 8. Terakhir,,,,Masih pada layer masking, klik dan pilih Mask, teks blade akan tertutup oleh layer masking, dan akan terlihat pada posisi dalam objek Oval layer masking, untuk Run tekan Ctrl + Enter pada Keyboard.

Akhirnya selesai juga sobat Tutorial mengenai Tehnik Masking pada animasi Flash nya. gimana enak bukan belajar sambil di temenin sama makanan ringan + minuman dingin nya,  kira-kira Tutorial nya cukup jelas kan ya?......

jika ada pertanyaan atau kurang jelas, silahkan sobat tinggal kan komentar pada kolom komentar di bawah ini.

sampai ketemu pada tutorial berikut nya.

Membuat animasi mobil dengan teknik Motion Guide

Selamat sore sobat kali ini saya akan mencoba share bagaimana membuat animasi dengan teknik Motion Guide seperti gambar di atas.

"Motion Guide itu apa ya mas?...." 

Motion Guide adalah proses animasi di mana objek mengikuti alur yang telah kita buat, untuk membuat alur nya bisa menggunakan Pen Tool atau Lingkaran tergantung objek seperti apa yang akan kita berikan efek animasi tersebut.

seperti biasa sobat sebelum membaca dan praktek tutorial ini, persiakanlah dulu segelas kopi dan makanan ringan takut lapar dan kering bibir nya..hehe

kalau sudah siap silahkan di lanjut sobat.

• 1. Buatlah projek baru degan klik file > new projek


• 2. Buatlah layer baru dengan icon new layer pada timeline dan beri nama background, dan buatlah objek seperti gambar di bawah ini. 




• 3. Buatlah layer baru dengan icon new layer pada timeline dan beri nama mobil, untuk membuatnya sobat bisa menggunakan Pen Tool dan rodanya menggunakan Oval Tool, ini merupakan objek sederhana. 




• 4. selanjutnya Convert to Symbol kedua layer tersebut, kalau disini saya convert di frame 100, untuk sobat terserah kehendak sobat. cara Convert to Symbol 


• 5. Klik kanan pada layer mobil dan pilih Add Classic Motion Guide maka layer mobil akan terconver pada motion guide seperti gambar di bawah ini.



• 6. pada layer Guide buatlah alur, bisa menggunakan Pen Tool seperti gambar di bawah ini. 



• 7. Selanjutnya sobat bisa meletak titik point objek mobil pada pangkal alur motion guide nya, seperti gambar di bawah ini



• 8. masih di layer mobil klik pada Frame 1 klik kanan dan pilih Create Classic Tween, setelah itu klik frame terakhir layer mobil( kalau di projek saya frame 100) setelah itu tarik objek mobil dan letakkan pada ujung alur motion guide.seperti gambar di bawah ini

terlihat pada layer mobil terdapat penunjuk panah yang merupakan tanda proses animasi objek mobil.

• 9. terakhir, tekan Ctrl + Enter dan projek animasi mobil siap di lihat  

akhirnya selesai juga sobat materi nya meskipun sederhana, harapannya masuk pada point inti. Setelah ini sobat bisa kembangkan lagi, mungkin bisa menambahkan objek lain seprti motor, helikopter atau kendaraan lainnya.

Ok... sobat, karena mata saya sudah mulai ngantuk kita bisa sambung kemudian hari, terima kasih dah mampir Blog saya,  mampir lagi ya kalau sempat...hehe

Tool Box dan Timeline pada Aplikasi Adobe Flash

Postingan ini adalah perkenalan pertama ketika mau belajar objek animasi, mungkin ada beberapa dari sobat yang baru mengenal animasi flash, bingung mau mulai belajar nya dari mana sehingga muncul pertanyaan demi pertanyaan yang membuat ragu untuk belajar animasi Flash.

karna postingan nya lumayan panjang bolehlah menyiapkan terlebih dahulu segelas kopi hangat dan dua bungkus kuaci supaya bibirnya selalu gerak. hehe..

jika sudah siap silahkan di lanjut......

"Apa saja ya, yang harus di ketahui dan di pahami ketika belajar animasi Flash?...." 

Tool Box
Tool Box merupakan komponen dari Flash yang terdapat berbagai macam Tool yang bisa sobat gunakan dalam mengelola  animasi objek. Tool tersebut di kelompokkan menjadi empat bagian :

• Tools         : Berisi tombol-tombol yang bisa di gunakan untuk membuat dan meng edit objek
• View         : Untuk mengatur tampilan lembar kerja
• Colors       : Menentukan warna yang di pakai saat mengedit objek
• Option       : alat bantu lain untuk mengedit obje

berikut adalah tool yang di maksud yang di gunakan dalam proses editing objek pada flash

Tool	Nama	Fungsi	Shortcut
	Selection Tool	Digunakan untuk mengaktifkan dan memindahkan objek	V
	Subselection Tool	Digunakan untuk mengaktifkan bentuk objek dan mengubah pada edit point	A
	Free Transform Tool	Digunakan untuk mengubah Ukuran atau Memutar bentuk objek sesuai keinginan	Q
	3D Rotation Tool	Digunakan untuk memutar objek 3D secara bebas	F
	3D Translation Tool	Digunakan untuk menentukan Transformasi bentuk dan posisi objek 3D pada symbol movie Clip	N
	Lasso Tool	Digunakan untuk menyeleksi bagian objek yang akan di edit	L
	Pen Tool	Digunakan untuk membuat bentuk objek secara bebas berupa titik point sebagai penghubung.	P
	Text Tool	Digunakan untuk membuat objek berupa Text	T
	Line Tool	Digunakan untuk membuat objek berupa Garis	N
	Rectangle Tool	Digunakan untuk membuat objek berupa Objek Segi empat	R
	Oval Tool	Digunakan untuk membuat objek berupa Objek Oval atau Lingkaran	O
	Rectangle Primitive Tool	Digunakan untuk membuat objek berupa Objek Segi empat dengan berbagai Variasi	R
	Oval Primitive Tool	Digunakan untuk membuat objek berupa Lingkaran atau Oval dengan variasi	O
	Polystar Tool	Digunakan untuk membuat objek berupa Objek berbentuk segi Lima	-
	Pencil Tool	Digunakan untuk membuat objek secara bebas	Y
	Brush Tool	Digunakan untuk membuat objek secara bebas dengan ukuran ketebalan yang bisa di tentukan	B
	Deco Tool	Digunakan untuk memberikan efek animasi pada worksheet	U
	Bone Tool	Digunakan untuk menambah titik sendi pada objek animasi	M
	Bind Tool	Digunakan untuk melakukan editing pada titik sendi dari bone tool	Z
	Paint Bucket Tool	Digunakan untuk memberikan warna pada objek secara bebas	K
	Eyedropper Tool	Digunakan untuk mendeteksi warna yang akan di terapkan pada objek, bisa dari warna objek lain	I
	Eraser Tool	Digunakan untukmenghapus objek dengan cara di clik, dan di poleskan	M
	Hand Tool	Digunakan untuk menggeser stage, layout.	H
	Zoom Tool	Digunakan untuk memperbesar atau memperkecil objek	M
	Stroke Tool	Digunakan untuk memberikan warna atau menonaktipkan warna pada garis tepi	-
	Fill Color	Digunakan untuk memberikan warna atau menonaktipkan warna pada objek	-

Timeline

 

Keterangan :

1. Show Or Hide Layer       : di gunakan untuk menampilkan dan menghilangkan objek
2. Lock Or Unlock Layer    : digunakan untuk mengunci atau membuka kunci sehingga objek bisa di kelola kembali
3. New Layer                        : digunakan untuk menambahkan layer sehingga penempatan objek berdasarkan layer masing-masing.
4. New Folder                      : digunakan untuk menambahkan Folder, agar lebih memudahkan dalam mengelola objek dan manajemen layer
5. Delete                               : digunakan untuk menghapus folder atau layer yang tidak digunakan.

   

berikut ini adalah intruksi yang umum di gunakan pada saat sobat mengelola animasi pada Flash, dan intruksi ini masih berada di ruang lingkup Timeline, diantaranya adalah:

• Insert Keyframe
Digunakan untuk mengunci jarak frame yang akan di gunakan pada layer.
cara:

1. Aktifkan layer mana yang akan di lakukan keyframe
2. Tentukan jarak Frame nya,  pada frame berapa yang akan sobat lakukan pengunci.
3. klik kanan dan pilih Insert Keyframe

• Insert Frame
Langkah ini bisa sobat gunakan ketika mau menambah Frame, semakin banyak frame yang di tambahkan maka proses animasi objek akan semakin halus dan lambat.
cara:


1. Aktifkan layer mana yang akan di tambahkan frame
2. Blok berapa Frame yang akan di tambahkan
3. klik kanan dan pilih Insert Frame

         bisa di lihat oleh sobat pada layer 1 yang tadinya frame nya hanya berjumlah 15 frame, setelah kia   tambahkan frame pada layer 1 menjadi 34 frame.

• Remove Frame
Langkah ini bisa sobat gunakan ketika mau menghapus Frame yang terlalu banyak
cara:


1. Aktifkan layer mana yang akan di hapus frame nya
2. Blok berapa Frame yang akan di hapuskan
3. klik kanan pada Frame dan pilih Remove Frame

kalau sobat perhatikan, pada gambar yang kanan, posisi layer 1 mengalami pengurangan frame.

• Create Motion Tween
Langkah ini bisa sobat gunakan untuk memberikan efek animasi pada objek
cara:


1. Aktifkan layer mana yang akan di berikan efek animasi
2. Klik pada frame berapa untuk mulai objek bergerak, setelah itu klik kanan dan pilih Create Motion Tween
3. selanjutnya sobat klik pada frame, di frame berapa objek akan berhenti setelah itu geser objek pada posisi yang di inginkan.

kalau sobat perhatikan pada objek setelah kita Create Motion Tween terdapat point-point yang saling terikat, dan itu termasuk tanda bahwa objek telah dalam kondisi efek animasi. untuk testing nya bisa sobat tekan Ctrl + enter pada keyboard.

• Clear Keyframe
Langkah ini bisa sobat gunakan untuk menghapus keyframe yang terlalu banyak, atau terlanjur ke keyframe.
cara:


1. Aktifkan layer mana yang akan di hapus keyframe
2. Klik pada frame yang mau di hapus keyframe tersebut.
3. Klik kanan dan pilih Clear KeyFrame

terlihat key frame yang terlanjur di buat telah hilang dan terhapus

• Convert To Symbol
Langkah ini bisa sobat gunakan untuk menggabungkan objek aga agar menjadi satu grup dan symbol gambar ter sebut bisa di tarik pada library.
cara:


1. pilih objek mana yang yang akan di convert, bisa di blok seluruh gambar menggunakan move, bisa juga di kelik gambar satu persatu.
2. pilih menu modify dan pilih convert to symbol akan muncul seperti gamabar di bawah ini, pilih salah satu dari ketiga type tersebut.

Keterangan :
Nama                    :Penamaan pada symbol yang akan di buat. 
Type  :
         Movie Clip : Type dari symbol yang digunakan untuk membuat objek agar dapat 
                          menggunakan fasilitas dari adobe Flash. Contohnya membuat 
                          animasi tween, masking dan guide, selain itu movie clip bisa di   
                          tambahkan action script
       
       Button       : Digunakan untuk membuat symbol Button, yang mempunyai efek 
                         hover dan agar bisa mempunyai link dari objek tersebut.


       Graphic    : Pada dasarnya graphic dengan movie mempunyai fungsi symbol 
                         yang sama hanya saja pada graphic tidak bisa di tambahkan action 
                         script.

               3. setelah itu sobat klik ok, maka objek tersebut ter convert pada symbol.


demikianlah sedikit gambaran dan pemahaman yang bisa saya share buat sobat yang mungkin masih baru belajar animasi Flash, lain waktu mudah-mudahan saya bisa share lagi. gak terasa materinya selesai juga dan segelas kopi saya pun habis, lain waktu harus bikin di gelas lebih gede biar durasinya lama... hehe