modul animasi.pdf

Keren

Macromedia flash 8 merupakan suatu program creator grafis multimedia dan animasi yang
dibuat oleh perusahan Macromedia (sekarang sudah diakuisis oleh adobe) untuk keperluan
pembuatan aplikasi animasi interaktif mau pun animasi yang berkembang pada saat ini. Aplikasi
ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran
interaktif atau media pembelajaran interaktif dan segala hal yang bertemakan 2 dimensi. aplikasi
ini mendorong anda untuk berfokus pada apa yang akan anda buat dan tidak bertumpu pada fitur
dan tools pembantu lainnya.
Cara kerja aplikasi ini cocok sebagai pembelajaran karena tools dasar yang fungsional
mencakup animasi dasar bahkan lebih. Interface yang cukup familiar dengan orang awam
computer sekalipun, serta memiliki perintah script yang simple. Berikut ini kita akan mengenal
aplikasi flash tersebut
Tool box
Layer dan frame
Area kerja
Properties objek & layer
library
1. Tools
Merupakan alat pendukung untuk membuat animasi, alat tersebut hamper mirip dengan
yang ada di photoshop dan beberapa fungsi juga tidak berbeda, hanya saja tidak sebanyak
photosop.
2. Layer dan Frame
Layer digunakan sebagai area kerja, misalkan anda ingin memisahkan background,
desain dan script seperti dibawah ini
Frame digunakan untuk perpindahan area kerja, dikarenakan saat pembangunan aplikasi
dibutuhkan banyak objek dan script yang berbeda fungsinya maka dibutuhkan banyak frame
3. Area kerja
Merupakan tempat dimana anda menyatukan bojek yang akan digunakan dalam aplikasi seperti
gambar, video, suara, tombol dan banyak lagi
4. Library
Merupakan tempat penyimpanan objek sementara yang digunakan didalam aplikasi, library juga
berfungsi memberikan link pada sebuah objek khusus seperti pengolahan animasi dengan
menggunakan script
5. Properties
Berfungsi untuk merubah setting pada frame dan objek untuk penamaan objek atau pemanggilan
objek dan script
Animasi ini bergunsi sebagai animasi perubah bentuk.
Buatlah sebuah flash document.
Buatlah sebuah lingkaran dengan oval tool seperti gambar dibawah ini:
Seleksi lingkaran tersebut secara keseluruhan menggunakan selection tool lalu klik kanan
frame 10 > pilih insert blank keyframe(1), Insert blank keyframe berfungsi untuk membuat area
kerja yang berbeda dari frame sebelumnya, kemudia pada frame 10 buatlah sebuah ojek yang
berbeda dari frame 1(persegi)(2), Lalu anda klik frame dipertengahan antara frame 1 sampai 10
yaitu frame 5(3), lalu berpindah ke bagian properties lalu pilih tween di bagian properties yang
terletak di bawah Stage. Lalu pilih shape(4)
1
3
4
2
Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl + Enter.
Cara Membuat Animasi Motion Tween
animasi ini berfungsi untuk pergerakan objek, Buatlah sebuah flash document.
Buatlah sebuah lingkaran dengan oval tool seperti gambar dibawah ini:
Seleksi lingkaran tersebut secara keseluruhan menggunakan selection tool lalu klik kanan
frame 10 > pilih insert keyframe(1), Insert keyframe berfungsi untuk membuat area kerja yang
sama dari frame sebelumnya, pada frame 10 buatlah sebuah ojek yang sama dari frame
1(lingkaran juga)(2)dan geser objek ke sebelah kiri, Lalu seleksi keseluruhan lingkaran tersebut,
atau double klik pada lingkaran tersebut. Konversi lingkaran tersebut menjadi simbol dengan
cara pilih Modify > Convert to Symbol atau klik kanan dan pilih Convert to Symbol, atau tekan
F8(3), Lalu anda klik frame dipertengahan antara frame 1 sampai 10 yaitu frame 5(4), lalu
berpindah ke bagian properties lalu pilih tween di bagian properties yang terletak di bawah
Stage. Lalu pilih motion(5). Setelah itu, beri nama ‘bola’ dan pilih antara movie clip atau graphic
lalu tekan OK. Lebih disarankan memilih movie clip, karena dapat ditambah berbagai macam
efek filter ataupun untuk melakukan hal lainnya.
Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl +Enter.
2
1
3
4
5
Animasi Motion Guide
Pada dasarnya animasi ini sama dengan motion tween diatas hanya saja objek akan bergerak
sesuai dengan alur yang kita tentukan. Maka dari itu sebelum membuat ini anda terlebih dahulu
membuat animasi motion tween kemudia lanjutkan mengikuti langkah-langkah dibawah ini.
Buatlah motion tween seperti sebelumnya, tapi sekarang framenya diperpanjang (bukan di frame
10, tapi di frame 40). Klik layer tempat objek berada, lalu klik tombol add motion guide di
bagian layer, atau klik kanan pada layer tempat objek berada, lalu pilih add motion guide.
Klik pada frame 1 layer guide, pilih tool pensil (atau tekan tombol Y), dan gambarlah sembarang
garis. Perlu diingat bahwa garis tersebut tidak boleh terputus. Untuk membuat garis tidak harus
menggunakan tool pensil, dapat juga menggunakan tool line, pen, dan brush.
Pilih tool panah, dan klik pada objek, lalu drag objek sampai lingkaran pusatnya berada di titik
awal jalur guide yang telah kita buat. Klik pada frame 40, klik objek lalu drag objek sampai
lingkaran pusatnya berada di titik akhir jalur guide yang telah kita buat.
Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl + Enter.
Catatan : jika objek tidak bergerak maka pastikan titik registrasi objek berada pada titik awal
(objek di frame 1) dan titik akhir (objek di frame terkahir)
Animasi Masking
Merupakan animasi menyembunyikan sebagian objek atau teks pada objek motion yang berjalan.
Dapat digunakan untuk berbagai macam efek. Langkah-langkah dalam membuatnya sangatlah
mudah. Terlebih dahulu buatlah animasi motion tween lingkaran seperti sebelumnya tapi ganti
objek lingkaran dengan text. Lalu kita lanjutkan untuk membuat masking Klik tombol insert
layer pada panel timeline.
Klik pada frame 1 di layer yang baru, pilih tool kotak atau tekan R, lalu gambarlah kotak dan
letakkan berada di jalur tween dari text Klik kanan pada layer baru tersebut, dan pilih Mask.
Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl + Enter, dan objek
terlihat hanya ketika berada di dalam kotak.

