Pernahkah anda melihat suatu animasi mungkin dalam benak anda berkata bagaimana cara membuat gambar animasi
atau pernahkah anda melihat kartun yang setiap hari ditayangkan di
televisi? salah satu aplikasi pembuat animasi dan kartun tersebut adalah
Macromedia Flash. Pada pembahasan kali ini saya akan sedikit menerangkan tentang basic dari Flash
Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH
Di bawah ini merupakan window dari Flash MX
Di bawah ini merupakan keterangan dari kegunaan masing-masing komponen Flash MX secara detail:
-
Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie Anda.
-
Stage, merupakan tempat dimana Anda bekerja dalam membuat sebuah animasi.
- Tools Box, berisi alat-alat yang digunakan untuk menggambar objek pada stage.
- Color Window, merupakan window yang digunakan untuk mengatur warna pada objek
yang Anda buat.
- Actions – Frame, merupakan window yang digunakan untuk menuliskan Action Script
untuk Flash MX.
Biasanya Action Script digunakan untuk
mengendalikan objek yang Anda buat sesuai dengan keinginan Anda.
- Properties, merupakan window yang digunakan untuk mengatur property dari objek yang
Anda buat.
- Components, digunakan untuk menambahkan objek untuk web application yang nantinya di
publish ke internet.
OK sampai ketemu di tutorial Multimedia Selanjutnya... "Export Animasi".
Terima kasih,
Semoga bermanfaat
Sumber: Ilmugrafis
Minggu, 25 Januari 2015
Tutorial Membuat Twirl
Halo sobat Jagung, kali ini saya akan membahas tutorial yang berhubungan
dengan animasi efek. Selain mengandalkan frame dan motion tween,
animasi ternyata dapat juga dibuat dengan menggunakan action script.
Keunggulan animasi dengan actionscript adalah flash akan menghasilkan
ukuran file movie yang lebih kecil dibanding animasi dengan menggunakan
tween.
2. Pada bagian Properties, ubah ukuran dokumen menjadi 550 x 100 px.
gambar: setting ukuran stage
3. Buat sebuah bentuk seperti gambar di bawah ini:
gambar : blade
4. Tentukan / Transform ukuran gambar di atas menjadi 25x80px.
5. Convert gambar tersebut menjadi movieclip dengan cara klik kanan pada objek > pilih Convert to Symbol.
6. Beri nama “blade”, untuk type pilih movieclip. Pada bagian Registration, ubah titik nya menjadi di bawah. (Lihat gambar)
gambar: convert to symbol
7. Klik movieclip “blade”. Buka panel propertise, pada kolom instance name beri nama “blade”
8. Dengan movieclip yang masih terseleksi, buka panel action lalu masukan script berikut:
9. Letakan movieclip “blade” berada di sebelah kiri Stage
gambar: blade di stage
10. Terakhir, pada frame 1 ketikan script berikut:
11. Jalankan movie dengan menekan tombol Ctrl+Enter
Mudahkan! Anda bisa berkreasi dengan merubah bentuk objek atau merubah nilai pada perulangan for sehingga menghasilkan animasi yang anda inginkan.
Bagi para Grafiser yang ingin mengutak atik sourcenya bisa mendownload file hasil jadi dari tutorial ini , Download Disini
Terus berkreasi dan gali potensi diri, Semoga Tutorial Animasi Twirl di atas bermanfaat bagi anda semua. Tutorial Terkait Lainnya: tutorial game tangkap nyamuk. Terima kasih, IG - Semoga Bermanfaat
Sumber: Ilmugrafis
Untuk lebih jelasnya, ikuti langkah Membuat Animasi Twirl di bawah ini:
1. Buka Program Flash, Buat file flash baru - Flash Document (ActionScript 2.0).2. Pada bagian Properties, ubah ukuran dokumen menjadi 550 x 100 px.
gambar: setting ukuran stage
3. Buat sebuah bentuk seperti gambar di bawah ini:
gambar : blade
4. Tentukan / Transform ukuran gambar di atas menjadi 25x80px.
5. Convert gambar tersebut menjadi movieclip dengan cara klik kanan pada objek > pilih Convert to Symbol.
6. Beri nama “blade”, untuk type pilih movieclip. Pada bagian Registration, ubah titik nya menjadi di bawah. (Lihat gambar)
gambar: convert to symbol
7. Klik movieclip “blade”. Buka panel propertise, pada kolom instance name beri nama “blade”
8. Dengan movieclip yang masih terseleksi, buka panel action lalu masukan script berikut:
onClipEvent(enterFrame) { this._rotation +=5; } |
9. Letakan movieclip “blade” berada di sebelah kiri Stage
gambar: blade di stage
10. Terakhir, pada frame 1 ketikan script berikut:
//menggandakan movieclip blade dan mengatur posisi x, alpha dan rotasi for (i=0; i<=550; i=i+10) { duplicateMovieClip(_root.blade, "blade"+i, i); setProperty("_root.blade"+i, _x, i); setProperty("_root.blade"+i, _alpha, i/550*100); setProperty("_root.blade"+i, _rotation, i); _root.blade._visible=0;} |
11. Jalankan movie dengan menekan tombol Ctrl+Enter
Mudahkan! Anda bisa berkreasi dengan merubah bentuk objek atau merubah nilai pada perulangan for sehingga menghasilkan animasi yang anda inginkan.
Bagi para Grafiser yang ingin mengutak atik sourcenya bisa mendownload file hasil jadi dari tutorial ini , Download Disini
Terus berkreasi dan gali potensi diri, Semoga Tutorial Animasi Twirl di atas bermanfaat bagi anda semua. Tutorial Terkait Lainnya: tutorial game tangkap nyamuk. Terima kasih, IG - Semoga Bermanfaat
Sumber: Ilmugrafis
Tutorial membuat Mangekyou Sharingan
Pada tutorial menggambar dengan Flash kali ini kita akan membahas cara membuat gambar mangekyou sharingan milik sasuke dengan menggunakan program bernama Flash. Artikel kemarin kita sudah membahas bagaimana cara membuat mangekyou sharingan milik itachi dan kakashi di Microsoft Paint tetapi pada kesempatan kali ini saya akan membahasnya dengan Program Flash yang juga tak kalah bagus untuk menggambar
Sebelum kita memulainya langkah yang harus diambil adalah membuka program Macromedia flash / Adobe Flash
1. Langkah pertama yaitu buatlah sebuah object lingkaran dengan Oval
2. Selanjutnya, Potonglah bagian tengah garis object dengan menggunakan Selection Tool
Jika sudah diseleksi tekan delete untuk menghapus
Jika sudah klik masih menggunakan Selection Tool gabungkan 2 gambar yang telah terpisah tersebut
3. Langkah berikutnya adalah drag object tersebut dengan menggunakan Selection Tool jika sudah pilih Menu Modify >> Transform >>Free Transform
jika sudah ubahlah bentuk objek seperti digambar
4. Langkah berikutnya yaitu buatlah sebuah objek bola dan masukkan ke dalam objek bola tersebut
Copy objek yang kita buat tadi dan ubah posisi berputar 90 derajat
Lakukan pencopyan objek lagi dan ikuti seperti apa yang sudah dijelaskan digambar (270 derajat dan 45 derajat)
Lalu buat lingkaran lagi di tengah, Hasilnya akan seperti gambar dibawah ini
5. Langkah terakhir yaitu pewarnaan pada langkah ini anda bisa memberi warna sesuka anda atau bisa juga mengikuti prosedur artikel ini . untuk pewarnaannya warna yang akan digunakan yang soft , agar tidak terlalu tajam gambarnya . untuk warna merah gunakan warna merah #F84C5A
Dan hasil akhirnya akan seperti ini
dengan sedikit ketekunan maka anda bisa menciptakan manga
Mangekyou Sharingan Milik Sasuke by Miko IG
Semoga bermanfaat
Sumber: Ilmugrafis
Sebelum kita memulainya langkah yang harus diambil adalah membuka program Macromedia flash / Adobe Flash
1. Langkah pertama yaitu buatlah sebuah object lingkaran dengan Oval
2. Selanjutnya, Potonglah bagian tengah garis object dengan menggunakan Selection Tool
Jika sudah diseleksi tekan delete untuk menghapus
Jika sudah klik masih menggunakan Selection Tool gabungkan 2 gambar yang telah terpisah tersebut
3. Langkah berikutnya adalah drag object tersebut dengan menggunakan Selection Tool jika sudah pilih Menu Modify >> Transform >>Free Transform
jika sudah ubahlah bentuk objek seperti digambar
4. Langkah berikutnya yaitu buatlah sebuah objek bola dan masukkan ke dalam objek bola tersebut
Copy objek yang kita buat tadi dan ubah posisi berputar 90 derajat
Lakukan pencopyan objek lagi dan ikuti seperti apa yang sudah dijelaskan digambar (270 derajat dan 45 derajat)
Lalu buat lingkaran lagi di tengah, Hasilnya akan seperti gambar dibawah ini
5. Langkah terakhir yaitu pewarnaan pada langkah ini anda bisa memberi warna sesuka anda atau bisa juga mengikuti prosedur artikel ini . untuk pewarnaannya warna yang akan digunakan yang soft , agar tidak terlalu tajam gambarnya . untuk warna merah gunakan warna merah #F84C5A
Dan hasil akhirnya akan seperti ini
dengan sedikit ketekunan maka anda bisa menciptakan manga
Mangekyou Sharingan Milik Sasuke by Miko IG
Semoga bermanfaat
Sumber: Ilmugrafis
Tutorial Animasi shine mobil
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 Indonesia dengan tema mobil bercahaya mengkilap.
Langkah - Langkahnya:
1. Masukkan (import) gambar ke dalam stage
misalnya gambar mobil seperti gambar di bawah ini
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)
3. Ganti nama layer1 menjadi mobil
4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.
5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.
6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini
7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini
8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi
9. Masih di layer animasi kill icon Pen tool
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
Sumber : Ilmugrafis
Langkah - Langkahnya:
1. Masukkan (import) gambar ke dalam stage
misalnya gambar mobil seperti gambar di bawah ini
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)
3. Ganti nama layer1 menjadi mobil
4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.
5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.
6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini
7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini
8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi
9. Masih di layer animasi kill icon Pen tool
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
Sumber : Ilmugrafis
Langganan:
Postingan (Atom)