Selasa, 27 September 2011

Shape Tweening (Animasi Perubahan Bentuk)

Shape tweening berguna untuk mengubah bentuk. Flash hanya dapat mengubah bentuk,
jadi jangan mencoba untuk melakukan Shape tween untuk group, symbol, atau teks. Hal
ini tidak akan berhasil. Anda dapat melakukan Shape Tween pada beberapa bentuk di
dalam sebuah layer, tetapi lebih baik untuk menempatkannya pada layer yang berbeda.
Hal ini akan memudahkan jika kita ingin melakukan perubahan. Shape tweening juga
memperbolehkan Anda untuk mengubah warna.

Membuat Sebuah Shape Tween
Langkah-langkah membuat shape tween adalah :
1. Sorot frame di mana Anda ingin membuat animasi. Jika belum berupa sebuah
keyframe maka rubahlah menjadi keyframe.
2. Buatlah gambar pada stage. Ingatlah shape tween hanya bekerja pada bentuk – bukan
pada group, simbol atau teks yang dapat diedit. Untuk 3 elemen tersebut maka Anda
perlu mengubahnya menjadi bentuk dasar dengan melakukan perintah Modify |
Break Apart.
3. Buatlah sebuah keyframe kedua, dan buatlah gambar akhir pada stage.
4. Bukalah kotak dialog Frame Properties dengan mengklik ganda pada frame mana
pun yang berada di antara dua keyframe. Anda dapat juga menyorot sebuah frame di
antaranya dan kemudian memilih menu Modify | Frame.
5. Pilih tab Tweening dan pilih Shape pada field Tweening. Anda akan melihat
beberapa pilihan untuk merubah shape tween seperti yang terlihat pada gambar di
bawah ini.

6. Sorot salah satu Blend Type. Pilihan Distributive akan menciptakan animasi transasi
bentuk yang halus, sedangkan pilihan Angular akan menciptakan transisi bentuk
dengan sudut dan garis-garis lurus. Jika gambar akhir Anda berisi bentuk yang
mempunyai sudut dan garis, pilih Angular, selain itu pilih Distributive.
7. Jika perlu rubahlah Easing slider. Easing menentukan bagaimana animasi Anda dari
awal sampai akhir. Ini berguna jika Anda ingin menciptakan efek mempercepat atau
memperlambat. Jika Anda ingin anmiasi Anda mulai dengan lambat dan kemudian
cepat, geser slider ke arah in. Untuk animasi yang permulaannya cepat, dan
kemudian melambat, geser slider ke arah out. Jika Anda ingin kecepatan animasi
konstan maka biarkan slider berada di tengah. Anda dapat juga mengetik besar dari
Easing yaitu dari –100 sampai 100.
8. Tekan tombol OK. Teslah animasi dengan memilih menu Control | Play (Enter).

Selasa, 20 September 2011

Animasi Frame by Frame

Flash merupakan software yang banyak dimanfaatkan untuk membuat profile company, presentasi serta media interaktif. Dengan kemampuan dinamis yang handal, flash sangat digemari oleh kalangan software house maupun para presenter.

Perkembangan SDM di Indonesia, flash sudah mulai menjamur di kalangan pendidikan tanpa terkecuali para guru juga mempelajari flash sebagai media presentasi bahan ajar serta media presentasi interaktif.

Secara umum flash memiliki 2 animasi yaitu animasi tween dan animasi frame by frame. Pada kesempatan ini akan dipelajari animasi frame by frame sebagai presentasi bahan ajar bagi para guru. Untuk lebih jelas penguasaan animasi tersebut, lakukan langkah-langkah sebagai berikut :


1. Aktifkan program flash 8

2. Pilihlah create new flash document

3. Secara default (standar) pada timeline memiliki layer 1 dan terletak pada frame 1 (ada bulatan berlubang di frame 1). Jika bulatan berlubang artinya frame kosong/tidak berisi obyek dan jika bulatan berwarna hitam maka frame terisi oleh obyek baik teks/gambar).

4. Simpanlah file tersebut dengan nama : latihan_1.

