English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
  • HOME

Jumat, 08 Januari 2010

Membuat Animasi Ombak

Tutorial kali ini adalah Tutorial Membuat ombak di flash, disini saya menggunakan Macromedia Flash 8...

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna hitam


2. Ganti warna fill color menjadi #336699 tutorial flash dan warna stroke dijadikan none tutorial flash

3. Klik rectangle tool tutorial flash untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.
tutorial flash


4. Klik kanan di frame 15 lalu klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri tutorial flash
Gambarnya :
tutorial flash


7. Klik di frame 1 lalu pilih tween shape
tutorial flash
gambarnya
tutorial flash

Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>
tutorial flash


8. Klik Di frame 15 pilih tween shape


9. Lalu copy frame 1
caranya : klik kanan pada frame 1 dan pilih Copy Frames
kemudian Pastekan di frame 60


10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:
tutorial flash
Selamat mencoba...(@_@)

Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya

animasi ombak

Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

Kamis, 07 Januari 2010

Membuat Taman MATAHARI

Tutorial kali ini adalah Tutorial Membuat taman MATAHARI, disini saya menggunakan Macromedia Flash 8...

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna warna biru #0099FF


2. buat 4 layer yaitu dengan nama: Rumput hijau, tiang, kotak nama, matahari


3. Di layer rumput hijau Klik rectangle tool tutorial flash ,untuk membuat rumput hijau dengan mendragnya ke stage seperti gambar dibawah ini.
tutorial flash


4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk membuat tiang penunjuk arah ,
setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah gunakanlah line tool setelah itu tekan tombol F8 dan beri nma tiang_mc
lihat gambarnya:
tutorial flash


5. sekarang klik frame 1 pada layer: kotak nama
Ganti fill color menjadi warna putih dan strokenya hitam lalu tekan tombol F8 dan beri nama Kotaknama_mc dan copy menjadi 4 lalu sesuaikan dengan gambar dan beri nama : jl. Grafis, jl.animasi, jl.film, jl.kartun.
lihat gambarnya:
tutorial flash


6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00 tutorial flash dan stroke dijadikan none tutorial flash gunakan rectangle tool
Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan beri nama sun_mc
lihat gambarnya:
tutorial flash


7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini
tutorial flash


8. buat 1 layer lagi dan beri nama bulat
klik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert keyframe di frame 60 lalu klik
klik kanan create motion tween di frame 30.
lihat gambarnya:
tutorial flash


9. klik di frame 1 layer 1
klik kanan > insert keyframe di frame 60
lalu klik pada frame 30 , klik di propertiesnya
tutorial flash


10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah….
untuk membuat rumputnya gunakan line tool buat seperti gambar
tutorial flash
Selamat Mencoba>>>>@_@
Untuk melihat hasilnya tekan Ctrl + enter
hasilnya:

Taman Matahari ilmuGRAFIS

Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

Rabu, 02 Desember 2009

Dalam membuat animasi bumi berputar, ilmu yang dipelajari adalah tentang mask. Mask (topeng) dalam Macromedia Flash MX adalah fasilitas yang bisa menampakkan gambar dalam bentuk topeng tersebut. Misalnya gambar pemandangan bila diatas layernya ditambahkan mask yang berbentuk satu keping CD, maka gambar itu kelihatan kayak gambar CD. Masih Bingung?? Coba lakukan langkah-langkah berikut.

1. Masuklah aplikasi Macromedia Flash MX.
2. Ganti backgroundnya menjadi hitam biar kaya di luar angkasa.

Image Hosted by ImageShack.us


3. Gambarlah peta dunia seperti contoh dibawah :

Image Hosted by ImageShack.us


Kalo bisa yang lebih bagus dari diatas hehehe ^_^. Terlihat benua Amerika ada dua sedangkan benua Asia ada satu setengah. Emang dibuat kayak gini biar muternya halus dan lancar. Gambar itu harus di convert menjadi symbol. Caranya blok gambarnya lalu klik Insert - Convert to Symbol atau biar lebih cepet tekan aja tombol F8. Pada kotak dialog Convert to Symbol isi nama terserah lalu pilih Behaviour Grapich.

4. Buatlah dua Layer lagi caranya klik Insert - Layer. Drag Layer 3 sampai dibawah Layer 1. Pada Layer 3 gambarlah lingkaran berwarna biru muda. Jika sudah selesai copy lingkaran itu ke Layer 2. Ingat nempelkannya harus pakai Paste In Place biar posisinya ga berubah. Klik kanan Layer 2 lalu klik Mask.

