Minggu, 25 Januari 2015

Tutorial basic Flash

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

Tutorial Flash Animasi
Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH

Di bawah ini merupakan window dari Flash MX
layout flash
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

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.


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.
setting properties
gambar: setting ukuran stage

3. Buat sebuah bentuk seperti gambar di bawah ini:
blade
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)
convert to symbol
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
blade 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 image ilmugrafis Oval
image ilmugrafis

2. Selanjutnya, Potonglah bagian tengah garis object dengan menggunakan Selection Tool image ilmugrafis
image ilmugrafis
Jika sudah diseleksi tekan delete untuk menghapus
image ilmugrafis
Jika sudah klik masih menggunakan Selection Tool gabungkan 2 gambar yang telah terpisah tersebut
image ilmugrafis

3. Langkah berikutnya adalah  drag object tersebut dengan menggunakan Selection Tool  jika sudah pilih Menu Modify  >> Transform >>Free Transform
image ilmugrafis
image ilmugrafis
jika sudah ubahlah bentuk objek seperti digambar
image ilmugrafis

4. Langkah berikutnya yaitu  buatlah sebuah objek bola dan masukkan ke dalam objek bola tersebut
image ilmugrafis
Copy objek yang kita buat tadi dan ubah posisi berputar 90 derajat
image ilmugrafis
Lakukan pencopyan objek lagi dan ikuti seperti apa yang sudah dijelaskan digambar (270 derajat dan 45 derajat)
image ilmugrafis
image ilmugrafis

Lalu buat lingkaran lagi di tengah, Hasilnya akan seperti gambar dibawah ini
image ilmugrafis
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
image ilmugrafis
image ilmugrafis
image ilmugrafis
Dan hasil akhirnya akan seperti ini
image ilmugrafis

dengan sedikit ketekunan maka anda bisa menciptakan manga
image ilmugrafis
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
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

Cling.. Cling.. Mobil Bersinar Mengkilap ^_^
Source File: mobil bersinar *.fla
Enjoy it………… OK sampai ketemu di belajar macromedia Flash Selanjutnya...
SEMOGA BERMANFAAT

Sumber : Ilmugrafis