5. Lakukan double klik pada layer 1 (berfungsi untuk mengubah nama layer). Tulislah layer 1 menjadi teks (berfungsi untuk mengisi frame teks).

6. Arahkan kursor pada frame 1 dan lakukan klik kanan serta pilihlah Insert Keyframe (berfungsi untuk membuat obyek teks pada frame).

7. Menggunakan Text Tool (lambang huruf A) untuk membuat tulisan pada stage.

8. Lakukan insert keyframe pada frame selanjutnya dan gunakan text tool untuk menulis.

a. Frame 1 : Ketiklah ”Animasi Frame by Frame pada Flash 8 (Warna merah, font Verdana, ukuran 40), oleh Adi Wibawa (Warna Biru, font Arial, ukuran 30)”.

b. Frame 2 : Ketiklah ”Standar Kompetensi (Warna Biru, font Arial, ukuran 40), pembuatan presentasi menggunakan flash 8 (Warna Biru, font Arial, ukuran 30)”.

c. Frame 3 : Ketiklah ”Kompetensi Dasar (Warna Hitam, font Arial, ukuran 40), tips membuat presentasi bahan ajar menggunakan flash 8 (Warna Hitam, font Arial, ukuran 30)”.

d. Frame 4 : Ketiklah ”Materi 1 (Warna Biru, font Arial, ukuran 40)”.

e. Frame 5 : Ketiklah ”Materi 2 (Warna Merah, font Arial, ukuran 40)”.

f. Frame 6 : Ketiklah ”Materi 3 (Warna Hitam, font Arial, ukuran 40)”.

g. Frame 7 : Ketiklah ”Materi 4 (Warna Hijau, font Arial, ukuran 40)”.

h. Frame 8 : Ketiklah ”Materi 5 (Warna Merah, font Arial, ukuran 40)”.

i. Frame 9 : Ketiklah ”TERIMA KASIH (Warna Biru, font Arial, ukuran 40)”.

9. Untuk melihat hasil sementara lakukan klik control pilihlah test movie (atau gunakan tombol kombinasi Ctrl + Enter). Hasilnya akan bergerak terus menerus. Klik tanda x (close) untuk menghentikan pengaruh test movie.

10. Klik insert pilihlah timeline dan kliklah layer. Sehingga di timeline bertambah layer 2. Ubahlah layer 2 menjadi action dengan cara double klik pada layer 2 (lihat langkah 4).

11. Arahkan kursor pada frame 1 dan pilihlah action pada properties atau klik window pilih action (F9).

12. Pada action.

Ketiklah :

stop( );

Action ini berfungsi untuk menghentikan setiap frame agar tidak bergerak terus menerus ke masing-maisng frame.

13. Tambahkan layer baru (layer 3). Ubahlah layer 3 menjadi tombol_N. (lihat langkah 9 untuk menambah layer dan mengubahnya).

14. Letakkan kursor di frame 1 pada layer tombol_N (membuat tombol next/lanjut). Manfaatkan tombol pada flash dengan cara : klik window pilih Common Libraries dan klik Buttons. Hasilnya akan ada library buttons.

15. Menggunakan scroll vertikal pada library buttons, carilah classic button. Lakukan double klik folder pada classic button dan carilah playback, kemudian pilih gel right. Pada library buttons akan muncul tombol panah ke kanan berwarna hitam dan background hijau.

16. Lakukan pemindahan (drag) gel right ke stage bagian bawah dengan cara klik gel right tahan kemudian pindahkan ke stage dan lepaskan mouse.

17. Klik action pada layer tombol_N ( Ingat !! action dibuat pada frame yang berisi tombol)

Ketiklah :

on (release) {

nextFrame();

}

Action ini berfungsi untuk berpindah frame 1 ke frame selanjutnya.

18. Arahkan kursor pada frame 9 layer tombol_N. Klik kanan, pilihlah Insert Blank Keyframe. Tujuannya untuk menghilangkan tombol_N (lanjut) pada frame 9 sebab pada frame 9 adalah frame terakhir yang tidak memiliki kelanjutannya.

