Selasa, 27 September 2011

animasi motion shape

animasi motion shape

cara membuat animasi motion shape

arbakid - Dalam tutorial ini akan dijelaskan langkah-langkah dasar untuk membuat animasi menggunakan Flash 8, tutorial ini akan membahas bagaimana cara membuat animasi flash motion shape, animasi motion tween, animasi motion guide, animasi motion tween rotate dan cara membuat button atau tombol.

tutorial ini akan dibagi menjadi 4 bagian (part) dan akan di publish pada setiap posting baru dan pada posting kali ini akan dijelaskan bagaimana cara membuat animasi motion shape

animasi motion shape adalah sebuah animasi atau pergerakan objek dimana bentuk dari objek yang dianimasikan akan berubah dari titik awal menuju titik akhir sesuai dengan yang kita tentukan

langkah cara membuat animasi motion shape adalah :
  1. pilih File new - flash document - OK
  2. pada frame kesatu buat objek lingkaran dengan menggunakan oval tool yang ada pada sebelah kiri, seperti gambar dibawah ini
  3. pada frame 20 lakukan klik kanan dan pilih insert keyframe
  4. kemudian klik pada frame 20 lagi dan tekan delete pada keyboard
  5. objek lingkaran otomatis hilang, kemudian anda buat objek baru lagi berupa persegi panjang dengan menggunakan rectangle tool pada posisi manapun
  6. klik pada frame 1
  7. pada menu propertis flash yang ada dibawah, ganti opsi tween dengan shape, seperti gambar dibawah ini
  8. terakhir, tekan tombol Ctrl+Enter untuk melihat hasilnya

Selasa, 20 September 2011

Animasi Motion Tween

Ditulis oleh : Garuda Media
Apalagi istilah baru ini, mungkin anda bertanya-tanya apa itu motion tween? Motion tween itu adalah animasi yang dibuat dengan merubah  posisi obyek. Tanpa menunggu lama-lama kita akan membuat permainan sederhana dari motion tween. Anda juga bisa belajar tutorial yang lain di http://garudamedia.co.id atau dengan membeli cd tutorial Adobe Flash.
Sekarang kita akan membuat Animasi Motion Tween  sederhana


motion-tween


Langkah 1: Buka lembar kerja baru
tampilan-utama4
Buka lah lembar kerja baru dengan mengaktifkan program Flash lalu klik menu Flash Document, secera otomatis kita sudah membuka lembar kerja baru.

Langkah 2:  Buat layer baru
layer-background
Setelah membuka lembar kerja baru, klik 2X pada layer 1 untuk menganti nama layer menjadi layer “ Background”.
Langkah 3:  Mengganti Warna Background
panel-properties
Untuk mengganti warna background menjadi hitam, klik pada panel properties lalu klik pada panel Background ubahlah  warna menjadi hitam.

Langkah 4: Membuat Layer Teks
layer-teks
Kemudian klik icon insert layer pada bagian kanan timeline. Lalu klik 2X untuk merubah nama layer menjadi layer”teks”.

teks
Setelah selesai buatlah sebuah tulisan menggunakan Text Tool, anda dapat membuat tulisan sesuka hati anda, atau seperti yang saya buat!

Langkah 5: Membuat  Layer Bola
layer-bola

Langkah selanjutnya buat lah layer baru dengan cara seperti tadi,lalu klik 2x untuk mengubah nama layer menjadi layer “Bola”.  Letakkan layer ini dibawah “layer teks”.

lingkaran1
Kemudian buat lah lingkaran di luar stage,  pastikan  fill colornya berwarna putih.

Langkah 6 :  Insert Frame dan Key Frame

insert-key-frame-pada-layer-teks
Setelah itu Insert key frame pada frame ke -80   di “layer teks”. Dengan cara klik kanan>>insert key frame. Insert key frame digunakan untuk menyalin obyek yang berada di frame ke -1


insert-key-frame-pada-layer-bola

Langkah selanjutnya masih sama buat lah key frame pada frame e-80 pada “layer bola”. Dengan cara klik kanan pada frame ke-80 >> insert key frame

insert-frame-pada-frame-background
Pada layer background insert frame pada frame ke-80, dengan cara klik kanan> >Insert Frame

Langkah 7: Create Motion Tween

create-motion-tween

Kemudian klik pada “layer bola”,klik kanan pada frame seperti diatas >> create motion tween.

create-motion-tween-pada-frame-80
Langkah selanjutnya juga masih sama klik pada frame yang terakhir lalu klik kanan>> create motion tween

Langkah 8: Atur Posisi

posisi-di-frame-1
Langkah yang terakhir  posiskan bola atau lingkaran pada frame ke 1 tepat disebelah kanan stage seperti gambar pada contoh.
posisi-di-frame-80
Selanjutnya posisikan bola atau lingkaran pada frame yang terakhir disebelah kiri stage tapi jangan menggunakan mouse saat memindahkan nya, geser bola atau lingkaran menggunakan tanda panah pada keyboard!
Langkah  9: Test Movie
Langkah yang terakhir kita akan melihat hasil dari animasi yang kita buat. Dengan cara tekan tombol Ctrl+Enter atau menggunakan menu Control>>Test Movie
Dari contoh yang kita buat anda sudah berhasil menggunakan dan membuat animasi Moton Tween. selamat mencoba

umat, 02 Januari 2009

Animasi Frame to Frame

Animasi ini adalah jenis animasi yang paling banyak memakan kapasitas file dan memori, karena itu lebih baik penggunaan animasi ini hendaknya diminimalis. Animasi frame per frame menuntut banyak gambar yang harus dibuat. Efek animasi diciptakan dengan mengganti gambar yang satu dengan gambar yang lain selama beberapa waktu.. Semua gambar yang bergerak dihasilkan dari gambar yang berbeda-beda tiap framenya. Karena animasi frame per frame harus memiliki gambar yang unik tiap framenya maka animasi frame per frame sangat ideal untuk membuat animasi yang kompleks yang terdiri dari banyak perubahan seperti ekspresi wajah.
Membuat animasi frame per frame
Di bawah ini akan ditunjukkan proses pembuatan animasi frame per frame :
1. Buka file baru atau Ctrl+N.
2. Kemudian kita pilih Rectangle Tool (R) pada toolbox dan kita mulai
membuat objek balok pada stage dengan mengklik dan drag, jangan lupa warna fiil objek balok harus berbeda dari warna background stage.
3. Kemudian klik kanan di frame ke-1, pilih Insert Keyframe atau tekan F6, maka akan muncul frame ke-2.
4. Pada frame ke-2 kita pilih Free Transform Tool (Q), kemudian kita putar balok sedikit ke kanan dan letaknya dirubah sedikit kebawah dengan meneka tombol Shift + Panah bawah satu kali.
5. Kemudian masukan kembali KeyFrame hingga menjadi tiga frame, kemudian putar kembali balok sedikit ke kanan dan sedikit kebawah.
6. Ulangi langkah di atas sampai frame 8 hingga balok tampak jatuh.
7. Kemudian tekan Enter untuk melihat hasilnya.

Untuk mendownload file swf nya silahkan klik DISINI

Selasa, 13 September 2011

MAKRO MEDIA FLASH

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.