Recomendados

Belajar macromedia flash 8 bagi pemula von
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaIzza Anshory
60.1K views13 Folien
Tutorial Animasi menggunakan macromedia Flash 8 von
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Farichah Riha
3.5K views21 Folien
Pertemuan 62 von
Pertemuan 62Pertemuan 62
Pertemuan 62kusanti
500 views35 Folien
Mebuat presentasi-dengan-flash von
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashAyas Tincem
321 views8 Folien
Laporan praktikum multimedia_4-4 von
Laporan praktikum multimedia_4-4Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4Deprilana Ego Prakasa
398 views5 Folien
Penegenalan Macromedia flash 8 von
Penegenalan Macromedia  flash 8Penegenalan Macromedia  flash 8
Penegenalan Macromedia flash 8Houtman Ambarita
107 views20 Folien

Más contenido relacionado

Similar a modul animasi.pdf

Membuat CD Interaktif dengan SWiSH MAX4 von
Membuat CD Interaktif dengan SWiSH MAX4Membuat CD Interaktif dengan SWiSH MAX4
Membuat CD Interaktif dengan SWiSH MAX4Muhadi Tri
2.7K views28 Folien
KD. 3.3.pptx von
KD. 3.3.pptxKD. 3.3.pptx
KD. 3.3.pptxardenas_mom
3 views12 Folien
Laporan praktikum modul 4 von
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
596 views24 Folien
Modul adobe flash_cs.5 von
Modul adobe flash_cs.5Modul adobe flash_cs.5
Modul adobe flash_cs.5Hamri F
513 views57 Folien
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf von
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfIcukIcum
422 views19 Folien
Modul1 von
Modul1Modul1
Modul1Dian Octora Effendi
263 views18 Folien

