Jumat, 09 Desember 2011

Tutorial Flash: 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

Taman Matahari 
Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

Animasi Sederhana dengan Motion Tweening



Langkah pertama, yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah, di sana ada menu di lingkari dengan warna merah .. Nah klik sebanyak 2 kali maka dengan mengeklik 1 kali kita membuat 1 layer klo 2 otomatis 2 layer
tutorial flash

Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar dibawah ini. Agar memudahkan proses pembuatannya
tutorial flash

Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarne putih klo belum di rubah setingannya
tutorial flash

Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati kalian .. Pakek punyaku juga boleh…
tutorial flash

Setelah itu klik layer bola , dan buat bentuk bola denga warna putih
tutorial flash
Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame sepanjang 90 -> kemudian klik kanan lalu pilih insert frame
tutorial flash

Jika sudah semua hasilnya kurang lebih seperti ini
tutorial flash

Setelah itu kita buat animasi motion tweening , sebagai objeknya layer bola
tutorial flash

Buatlah keyframe , seperti yang saya contohkan >> kemudian klik kanan>>pilih insert keyframe
tutorial flash

Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan tombol “ v “ di keyboard >>kemudian klik gambar bolanya
tutorial flash

Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja tanda panah kanan di keyboard agar posisinya tidak berubah )
tutorial flash

tutorial flash

Klo sudah selesai hasilnya seperti gambar yang di atas

Lanjut ke langkah berikutnya, kita menuju ke layer bola>>klik kanan di dalam  frame / seperti gambar di bawah ini>>kemudian pilih create motion tween
tutorial flash

Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween
tutorial flash

Semua juga sama buat semua layer di rubah menjadi motion tweening
tutorial flash

Jika semua sudah selesai tinggal kita menekan ctrl+enter  dan nikmati hasilnya
Selamat mencoba Tutorial Flash ini teman..
Semoga berhasil…

Tutorial flash: Animasi Shine - Mobil Mengkilap Bercahaya


Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi shine dan membuat mobil 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 dengan tema mobil mengkilap bercahaya.

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 R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.
mobil


6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian 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

Tutorial Flash: Memasukkan dan Menyesuaikan Gambar dengan Stage



Bagi yang masih awam tentang Flash saya akan berbagi tips, Seringkali kita menemui kendala dalam menyesuaikan ukuran gambar dengan ukuran Stage...

Namun sebelum itu masukkan dulu gambar ke dalam Stage dengan menggukanan
File > Import > Import To Stage...
Atau tekan CRTL + R > Pilih Gambar > OK

Apa kendala yang muncul???
Kendala - kendala itu adalah:

Ukuran gambar lebih besar daripada ukuran Stage, atau ukuran Stage yang Lebih besar daripada ukuran gambar...

Contoh Kasus:
ukuran Stage yang Lebih besar daripada ukuran gambar

(Ket: Kanvas Putih adalah Stage)

Contoh Kasus:
Ukuran gambar lebih besar daripada ukuran Stage

(Ket: Kanvas Putih adalah Stage)

Apa yang harus kita lakukan????
Tenang... Caranya sangat mudah...
Langkah Convensionalnya adalah dengan Menggunakan Free Transform Tool (Q) dan Selection Tool namun cara ini kurang efektif...

Cara yang paling efektif dan efisien adalah dengan menggunakan pengaturan Properties
Klik Properties


Kemudian Klik Gambar pada Stage agar muncul pengaturan seperti ini:

Ini dia rahasianya... W dan H
W= Weight=Lebar
H=Height=Panjang
X=Menunjukkan Selisih Gambar dengan Stage secara Horisontal / Sumbu X
Y=Menunjukkan Selisih Gambar dengan Stage secara Vertikal / Sumbu Y

Misal:
Jika kita mempunyai ukuran Stage 400 x 300 px
Maka agar sesuai dengan Stage nilai W dan H harus diubah mengikuti ukuran Stage
W= 400
X= 300
dan agar posisinya sejajar dengan Stage maka X dan Y harus diubah ke 0
X= 0
Y=0

Nah Dengan Pengaturan Tersebut maka Stage = Gambar

Ok LEts Practice With Auron - Final Fantasy