Animasi pesawat11

TUTORIAL ANIMASI
 FLASH 8
                             Avies
                             Tutorial ini diperuntukkan bagi mereka
                             yang ingin belajar animasi dengan
                             menggunakan macromedia flash. Tutorial
                             ini masih dalam tingkat dasar sehingga
                             mudah untuk dicoba sendiri / otodidak

                FMIPA UNS

     LABKOM LT.II GED.A
             FMIPA UNS

avies.staff.mipa.uns.ac.id
TUTORIAL PEMBUATAN ANIMASI PESAWAT TERBANG DENGAN
                   MACROMEDIA FLASH 8

                                 [part 1]

Pada tutorial ini akan dibahas step by step mulai dari pembuatan gambar
sampai dengan pembuatan animasi tiap obyek yang ada dalam project.

Langkah pertama buka mac.flash 8 dan pilih Flash Document




                                                                          1
Membuat layer dan menggambar obyek.




Membuat 3 layer : background , pesawat, awan dan sayap




Create new layer

Untuk mengganti nama layer silakan anda double click pada layer yang
bersangkutan.dan untuk menggambar tiap – tiap obyek dalam macromedia
flash, klik dilayer yang bersangkutan. Misal ingin menggambar background
silakan anda click pada layer background.


                                                                           2
Untuk menggambar / memberi warna pada background anda dapat
menggunakan rectangle tool (R) atau anda cukup menekan keyboar R, dan
mulailah menggambar kotak dengan cara mendrag sesuai dengan lebar
kanvas yang ada di halaman utama.




                                                                        3
Langkah selanjutnya menggambar pesawat terbang, dan tool yang saya
gunakan adalah oval tool (O) dan rectangle tool (R). Silakan anda gambar
sesuka hati 




Lakukan seleksi pada area pesawat yang telah anda buat



                                        Kemudian klik kanan convert to
                                        symbol




Aktifkan gambar pesawat dan masuk ke action movie clip yang ada dimenu
bawah.




                                                                           4
Ketikkan script berikut :

onClipEvent(enterFrame)

{

      kecepatan=10

      if(Key.isDown(Key.RIGHT))

      {

            _x+=kecepatan

      }

      if (Key.isDown(Key.LEFT))

      {

            _x-=kecepatan

      }

      if (Key.isDown(Key.UP))

      {

            _y-=kecepatan

      }

      if (Key.isDown(Key.DOWN))

      {

            _y+=kecepatan

      }

}

(case sensitif, tuliskan dengan benar)

Lakukan pengetesan awal dengan cara tekan Ctrl+Enter atau F12

Jika anda sukses maka pesawat dapat anda gerakkan sesuai dengan gerak
anak panah yang ada di papan keyboard anda.



                                                                        5
Langkah yang ketiga adalah menggambar awan dan membuat animasinya.

Anda dapat menggunakan oval tool (O) untuk menggambar awan dan
jangan lupa untuk mengaktifkan layer awan agar halaman yang aktif tepat
pada layer awan.




Saya gambar diatas background supaya nanti awan akan berjalan dari luar
halaman kemudian masuk dan keluar halaman lagi dengan cara :

Seleksi ketiga awan tersebut, klik kanan convert to symbol, setelah itu
double click awan tersebut maka anda akan dibawa ke scene awan.

Untuk membuat animasi awan yang ada anda dapat membuat animasi
dengan cara:

  1. Pada Layer 1, klik kanan pada frame pertama create motion tween
     kemudian klik juga diframe 30 kemudian lakukan insert keyframe
     dengan cara klik kanan insert keyframe
  2. Geser awan tersebut dari atas kebawah.
  3. Klik pada scene 1 untuk kembali ke halaman utama.




                                                                          6
GESER




Jika proses step by step anda sukses maka akan anda dapati sebuah
pesawat yang dapat anda gerakan dengan keyboard dan awan yang berjalan
dari atas kebawah.

Untuk tahap berikutnya yaitu membuat rudal yang dapat ditembakkan dari
pesawat yang akan saya lanjutkan episode berikutnya hehe ^_^.

Tobe continued . . . 


                                                                         7
Nama            :   Avies Pitagoras Mukhtar, A.Md.
TTL             :   24 Desember 1988
Pekerjaan       :   Staff Karyawan FMIPA UNS
Alamat          :   Labkom Lt.II Ged. A FMIPA UNS
                    Ir. Sutami No.36 A Surakarta 57126