Similar a modul animasi.pdf(20)

Membuat CD Interaktif dengan SWiSH MAX4 von Muhadi Tri
Membuat CD Interaktif dengan SWiSH MAX4Membuat CD Interaktif dengan SWiSH MAX4
Membuat CD Interaktif dengan SWiSH MAX4
Muhadi Tri2.7K views
Modul adobe flash_cs.5 von Hamri F
Modul adobe flash_cs.5Modul adobe flash_cs.5
Modul adobe flash_cs.5
Hamri F513 views
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf von IcukIcum
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
IcukIcum422 views
7 hari-belajar-macromedia-flash von Ahmad Bashir
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
Ahmad Bashir14.4K views
Adobe flash csxx von IGede Asta
Adobe flash csxxAdobe flash csxx
Adobe flash csxx
IGede Asta758 views
Modul flash von tkjmhd
Modul flashModul flash
Modul flash
tkjmhd3.6K views
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx von NasKun3
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxPengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
NasKun3145 views
Membuat file-presentasi-dengan-flash-mengenal-action-script1 von Nina Safitri
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1
Nina Safitri8.3K views
Membuat file-presentasi-dengan-flash-mengenal-action-script1 von Nina Safitri
Membuat file-presentasi-dengan-flash-mengenal-action-script1Membuat file-presentasi-dengan-flash-mengenal-action-script1
Membuat file-presentasi-dengan-flash-mengenal-action-script1
Nina Safitri638 views

Último

Tili Herlina Putri_E1G022033...pptx von
Tili Herlina Putri_E1G022033...pptxTili Herlina Putri_E1G022033...pptx
Tili Herlina Putri_E1G022033...pptxtiliherlina
5 views9 Folien
Kartu Undangan Single Hard Cover Mewah von
Kartu Undangan Single Hard Cover MewahKartu Undangan Single Hard Cover Mewah
Kartu Undangan Single Hard Cover MewahKartu Undangan Bandung
7 views1 Folie
Tugas Andre Hutabrat E1G022055.pptx von
Tugas Andre Hutabrat E1G022055.pptxTugas Andre Hutabrat E1G022055.pptx
Tugas Andre Hutabrat E1G022055.pptxAndreHutabarat4
18 views9 Folien
Tugas PPT_Euis Agustin_E1G022097.pptx von
Tugas PPT_Euis Agustin_E1G022097.pptxTugas PPT_Euis Agustin_E1G022097.pptx
Tugas PPT_Euis Agustin_E1G022097.pptxEuisagustinAgustin
10 views9 Folien
Tugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptx von
Tugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptxTugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptx
Tugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptxyantinurmasri
5 views9 Folien
Tugas PPT_Amanda emilia_E1G022021.pptx von
Tugas PPT_Amanda emilia_E1G022021.pptxTugas PPT_Amanda emilia_E1G022021.pptx
Tugas PPT_Amanda emilia_E1G022021.pptxAmandaEmilia1
20 views9 Folien

Último(13)