19. Tambahkan layer baru (layer 4). Ubahlah layer 4 menjadi tombol_P. (lihat langkah 9 untuk menambah layer dan mengubahnya).

20. Letakkan kursor di frame 2 pada layer tombol_P (membuat tombol back/Kembali). Mengapa kursor berada di frame 2 ? Karena pada frame 1 tidak memiliki frame sebelumnya. Manfaatkan tombol pada flash dengan cara : klik window pilih Common Libraries dan klik Buttons. Hasilnya akan ada library buttons.

21. Menggunakan scroll vertikal pada library buttons, carilah classic button. Lakukan double klik folder pada classic button dan carilah playback, kemudian pilih gel left. Pada library buttons akan muncul tombol panah ke kiri berwarna hitam dan background hijau.

22. Lakukan pemindahan (drag) gel left ke stage bagian bawah dengan cara klik gel left tahan kemudian pindahkan ke stage dan lepaskan mouse.

23. Klik action pada layer tombol_P (

Ketiklah :

on (release) {

prevFrame();

}

Action ini berfungsi untuk berpindah frame n ke frame sebelumnya.

24. Untuk melihat hasil sementara lakukan klik control pilihlah test movie (atau gunakan tombol kombinasi Ctrl + Enter). Klik tanda x (close) untuk menghentikan pengaruh test movie.

25. Jika hasilnya sudah bagus sesuai dengan harapan kita maka lakukan klik gembok/kunci dengan tujuan pada layer tidak mengalami perubahan. Jika ingin mengubah pada layer maka lakukan klik kembali pada gembok. Hasil flash ini masih mentah karena berektens fla (Flash document)

26. Jika hasilnya ingin di ubah dalam Flash movie, lakukan : klik file > publish. Hasilnya menjadi file berketensi swf (Flash movie). File ini dapat di jalankan jika di komputer anda memiliki software flash player.

27. Jika hasilnya ingin bergerak mandiri tanpa flash player, lakukan : klik file > publish settings > berilah tanda centang pada windows projector (*.exe) > klik publish, kemudian klik ok. Silahkan hasilnya di cek dan di coba.

SEMOGA PENGALAMAN INI DAPAT BERMANFAAT.

Animasi Motion Tween

Animasi motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini sangat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya Anda hanya membuat frame awal dan frame akhir saja. Dua alasan utama mengapa Animasi motion tween sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari setiap frame tidak perlu disimpan.

Membuat animasi motion tween

1. Buka file baru atau Ctrl+N.
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna fiil objek balok harus berbeda dari warna background stage.13

3. Kemudian klik kanan di frame ke-1, pilih Create motion tween.23

4. Pada frame ke-10 klik kanan kita pilih Insert Keyframe, kemudian kita geser lingkaran ke kanan sehingga tampak seperti pada gambar.
33
5. Kemudian pada frame ke-20 klik kanan kita pilih Insert Keyframe, kemudian kita geser lingkaran ke bawah sehingga tampak seperti pada gambar.43

6. Kemudian pada frame ke-30 klik kanan kita pilih Insert Keyframe, kemudian kita geser lingkaran ke kiri sehingga tampak seperti pada gambar.
53

7. Kemudian tekan Enter untuk melihat hasilnya.

Selasa, 13 September 2011

MACROMEDIA FLASH

Adobe Flash

Logo Macromedia Flash 8 Professional

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.

Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya

Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis.

Selasa, 09 Agustus 2011

10 Cara Belajar yang Baik


Belajar mendadak mau ujian emang ga efektif. Paling nggak sebulan sebelum ulangan adalah masa ideal buat ngulang pelajaran. Materi yang banyak bukan masalah. Ada sepuluh cara pintar supaya waktu belajar kita jadi efektif , that is :

1. Belajar itu memahami bukan sekedar menghapal
Ya, fungsi utama kenapa kita harus belajar adalah memahami hal-hal baru. Kita boleh hafal 100% semua detail pelajaran, tapi yang lebih penting adalah apakah kita sudah mengerti betul dengan semua materi yang dihapal itu. Jadi sebelum menghapal, selalu usahakan untuk memahami dulu garis besar materi pelajaran.

2. Membaca adalah kunci belajar
Supaya kita bisa paham, minimal bacalah materi baru dua kali dalam sehari, yakni sebelum dan sesudah materi itu diterangkan oleh guru. Karena otak sudah mengolah materi tersebut sebanyak tiga kali jadi bisa dijamin bakal tersimpan cukup lama di otak kita.

3. Mencatat pokok-pokok pelajaran
Tinggalkan catatan pelajaran yang panjang. Ambil intisari atau kesimpulan dari setiap pelajaran yang sudah dibaca ulang. Kata-kata kunci inilah yang nanti berguna waktu kita mengulang pelajaran selama ujian.

4. Hafalkan kata-kata kunci

Kadang, mau tidak mau kita harus menghapal materi pelajaran yang lumayan banyak. Sebenarnya ini bisa disiasati. Buatlah kata-kata kunci dari setiap hafalan, supaya mudah diingat pada saat otak kita memanggilnya. Misal, kata kunci untuk nama-nama warna pelangi adalah MEJIKUHIBINIU, artinya merah, jingga, kuning, hijau, biru, nila dan ungu.

5. Pilih waktu belajar yang tepat
Waktu belajar yang paling enak adalah pada saaat badan kita masih segar. Memang tidak semua orang punya waktu belajar enak yang sama lo. Tapi biasanya, pagi hari adalah waktu yang tepat untuk berkonsentrasi penuh. Gunakan saat ini untuk mengolah materi-materi baru. Sisa-sisa energi bisa digunakan untuk mengulang pelajaran dan mengerjakan pekerjaan rumah.

6. Bangun suasana belajar yang nyaman
Banyak hal yang bisa buat suasana belajar menjadi nyaman. Kita bisa pilih lagu yang sesuai dengan mood kita. Tempat belajar juga bisa kita sesuaikan. Kalau sedang bosan di kamar bisa di teras atau di perpustakaan. Kuncinya jangan sampai aktivitas belajar kita mengganggu dan terganggu oleh pihak lain.

7. Bentuk Kelompok Belajar
Kalau lagi bosan belajar sendiri, bisa belajar bareng dengan teman. Tidak usah banyak-banyak karena tidak bakal efektif, maksimal lima orang. Buat pembagian materi untuk dipelajari masing-masing orang. Kemudian setiap orang secara bergilir menerangkan materi yang dikuasainya itu ke seluruh anggota lainnya. Suasana belajar seperti ini biasanya seru dan kita dijamin bakalan susah untuk mengantuk.

8. Latih sendiri kemampuan kita
Sebenarnya kita bisa melatih sendiri kemampuan otak kita. Pada setiap akhir bab pelajaran, biasanya selalu diberikan soal-soal latihan. Tanpa perlu menunggu instruksi dari guru, coba jawab semua pertanyaan tersebut dan periksa sejauh mana kemampuan kita. Kalau materi jawaban tidak ada di buku, cobalah tanya ke guru.

9. Kembangkan materi yang sudah dipelajari
Kalau kita sudah mengulang materi dan menjawab semua soal latihan, jangan langsung tutup buku. Cobalah kita berpikir kritis ala ilmuwan. Buatlah beberapa pertanyaan yang belum disertakan dalam soal latihan. Minta tolong guru untuk menjawabnya. Kalau belum puas, cari jawabannya pada buku referensi lain atau internet. Cara ini mengajak kita untuk selalu berpikir ke depan dan kritis.

10. Sediakan waktu untuk istirahat

Belajar boleh kencang, tapi jangan lupa untuk istirahat. Kalau di kelas, setiap jeda pelajaran gunakan untuk melemaskan badan dan pikiran. Setiap 30-45 menit waktu belajar kita di rumah selalu selingi dengan istirahat. Kalau pikiran sudah suntuk, percuma saja memaksakan diri. Setelah istirahat, badan menjadi segar dan otak pun siap menerima materi baru.