Blog            :   http://avies.staff.mipa.uns.ac.id
                    http://avies.blog.uns.ac.id
Aktivitas       :   Bekerja+Kuliah
Hobby           :       - Baca Buku (Motivasi, Islami, Psikologi,
                          Biografi, Komputer/ IT, dll)
                        - Olahraga (Taekwondo,Joging)
                        - Touring
                        - Blogging
Contac Person   :   YM : aphispm
                    FB : http://www.facebook.com/avies
                    Email : avies.uns@gmail.com, avies@facebook.com




                                                             8

Recomendados

Cara membuat latihan pilihan ganda di macromedia flash von
Cara membuat latihan pilihan ganda di macromedia flashCara membuat latihan pilihan ganda di macromedia flash
Cara membuat latihan pilihan ganda di macromedia flashVidi Al Imami
7K views7 Folien
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 membuat-kuis-flash von
Tutorial membuat-kuis-flashTutorial membuat-kuis-flash
Tutorial membuat-kuis-flashbass91
12.8K views8 Folien
Membuat Quiz dengan Flash von
Membuat Quiz dengan Flash Membuat Quiz dengan Flash
Membuat Quiz dengan Flash Gilang Aziz
7.5K views7 Folien
Membuat animasi motion shape dengan Macromedia Flash 8 von
Membuat animasi motion shape dengan Macromedia Flash 8Membuat animasi motion shape dengan Macromedia Flash 8
Membuat animasi motion shape dengan Macromedia Flash 8widiati nur
9.8K views23 Folien

Más contenido relacionado

Destacado

International Waste Management; Crisis and Opportunity by David Brown von
International Waste Management; Crisis and Opportunity by David BrownInternational Waste Management; Crisis and Opportunity by David Brown
International Waste Management; Crisis and Opportunity by David BrownAlex Dunedin
671 views25 Folien
Roger's dyslexia in post industrial manchester von
Roger's dyslexia in post industrial manchesterRoger's dyslexia in post industrial manchester
Roger's dyslexia in post industrial manchesterAlex Dunedin
575 views22 Folien
Is the Age of privacy over? Facebook, Privacy and Qualitative Research von
Is the Age of privacy over?  Facebook, Privacy and Qualitative ResearchIs the Age of privacy over?  Facebook, Privacy and Qualitative Research
Is the Age of privacy over? Facebook, Privacy and Qualitative ResearchLisa Blenkinsop
873 views15 Folien
Goris press club von
Goris press clubGoris press club
Goris press clubShushan Ohanyan
284 views16 Folien
Sociological review annual lecture: Dr Imogen Tyler von
Sociological review annual lecture: Dr Imogen Tyler Sociological review annual lecture: Dr Imogen Tyler
Sociological review annual lecture: Dr Imogen Tyler Alex Dunedin
865 views36 Folien
Ragged university2014 von
Ragged university2014Ragged university2014
Ragged university2014Alex Dunedin
644 views28 Folien

Destacado(17)

