Membuat Animasi Kipas Angin

Kali ini kita akan belajar bagaimana cara membuat animasi berputar pada Flash, Hal ini bisa diterapkan pada semua program Flash mulai dari macromedia Flash (versi lama) sampai Adobe Flash (versi baru).

Melihat dunia yang semakin panas, kerusuhan di mana-mana, musim yang tidak menentu, dll (wah ini tutorial apa berita gan?? wkwkwk... intermezo aja) maka di rumah saya selalu memakai kipas angin untuk mendinginkan suasana. Maklum klo pakai AC listriknya kagak kuat, duitpun tak cukup jd pakai AC yang lain alias (AC) Angin Cendela.



Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi berputar di Flash? ikuti langkah berikut ini :)

1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk....

2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4

3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash

Caranya:

Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3

Untuk membuat Lingkaran gunakan Oval Tool dan
tekan dan tahan tombol shift agar lingkaran bulat sempurna


Petunjuk Gambar IG


4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan


Petunjuk Gambar IG


5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame



Petunjuk Gambar IG


6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween


7. Pada Properties, atur Tweening , pilih Rotate: CW (Searah jarum jam)


Petunjuk Gambar IG


Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe


Selesai



untuk melihat hasilnya tekan CTRL + Enter

Kira kira seperti ini:




Untuk membuatnya lebih menarik tambahkan lingkaran kipas dan penyangga:




sekarang kita punya kipas angin dari samping dan dari depan monitor :D
Terima kasih, Selamat belajar
Semoga Bermanfaat

read more...

Dasar - Dasar Macromedia Flash

Pernahkah anda melihat gambar animasi atau pernahkah anda melihat kartun yang setiap hari ditayangkan di televisi? salah satu aplikasi pembuat animasi dan kartun tersebut adalah Macromedia 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 Flash Selanjutnya...
Semoga bermanfaat

read more...

Animasi Shine - Mobil Mengkilap

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




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
OK sampai ketemu di tutorial Flash Selanjutnya...SEMOGA BERMANFAAT

read more...

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 dan warna stroke dijadikan none


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






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

Gambarnya :




7. Klik di frame 1  lalu pilih tween shape




gambarnya




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




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:



Selamat mencoba...

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




animasi ombak



Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

read more...

Animasi Burung Terbang

Dalam Tutorial kali ini akan membahas bagaimana membuat animasi sederhana dengan mode Frame by frame yaitu animasi dengan membuat gambar perframe beda halnya dengan Motion Tweening teknik frame by frame memerlukan waktu yang cukup banyak karma dalam setiap frame kita harus membuat gambar yang tidak sama, pada tutorial kali ini objek yang akan kita gunakan yaitu sebuah ilustrasi burung dan aplikasi yang digunakan yaitu Macromedia Flash MX Professional 2004


Langkah pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan Toolbox Brush Tool


Untuk membuatnya perhatikan gambar dibawah ini



Buatlah ilustrasi gambar burung dengan brush tool bisa juga menggunakan Pen Tool
Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya  kita tinggal paste gambar setelah itu nanti hanya menambah bentuk sayap yang berbeda saja




buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1


Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah






Untuk gambar yang terakhir buatlah sayap diatas punggung burung tetapi agak rendah sedikit, jika sudah selesai tinggal pewarnaan pada gambar burung

langkah selanjutnya yaitu pembuatan animasinya pada gambar 1 letakkan dikeyframe pertama , atur posisi gambar sesuai keinginan anda asal semua gambar harus di 1 posisi yang sama semua


buatlah Keyframe dengan cara klik kanan frame kedua >> pilih Insert Keyframe, setelah itu masukan Gambar 2


buatlah Keyframe dan masukan gambar 3 keposisi yang sudah kita tentukan tadi


 
langkah selanjutnya blok semua Frame yang telah kita buat >> klik kanan dan pilih Copy Frame. Kemudian Paste ke frame selanjutnya


Hasilnya bisa dilihat dengan cara pilih Menu Control >> pilih Play atau Ctrl+Enter



Hasilnya:




Animasi Burung Terbang :)
Selamat Belajar Flash,
SEMOGA BERMANFAAT

read more...

Membuat Gambar Mangekyou Sharingan SASUKE

Pada tutorial 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 Ms 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

read more...