Tili Herlina Putri_E1G022033...pptx von tiliherlina
Tili Herlina Putri_E1G022033...pptxTili Herlina Putri_E1G022033...pptx
Tili Herlina Putri_E1G022033...pptx
tiliherlina5 views
Tugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptx von yantinurmasri
Tugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptxTugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptx
Tugas PPT 6_Sri Nurmayanti_E1G022067.-1.pptx
yantinurmasri5 views
Tugas PPT_Amanda emilia_E1G022021.pptx von AmandaEmilia1
Tugas PPT_Amanda emilia_E1G022021.pptxTugas PPT_Amanda emilia_E1G022021.pptx
Tugas PPT_Amanda emilia_E1G022021.pptx
AmandaEmilia120 views
Tugas_Roni Nurhalim_E1G022045.pptx von MAsrofi4
Tugas_Roni Nurhalim_E1G022045.pptxTugas_Roni Nurhalim_E1G022045.pptx
Tugas_Roni Nurhalim_E1G022045.pptx
MAsrofi411 views
TugasPPT_Muhamad Aldrin_E1G022061.pptx von aditasela9
TugasPPT_Muhamad Aldrin_E1G022061.pptxTugasPPT_Muhamad Aldrin_E1G022061.pptx
TugasPPT_Muhamad Aldrin_E1G022061.pptx
aditasela98 views
Tugas PPT6_Rahma Dwi Rahayu_E1G022003.pptx von RahmaRahma15992
Tugas PPT6_Rahma Dwi Rahayu_E1G022003.pptxTugas PPT6_Rahma Dwi Rahayu_E1G022003.pptx
Tugas PPT6_Rahma Dwi Rahayu_E1G022003.pptx
RahmaRahma159927 views
LATIHAN7 PPT_Defrindo_Pratama_E1G022031.pptx von defrindopratama
LATIHAN7 PPT_Defrindo_Pratama_E1G022031.pptxLATIHAN7 PPT_Defrindo_Pratama_E1G022031.pptx
LATIHAN7 PPT_Defrindo_Pratama_E1G022031.pptx
defrindopratama14 views