International Waste Management; Crisis and Opportunity by David Brown von Alex Dunedin
International Waste Management; Crisis and Opportunity by David BrownInternational Waste Management; Crisis and Opportunity by David Brown
International Waste Management; Crisis and Opportunity by David Brown
Alex Dunedin671 views
Roger's dyslexia in post industrial manchester von Alex Dunedin
Roger's dyslexia in post industrial manchesterRoger's dyslexia in post industrial manchester
Roger's dyslexia in post industrial manchester
Alex Dunedin575 views
Is the Age of privacy over? Facebook, Privacy and Qualitative Research von Lisa Blenkinsop
Is the Age of privacy over?  Facebook, Privacy and Qualitative ResearchIs the Age of privacy over?  Facebook, Privacy and Qualitative Research
Is the Age of privacy over? Facebook, Privacy and Qualitative Research
Lisa Blenkinsop873 views
Sociological review annual lecture: Dr Imogen Tyler von Alex Dunedin
Sociological review annual lecture: Dr Imogen Tyler Sociological review annual lecture: Dr Imogen Tyler
Sociological review annual lecture: Dr Imogen Tyler
Alex Dunedin865 views
Udi and juniper networks BYOD von stefriche0199
Udi and juniper networks BYODUdi and juniper networks BYOD
Udi and juniper networks BYOD
stefriche01991.5K views
The permanent revolution of education a journey to the dark side by dave hall von Alex Dunedin
The permanent revolution of education a journey to the dark side by dave hallThe permanent revolution of education a journey to the dark side by dave hall
The permanent revolution of education a journey to the dark side by dave hall
Alex Dunedin609 views
Ann Fernie The Countercultural Imperative von Alex Dunedin
Ann Fernie The Countercultural ImperativeAnn Fernie The Countercultural Imperative
Ann Fernie The Countercultural Imperative
Alex Dunedin14.6K views
Prof Beverley Skeggs Sociological Review annual lecture response feb 2015 von Alex Dunedin
Prof Beverley Skeggs Sociological Review annual lecture response feb 2015Prof Beverley Skeggs Sociological Review annual lecture response feb 2015
Prof Beverley Skeggs Sociological Review annual lecture response feb 2015
Alex Dunedin982 views
Romantic Radicals and Agrarian Futurists: John Hargrave, the Kibbo Kift and B... von Alex Dunedin
Romantic Radicals and Agrarian Futurists: John Hargrave, the Kibbo Kift and B...Romantic Radicals and Agrarian Futurists: John Hargrave, the Kibbo Kift and B...
Romantic Radicals and Agrarian Futurists: John Hargrave, the Kibbo Kift and B...
Alex Dunedin3.3K views
Inaugural Lecture: It’s Third Space, Jim, but not as we know it: universities... von Alex Dunedin
Inaugural Lecture: It’s Third Space, Jim, but not as we know it: universities...Inaugural Lecture: It’s Third Space, Jim, but not as we know it: universities...
Inaugural Lecture: It’s Third Space, Jim, but not as we know it: universities...
Alex Dunedin884 views
Ragged university. edinburgh 29.6.15 von Alex Dunedin
Ragged university. edinburgh 29.6.15Ragged university. edinburgh 29.6.15
Ragged university. edinburgh 29.6.15
Alex Dunedin618 views
Parrcentersept von spence113
ParrcenterseptParrcentersept
Parrcentersept
spence113141 views
SDN a strategic assessment von stefriche0199
SDN a strategic assessment  SDN a strategic assessment
SDN a strategic assessment
stefriche01991.1K views

Similar a Animasi pesawat11

Animasi Dasar von
Animasi DasarAnimasi Dasar
Animasi Dasarrahmi wahyuni
1.9K views18 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
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
Laporan praktikum modul 4 von
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
596 views24 Folien
KD. 3.3.pptx von
KD. 3.3.pptxKD. 3.3.pptx
KD. 3.3.pptxardenas_mom
3 views12 Folien
7 hari-belajar-macromedia-flash von
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flashAhmad Bashir
14.4K views52 Folien

Similar a Animasi pesawat11(20)

Tutorial Animasi menggunakan macromedia Flash 8 von Farichah Riha
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8
Farichah Riha3.5K 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
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
IcukIcum410 views
Mebuat presentasi-dengan-flash von Ayas Tincem
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
Ayas Tincem321 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
NasKun3144 views
membuat-presentasi-sederhana-dengan-flash-8.pdf von AnneYuliyana1
membuat-presentasi-sederhana-dengan-flash-8.pdfmembuat-presentasi-sederhana-dengan-flash-8.pdf
membuat-presentasi-sederhana-dengan-flash-8.pdf
AnneYuliyana12 views
Membuat presentasi-sederhana-dengan-flash-8 von Nina Safitri
Membuat presentasi-sederhana-dengan-flash-8Membuat presentasi-sederhana-dengan-flash-8
Membuat presentasi-sederhana-dengan-flash-8
Nina Safitri213 views
Membuat presentasi-sederhana-dengan-flash-8 von Nina Safitri
Membuat presentasi-sederhana-dengan-flash-8Membuat presentasi-sederhana-dengan-flash-8
Membuat presentasi-sederhana-dengan-flash-8
Nina Safitri481 views
Mengenal komputer dan Membuat Media Pembelajaran Menggunakan Power.pptx von IKAMAMIUNIMED
Mengenal komputer dan Membuat Media Pembelajaran Menggunakan Power.pptxMengenal komputer dan Membuat Media Pembelajaran Menggunakan Power.pptx
Mengenal komputer dan Membuat Media Pembelajaran Menggunakan Power.pptx
IKAMAMIUNIMED2 views

