Tampilkan posting dengan label animasi. Tampilkan semua posting
Tampilkan posting dengan label animasi. Tampilkan semua posting

Minggu, 22 April 2012

animasi dengan swismax

Animasi adalah salah satu elemen multimedia yang memang sangat menarik. Sebab animasi mampu membuat sesuatu seolah-olah bergerak. Padahal animasi adalah rangkaian sejumlah gambar yang ditampilkan secara begantian. Menuru Ibiz Fernandes dalam bukunya Macromedia Flash Animation & Cartooning: A Creative Guide, animasi adalah sebuah proses merekam dan memainkan kembali serangkaian gambar statis untuk mendapatkan sebuah ilusi pergerakan.( http://cbs-bogor.net/ebooklain/, diakses 2 Juli 2010) Animasi tidak hanya dipakai untuk film saja. Dalam dunia situs web animasi digunakan untuk memberikan sentuhan manis pada situs. Bahkan bagi dunia pendidikan animasi juga digunakan sebagai alat bantu untuk menjelaskan sesuatu agar siswa dapat memahami konsep yang diajarkan.

swishmax animasi

Di bidang animasi yang saat ini berkembang sangat pesat, salah satu contoh hasil dari pengembangan animasi adalah program swishmax. Swishmax dapat dijadikan alternatif selain menggunakan flash yang telah banyak digunakan. Sebelum swishmax dikembangkan software flash lebih dahulu tenar di kalangan desain grafis. Namun setelah software ini dikeluarkan para animator lebih memilih menggunakan software swishmax dari pada macromedia flash karena penggunaan script animasinya lebih mudah dipergunakan dan lebih efektif.

Dibanding dengan software lain, swishmax menyediakan banyak desain button, sehingga memudahkan animator untuk mendesain. Selain itu software swishmax mempunyai kelebihan disbanding software animasi flash terdahulu, yaitu diantaranya swish max relatif  lebih mudah digunakan dibandingkan dengan Macromedia Flash dan dengan hasil relatif sama, swishmax sudah dilengkapi dengan berbagai animasi yang menarik dan mudah dalam penggunaanya, swishmax juga mampu menangani link antar objek maupun dokumen.contoh swishmax

Pengembangan swishmax sebagai salah satu media penyampai pesan kepada anak adalah sebuah gagasan yang dapat meningkatkan kreatifitas guru dalam menyampaikan materi terhadap anak. Pada kenyataannya, selama ini banyak guru yang masih terus selalu menggunakan metode ceramah yang klasikal dalam penyampaian materi. Padahal materi bisa disampaikan melewati beberapa media yang salah satunya adalah swishmax ini. Jika mendengarkan ceramah yang diberikan oleh guru, siswa hanya akan membayangkan dengan interpretasi yang berbeda-beda setiap anak, karena tidak ada gambaran yang jelas mengenai penjelasan yang diberikan atau tidak ada visualisasi yang jelas sehingga anak susah membayangkan mendekati kenyataan.

BACA SELENGKAPNYA »

Sabtu, 21 April 2012

animasi Text berjalan photoshop

Berikut ini contoh langkah membuat animasi teks berjalan menggunakan Photoshop

1. Buat file baru dalam hal ini saya menggunakan image size 468x60 px
2. Buat / masukkan background yg akan digunakan, dalam hal ini saya menggunakan linear gradient, dari kumpulan gradient default dari soft photoshop cs3, color harmonies 1, light spectrum

tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

3. Ketik sebuah tulisan dengan terlebih dahulu klik horizontal type tool (yang berlambang huruf T), dalam hal ini saya menuliskan kata photoshop.
belajar photoshop

Tutorial Membuat teks animasi (teks berjalan)

4. Add layer mask pada tulisan tersebut
animasi photoshop

Tutorial Membuat teks animasi (teks berjalan)

5. Hilangkan link pada layer tersebut, tanda yg saya lingkari merah digambar dibawah ini, diklik hingga menghilang.
modul photoshop

Tutorial Membuat teks animasi (teks berjalan)

6. Lakukan seleksi pada tulisan dengan marquee tool bentuk kotak
textphotoshop

Tutorial Membuat teks animasi (teks berjalan)

7. Fill seleksi tersebut dengan warna hitam, hingga tulisan nanti akan menghilang
cara photoshop

Tutorial Membuat teks animasi (teks berjalan)

8. Masukkan/buat layer gambar yang akan dibuat sebagai penghias tulisan tersebut
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

9. Klik Window >>> Animation
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

10. Untuk membuat efek tulisan bergerak buat lebih dahulu frame ke dua
     caranya klik duplikat frame(yang saya tandai warna merah)
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

11. Pada frame kedua atur agar posisi gambar disebelah kanan tulisan, caranya klik pada layer lalu move gambar.
Teks juga dinampakkan dengan cara klik layer tulisan dan move maskingnya kesebelah kanan.
banner tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

12. Lalu gunakan fasilitas tween dengan klik terlebih dahulu yang saya tandai warna merah ini
buku tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

    hingga muncul jendela seperti pada gambar dibawah ini...
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

Pada kotak dialog ini, kita bisa mengatur:
>Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
>Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
>Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
>Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi
13. Setelah semua frame terbuat oleh tween, klik icon Plays/stops animation.
14.  Selanjutnya kita atur delay waktunya per frame dengan cara klik yang saya tandai merah dibawah ini...
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan tombol Shift, lalu klik frame yang lain.
Atau bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.
15. selesai... hingga akhir jadinya seperti ini...
animasi photoshop

Tutorial Membuat teks animasi (teks berjalan)

16. Untuk menyimpan hasil animasi, pilihlah menu  File > Save for Web & devices. Pastikan format file yang dipilih adalah gif.

BACA SELENGKAPNYA »

Rabu, 12 Oktober 2011

Prinsip Dasar Animasi


Prinsip Dasar Animasi
Animasi berasal dari kata ”Animation” yang dalam bahasa Inggris ”to animate” yang berarti menggerakan.
Jadi animasi dapat diartikan sebagai menggerakan sesuatu (gambar atau obyek) yang diam.
Sejarah animasi dimulai dari jaman purba, dengan ditemukannya lukisan-lukisan pada dinding goa di Spanyol yang menggambarkan ”gerak” dari binatang-binatang. Pada 4000 tahun yang lalu bangsa Mesir juga mencoba menghidupkan suatu peristiwa dengan gambar-gambar yang dibuat berurutan pada dinding.

Sejak menyadari bahwa gambar bisa dipakai sebagai alternatif media komunikasi, timbul keinginan menghidupkan lambang-lambang tersebut menjadi cermin ekspresi kebudayaan. Terbukti dengan diketemukannya berbagai artefak pada peradapan Mesir Kuno 2000 sebelum masehi. Salah satunya adalah beberapa panel yang menggambarkan aksi dua pegulat dalam berbagai pose. 

Animasi sendiri tidak akan pernah berkembang tanpa ditemukannya prinsip dasar dari karakter mata manusia yaitu: persistance of vision (pola penglihatan yang teratur). Paul Roget, Joseph Plateau dan Pierre Desvigenes, melalui peralatan optic yang mereka ciptakan, berhasil membuktikan bahwa mata manusia cenderung menangkap urutan gambar-gambar pada tenggang waktu tertentu sebagai suatu pola. Dalam perkembangannya animasi secara umum bisa didefinisikan sebagai: 

Suatu sequence gambar yang diekspos pada tenggang waktu tertentu sehingga tercipta sebuah ilusi gambar bergerak
BACA SELENGKAPNYA »

Artikel Favorit