modul animasi.pdf

  • 1. Macromedia flash 8 merupakan suatu program creator grafis multimedia dan animasi yang dibuat oleh perusahan Macromedia (sekarang sudah diakuisis oleh adobe) untuk keperluan pembuatan aplikasi animasi interaktif mau pun animasi yang berkembang pada saat ini. Aplikasi ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran interaktif atau media pembelajaran interaktif dan segala hal yang bertemakan 2 dimensi. aplikasi ini mendorong anda untuk berfokus pada apa yang akan anda buat dan tidak bertumpu pada fitur dan tools pembantu lainnya. Cara kerja aplikasi ini cocok sebagai pembelajaran karena tools dasar yang fungsional mencakup animasi dasar bahkan lebih. Interface yang cukup familiar dengan orang awam computer sekalipun, serta memiliki perintah script yang simple. Berikut ini kita akan mengenal aplikasi flash tersebut Tool box Layer dan frame Area kerja Properties objek & layer library
  • 2. 1. Tools Merupakan alat pendukung untuk membuat animasi, alat tersebut hamper mirip dengan yang ada di photoshop dan beberapa fungsi juga tidak berbeda, hanya saja tidak sebanyak photosop. 2. Layer dan Frame Layer digunakan sebagai area kerja, misalkan anda ingin memisahkan background, desain dan script seperti dibawah ini Frame digunakan untuk perpindahan area kerja, dikarenakan saat pembangunan aplikasi dibutuhkan banyak objek dan script yang berbeda fungsinya maka dibutuhkan banyak frame 3. Area kerja Merupakan tempat dimana anda menyatukan bojek yang akan digunakan dalam aplikasi seperti gambar, video, suara, tombol dan banyak lagi 4. Library Merupakan tempat penyimpanan objek sementara yang digunakan didalam aplikasi, library juga berfungsi memberikan link pada sebuah objek khusus seperti pengolahan animasi dengan menggunakan script 5. Properties Berfungsi untuk merubah setting pada frame dan objek untuk penamaan objek atau pemanggilan objek dan script
  • 3. Animasi ini bergunsi sebagai animasi perubah bentuk. Buatlah sebuah flash document. Buatlah sebuah lingkaran dengan oval tool seperti gambar dibawah ini: Seleksi lingkaran tersebut secara keseluruhan menggunakan selection tool lalu klik kanan frame 10 > pilih insert blank keyframe(1), Insert blank keyframe berfungsi untuk membuat area kerja yang berbeda dari frame sebelumnya, kemudia pada frame 10 buatlah sebuah ojek yang berbeda dari frame 1(persegi)(2), Lalu anda klik frame dipertengahan antara frame 1 sampai 10 yaitu frame 5(3), lalu berpindah ke bagian properties lalu pilih tween di bagian properties yang terletak di bawah Stage. Lalu pilih shape(4) 1 3 4 2
  • 4. Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl + Enter. Cara Membuat Animasi Motion Tween animasi ini berfungsi untuk pergerakan objek, Buatlah sebuah flash document. Buatlah sebuah lingkaran dengan oval tool seperti gambar dibawah ini: Seleksi lingkaran tersebut secara keseluruhan menggunakan selection tool lalu klik kanan frame 10 > pilih insert keyframe(1), Insert keyframe berfungsi untuk membuat area kerja yang sama dari frame sebelumnya, pada frame 10 buatlah sebuah ojek yang sama dari frame 1(lingkaran juga)(2)dan geser objek ke sebelah kiri, Lalu seleksi keseluruhan lingkaran tersebut, atau double klik pada lingkaran tersebut. Konversi lingkaran tersebut menjadi simbol dengan cara pilih Modify > Convert to Symbol atau klik kanan dan pilih Convert to Symbol, atau tekan F8(3), Lalu anda klik frame dipertengahan antara frame 1 sampai 10 yaitu frame 5(4), lalu berpindah ke bagian properties lalu pilih tween di bagian properties yang terletak di bawah Stage. Lalu pilih motion(5). Setelah itu, beri nama ‘bola’ dan pilih antara movie clip atau graphic lalu tekan OK. Lebih disarankan memilih movie clip, karena dapat ditambah berbagai macam efek filter ataupun untuk melakukan hal lainnya.
  • 5. Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl +Enter. 2 1 3 4 5
  • 6. Animasi Motion Guide Pada dasarnya animasi ini sama dengan motion tween diatas hanya saja objek akan bergerak sesuai dengan alur yang kita tentukan. Maka dari itu sebelum membuat ini anda terlebih dahulu membuat animasi motion tween kemudia lanjutkan mengikuti langkah-langkah dibawah ini. Buatlah motion tween seperti sebelumnya, tapi sekarang framenya diperpanjang (bukan di frame 10, tapi di frame 40). Klik layer tempat objek berada, lalu klik tombol add motion guide di bagian layer, atau klik kanan pada layer tempat objek berada, lalu pilih add motion guide. Klik pada frame 1 layer guide, pilih tool pensil (atau tekan tombol Y), dan gambarlah sembarang garis. Perlu diingat bahwa garis tersebut tidak boleh terputus. Untuk membuat garis tidak harus menggunakan tool pensil, dapat juga menggunakan tool line, pen, dan brush.
  • 7. Pilih tool panah, dan klik pada objek, lalu drag objek sampai lingkaran pusatnya berada di titik awal jalur guide yang telah kita buat. Klik pada frame 40, klik objek lalu drag objek sampai lingkaran pusatnya berada di titik akhir jalur guide yang telah kita buat. Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl + Enter. Catatan : jika objek tidak bergerak maka pastikan titik registrasi objek berada pada titik awal (objek di frame 1) dan titik akhir (objek di frame terkahir)
  • 8. Animasi Masking Merupakan animasi menyembunyikan sebagian objek atau teks pada objek motion yang berjalan. Dapat digunakan untuk berbagai macam efek. Langkah-langkah dalam membuatnya sangatlah mudah. Terlebih dahulu buatlah animasi motion tween lingkaran seperti sebelumnya tapi ganti objek lingkaran dengan text. Lalu kita lanjutkan untuk membuat masking Klik tombol insert layer pada panel timeline. Klik pada frame 1 di layer yang baru, pilih tool kotak atau tekan R, lalu gambarlah kotak dan letakkan berada di jalur tween dari text Klik kanan pada layer baru tersebut, dan pilih Mask.
  • 9. Pilih Control > Test Movie dari menu untuk menjalankan, atau tekan Ctrl + Enter, dan objek terlihat hanya ketika berada di dalam kotak.