Image Hosted by ImageShack.us


Jika dilakukan dengan benar maka tampilannya akan jadi seperti ini.

Image Hosted by ImageShack.us


5. Langkah ini membutuhkan posisi yang tepat. Oleh karena itu butuh garis bantu. Caranya klik View - Ruler.

Image Hosted by ImageShack.us


Pada tepi Stage ada semacam penggaris. Drag penggaris itu maka muncul garis berwarna hijau. Itulah garis bantunya. Letakkan garis bantu di tepi Benua Amerika sebelah kanan.

Image Hosted by ImageShack.us

6. Klik kanan pada Layer 1 Frame 1 lalu pilih Create Motion Tween. Pada Layer 1 Frame 85 klik kanan lalu pilih Insert Keyframe. Pada Layer 2 Frame 85 klik kanan lalu pilih Insert Frame. Pada Layer 1 Frame 85 klik kanan lalu pilih Insert Frame. Maka tampilan Frame akan jadi seperti ini.

Image Hosted by ImageShack.us


7. Geser gambar peta dunia ke kanan secara perlahan jangan sampai kegeser keatas atau kebawah. Biar mudah pakai tombol arah kanan pada keyboard. Geser sampai tepi Benua Amerika terkena garis bantu.

Image Hosted by ImageShack.us


8. Selesai... Horeee... Coba dites dengan klik Control - Test Movie atau tekan Ctrl + Enter. Maka akan jadi seperti ini

Image Hosted by ImageShack.us

FLV Format Through Flash



Video dengan format FLV dewasa ini sangat populer sekali digunakan didalam aplikasi web. Dengan menggunakan format FLV maka ukuran atau size dari video dapat ditekan serendah mungkin, hal ini tentu saja akan mengorbankan kualitas dari video tersebut. Namun walaupun demikian format ini sedang in dan tetap banyak dipakai didalam aplikasi web.

Untuk dapat memutar video dengan format FLV dibutuhkan software FLV Player yang dapat Anda cari dengan bebas di search engine Google. Selain menggunakan FLV Player kita dapat juga memainkan video dengan format FLV ini menggunakan Macromedia Flash.

Berikut ini akan dijelaskan langkah-langkah memasukkan video format FLV kedalam Macromedia Flash sehingga dapat kita publish menjadi file flash biasa dengan format .swf Setelah file flash tersebut tercipta maka file flash tersebut dapat kita masukkan kedalam Microsoft FrontPage atau Microsoft PowerPoint (dalam pengerjaan Tugas Akhir di sekolah).

1. Buka Macromedia Flash (penulis menggunakan Macromedia Flash 8), pilih File, New, Flash Document untuk membuat dokumen flash yang baru.

2. Setelah itu pilih File, Import, Import Video untuk memasukkan video kedalam flash

3. Akan tampil tampilan Select Video pilih pilihan pertama yaitu On your computer lalu untuk memasukkan video kita tinggal tekan tombol Browse dan pilih file video yang diinginkan.

Setelah kita memilih video yang diinginkan, tekan tombol Next.

4. Akan tampil tampilan Deployment untuk memilih jenis-jenis deployment yang diinginkan, pada tampilan ini pilih saja jenis deployment yang kedua.

Setelah itu klik tombol Next.

5. Selanjutnya tampil tampilan untuk Skinning, pilih sembarang skin yang anda suka namun harap diperhatikan sebaiknya pilih skin dengan jenis over agar navigasi video dapat tetap terlihat pada saat file flash tersebut telah dipublish.

Setelah itu tekan tombol next kemudian tekan tombol finish.

6. Anda akan diminta untuk menyimpan file flash tersebut, simpan dengan nama sembarang (misalnya Video1.fla) kemudian tekan OK.

Harus anda ingat file video (.flv) dan file project flash kita (.fla) HARUS TERLETAK PADA SATU FOLDER YANG SAMA ATAU FLASH KITA TIDAK AKAN DAPAT MENJALANKAN VIDEO TERSEBUT


Seperti anda lihat pada gambar dibawah ini tampilan video kita telah masuk kedalam lembar kerja (stage) dari flash, namun ukuran video kita belumlah sama dengan ukuran stage yang terdapat pada flash. Masih terdapat beberapa space kosong yang berwarna putih didalam stage.


Untuk mengetahui ukuran besarnya video maka caranya adalah klik sekali pada object video, lalu lihat pada bagian properti yang terletak di sebelah bawah, akan terdapat ukuran panjang (width) dan lebar (height) dari video (biasanya 320 x 240). Untuk lebih jelasnya perhatikan gambar disamping ini!