Animasi pesawat11

  • 1. TUTORIAL ANIMASI FLASH 8 Avies Tutorial ini diperuntukkan bagi mereka yang ingin belajar animasi dengan menggunakan macromedia flash. Tutorial ini masih dalam tingkat dasar sehingga mudah untuk dicoba sendiri / otodidak FMIPA UNS LABKOM LT.II GED.A FMIPA UNS avies.staff.mipa.uns.ac.id
  • 2. TUTORIAL PEMBUATAN ANIMASI PESAWAT TERBANG DENGAN MACROMEDIA FLASH 8 [part 1] Pada tutorial ini akan dibahas step by step mulai dari pembuatan gambar sampai dengan pembuatan animasi tiap obyek yang ada dalam project. Langkah pertama buka mac.flash 8 dan pilih Flash Document 1
  • 3. Membuat layer dan menggambar obyek. Membuat 3 layer : background , pesawat, awan dan sayap Create new layer Untuk mengganti nama layer silakan anda double click pada layer yang bersangkutan.dan untuk menggambar tiap – tiap obyek dalam macromedia flash, klik dilayer yang bersangkutan. Misal ingin menggambar background silakan anda click pada layer background. 2
  • 4. Untuk menggambar / memberi warna pada background anda dapat menggunakan rectangle tool (R) atau anda cukup menekan keyboar R, dan mulailah menggambar kotak dengan cara mendrag sesuai dengan lebar kanvas yang ada di halaman utama. 3
  • 5. Langkah selanjutnya menggambar pesawat terbang, dan tool yang saya gunakan adalah oval tool (O) dan rectangle tool (R). Silakan anda gambar sesuka hati  Lakukan seleksi pada area pesawat yang telah anda buat Kemudian klik kanan convert to symbol Aktifkan gambar pesawat dan masuk ke action movie clip yang ada dimenu bawah. 4
  • 6. Ketikkan script berikut : onClipEvent(enterFrame) { kecepatan=10 if(Key.isDown(Key.RIGHT)) { _x+=kecepatan } if (Key.isDown(Key.LEFT)) { _x-=kecepatan } if (Key.isDown(Key.UP)) { _y-=kecepatan } if (Key.isDown(Key.DOWN)) { _y+=kecepatan } } (case sensitif, tuliskan dengan benar) Lakukan pengetesan awal dengan cara tekan Ctrl+Enter atau F12 Jika anda sukses maka pesawat dapat anda gerakkan sesuai dengan gerak anak panah yang ada di papan keyboard anda. 5
  • 7. Langkah yang ketiga adalah menggambar awan dan membuat animasinya. Anda dapat menggunakan oval tool (O) untuk menggambar awan dan jangan lupa untuk mengaktifkan layer awan agar halaman yang aktif tepat pada layer awan. Saya gambar diatas background supaya nanti awan akan berjalan dari luar halaman kemudian masuk dan keluar halaman lagi dengan cara : Seleksi ketiga awan tersebut, klik kanan convert to symbol, setelah itu double click awan tersebut maka anda akan dibawa ke scene awan. Untuk membuat animasi awan yang ada anda dapat membuat animasi dengan cara: 1. Pada Layer 1, klik kanan pada frame pertama create motion tween kemudian klik juga diframe 30 kemudian lakukan insert keyframe dengan cara klik kanan insert keyframe 2. Geser awan tersebut dari atas kebawah. 3. Klik pada scene 1 untuk kembali ke halaman utama. 6
  • 8. GESER Jika proses step by step anda sukses maka akan anda dapati sebuah pesawat yang dapat anda gerakan dengan keyboard dan awan yang berjalan dari atas kebawah. Untuk tahap berikutnya yaitu membuat rudal yang dapat ditembakkan dari pesawat yang akan saya lanjutkan episode berikutnya hehe ^_^. Tobe continued . . .  7
  • 9. Nama : Avies Pitagoras Mukhtar, A.Md. TTL : 24 Desember 1988 Pekerjaan : Staff Karyawan FMIPA UNS Alamat : Labkom Lt.II Ged. A FMIPA UNS Ir. Sutami No.36 A Surakarta 57126 Blog : http://avies.staff.mipa.uns.ac.id http://avies.blog.uns.ac.id Aktivitas : Bekerja+Kuliah Hobby : - Baca Buku (Motivasi, Islami, Psikologi, Biografi, Komputer/ IT, dll) - Olahraga (Taekwondo,Joging) - Touring - Blogging Contac Person : YM : aphispm FB : http://www.facebook.com/avies Email : avies.uns@gmail.com, avies@facebook.com 8