Tampilkan postingan dengan label Animation. Tampilkan semua postingan
Tampilkan postingan dengan label Animation. Tampilkan semua postingan

Membuat Animasi di Web

On Senin, Maret 16, 2009 0 komentar
Jika Anda tidak familiar dengan aplikasi Photoshop atau pengolah gambar lainnya, Anda dapat menggunakan layanan online yang sangat mudah penggunaannya ini, Gickr.

Pertama-tama yang harus Anda siapkan adalah beberapa gambar dan pastikan bahwa gambar-gambar tersebut memiliki ukuran yang sama agar hasilnya bagus. Klik tombol Browse untuk menentukan gambar, klik link Add one more picture untuk menambah kotak jumlah input untuk menampung lebih banyak gambar dengan batas maksimum 10 gambar.

Sebelum mengunduh hasilnya kita akan diberikan pilihan untuk mengatur ukuran gambar dan waktu jeda untuk tiap pergantian gambar. Setelah selesai dengan pengaturannya baru klik link Continue di pojok kanan.

Sebenarnya Gickr juga menyediakan cara alternatif lain untuk membuat GIF teranimasi yaitu dari gambar yang di-hosting pada situs media seperti Flickr, Picasa maupun dari situs video Youtube (mengubah video FLV menjadi file GIF). Namun fitur tersebut untuk sementara waktu belum dapat berjalan dengan baik karena sebelumnya situs Gickr mengalami kerusakan server yang berat.

Gambar animasi yang dihasilkan akan langsung ditampilkan berikut dengan kode HTML, BB code dan link gambar yang langsung di-host Gickr. Jadi, Anda bisa segera menempatkan gambar di tempat lain. Jika khawatir gambar tersebut hilang, Anda bisa mengunduhnya ke komputer melalui link yang tersedia untuk mendapatkan file dalam format GIF.

Ini beberapa kegunaan dari gambar beranimasi yang saya buat melalui layanan Gickr:

Banyak wajah/ karakter dalam satu gambar
Sebagai contoh saya gunakan wajah beberapa wajah dari karakter anime. Dengan ini saya bisa menunjukkan karakter apa saja yang saya sukai. Sebelumnya usahakan gambar telah diatur sehingga memiliki ukuran yang sama, karena jika tidak maka gambar menjadi tidak beraturan.

Baca Selengkapnya......
Animasi adalah gambar bergerak dan kali ini kita pakai program macromedia flash aja ya….

secara garis besar animasi menggunakan macromedia flash di bedakan menjaadi beberapa bagian, diantaranya :

1. animasi frame by frame

animasi ini pada dasarnya seperti menggambar di bagian belakang buku kita waktu SD dan di gerakan satu persatu, atau dengan kata lain kita menggambar satu persatu gambar per gerakan, umumnya digunakan untuk membuat animasi kartun yang membutuhkan gambar detail. langkah-langkahnya kayak kurang lebihnya seperti ini :

a. gambar smiley di stage menggunakan ‘oval tools‘ pada toolbox dan akan jadi seperti ini :

b. blok semua gambar dan jadikan satu group dengan menekan ‘ctrl + g’

c. klik kanan pada timeline 10, pilih ‘insert keyframe’ kemudian blok gambar dan pilih ungroup atau break apart dengan menekan tombol ‘ctrl + b’

d. ubah gambar mata pada gambar dengan agak terbuka seperti berikut

e. ualangi langkah yang sama pada time ke-10 dan buat agak lebar pada bagian matanya.


f. jalankan dengan menekan tombol ‘enter’

atau kalo pingin lihat hasilnya bisa download ke sini

2. animasi tweened

animasi ini lebih sederhana di bandingkan animasi frame by frame, kurang lebih seperti ini langkah-langkahnya :

a. sebagai obyek saya menggunakan file superman agar lebih menarik, tapi kita juga dapat menggunakan obyek bangun yang dibuat dengan toolbox.

b. setelah gambar selesai dibuat convert ke symbol agar lebih mudah dengan cara mengklik ‘F8′ atau menu ‘modify > convert to symbol’

c. klik 50 pada timeline kemudian klik kanan pilih ‘insert keyframe’

d. pindahkan obyek gambar ke tempat yang lain, kita dapat memodifikasi dengan menganti ukuran atau posisinya

e. klik kanan di antara waktu 0 s/d 50 kemudian pilih ‘create motion tween’ dan akan tampak seperti gambar berikut :

atau kalo mo download hasilnya dapat di klik di sini

3. animasi shape tweening

animasi ini hampir sama seperti sebelumnya hanya ditambahkan perubahan bentuk saya, sedangkan langkah-langkahnya sebagai berikut :

a. lebih asik menggunakan huruf atau bisa juga menggunakan bangun yang dibuat dari toolbox. pindahkan kursor ke time 50 pada timeline kemudian klik kanan dan pilih ‘insert keyfrema’

b. letakkan kursor pada time 1 dan kita buat obyek gambar, kemudian letakkan kursor di waktu 50 dan kita buat juga obyek gambar yang berbeda

c. klik time 1 pada timeframe, kemudian pada sebelah tengah bawah pilih ’shape’ pada menu ‘tween’ dan lakukan hal yang sama pada time 50 di timeframe.

Baca Selengkapnya......

Dasar - Dasar Macromedia Flash

On Jumat, Maret 06, 2009 0 komentar
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.

Referensi : Ilmu Grafis.com
Baca Selengkapnya......
Grab this Widget ~ Blogger Accessories

Rintisan Sekolah Bertaraf Internasional

Tulisan Terbaru

isine