Langkah selanjutnya untuk menyamakan besarnya stage dengan besarnya video caranya adalah dengan klik kanan pada area lembar kerja (stage) yang masih kosong atau dengan memilih menu Modify, Document atau dengan shortcut key ctrl + j. Maka selanjutnya akan keluar tampilan seperti gambar dibawah ini.

Pada bagian Dimensions ubah width dan heightnya sesuai dengan ukuran video yang ada (misalnya 320 dan 240). Setelah itu ubah Background color menjadi berwarna hitam. Tekan OK.
Selanjutnya geser video sedemikian agar tampilannya menjadi pas dan sesuai dengan lembar kerja (stage).

7. Setelah video dimasukkan kedalam lembar kerja kita, maka langkah berikutnya kita harus mempublish file flash kita agar menjadi format swf. sehingga dapat kita jalankan atau dimasukkan kedalam Powerpoint atau Frontpage. Caranya adalah dengan memilih menu File, Publish Settings kemudian beri tanda check pada pilihan Flash (.swf) tekan tombol Publish, tunggu beberapa saat lalu klik OK untuk kembali ke dokumen utama.

8. Simpan file anda, kemudian jalankan file flash anda yang berformat .swf melalui Windows Explorer.
Video anda yang berformat FLV pun sudah dapat dijalankan..!!!!

Catatan :
Untuk pengerjaan Tugas Akhir, pastikan file video (format FLV) dan file flash (.fla dan .swf) berada DALAM FOLDER YANG SAMA dengan file Tugas Akhir Anda...!!!!!!

Animasi Silver Masking

Masking merupakan teknik untuk menyembunyikan atau menutupi suatu object dengan object lain. Object yang menutupi terlihat transparan dan menyatu dengan object yang ditutupi sehingga hanya object yang ditutupi yang dapat dilihat.

Dalam contoh ini kita membuat 2 buah object yaitu object Teks dan Persegi Panjang dimana pada object Teks akan diberikan efek mask sehingga object Persegi Panjang akan terlihat seolah-olah menutupi object Teks. Berikut ini adalah langkah-langkahnya :

Dengan menggunakan Text Tool tulis sembarang kata di layer 1 kemudian ganti nama layer 1 dengan nama Teks.
Object tulisan PETRA pada layer Teks

PERHATIAN : Agar animasi Masking dapat berjalan, maka tipe teks yang ditulis harus bertipe STATIC TEXT
Teks harus bertipe STATIC TEXT

Pada layer Teks frame 40, sisipkan Frame.

Sisipkan frame pada layer Teks di frame 40

Pilih menu Insert - Timeline - Layer untuk membuat layer baru dan beri nama Persegi Panjang. Letakkan layer ini di bawah layer Teks.
Layer Persegi Panjang di bawah layer Teks


Pada layer Persegi Panjang, buatlah object persegi panjang di atas teks yang panjangnya 2 kali lipat panjang teks. Berikan warna gradasi linear 3 warna (gelap - terang -gelap)
Object Persegi Panjang dengan warna gradasi linear (gelap-terang-gelap)


Pilihlah Gradient Transform Tool untuk mengatur warna dari object Persegi Panjang.
Gradient Transform Tool untuk mengatur warna dari object

Untuk mengatur warna dari object Persegi Panjang, caranya pilih Gradient Transform Tool lalu klik pada object Persegi Panjang dan aturlah warna dan posisinya sedemikian seperti gambar berikut ini :
Mengatur warna dari object Persegi Panjang

PERHATIAN : Untuk mengatur warna object dengan menggunakan Gradient Transform Tool, object HARUS BERTIPE SHAPE


Ubah object Persegi Panjang menjadi symbol Graphic.
Convert to Symbol Graphic object Persegi Panjang

Pada layer Persegi Panjang, masukkan Keyframe di frame 20 dan frame 40.
Insert Keyframe pada layer Persegi Panjang

Klik layer Persegi Panjang frame 20, pindahkan symbol persegi panjang ke kanan teks seperti yang ditunjukkan pada gambar berikut :
Persegi Panjang di kanan teks

Pada layer Persegi Panjang frame 1 dan 20, berikan Tween Motion agar object dapat bergerak.
Motion Tween pada layer Persegi Panjang frame 1 dan 20

Klik kanan pada layer teks, pilih Mask.
Property Mask pada layer Teks


Jalankan animasi (Ctrl + Enter) !!
Silver Masking Animation

Catatan : Efek Mask, digunakan untuk menutupi atau menyinari object di layer Teks sehingga terlihat transparan.