tutorial animasi hewan terbang dengan flash professional cs6

12
Teknik Informatika 1 Edo Palar – 12013050 http://edo-palar.blogspot.com 1 Program Studi Teknik Informatika Fakultas Teknik Universitas Katolik De La Salle Kairagi I Kombos Manado 95000 Dosen : Yori Montolalu, ST Mata Kuliah : Praktikum Sistem Multimedia Kode MK : IF3256 Tahun Ajaran : 2014/2015 Kontak Dosen: Tugas (lingkari): a. Individual b. Kelompok Mahasiswa: Edo Palar 12013050 [email protected] TUGAS Tutorial Animasi Hewan Terbang Dengan Adobe Flash Professional CS6

Upload: edo-palar

Post on 03-Oct-2015

189 views

Category:

Documents


18 download

DESCRIPTION

Tutorial Animasi Hewan Terbang Dengan Flash Professional CS6

TRANSCRIPT

  • Teknik Informatika

    1 Edo Palar 12013050

    http://edo-palar.blogspot.com

    1

    Program Studi Teknik Informatika

    Fakultas Teknik

    Universitas Katolik De La Salle

    Kairagi I Kombos

    Manado 95000

    Dosen : Yori Montolalu, ST

    Mata Kuliah : Praktikum Sistem Multimedia

    Kode MK : IF3256

    Tahun Ajaran : 2014/2015

    Kontak Dosen:

    Tugas (lingkari): a. Individual b. Kelompok

    Mahasiswa:

    Edo Palar 12013050 [email protected]

    TUGAS

    Tutorial Animasi Hewan Terbang Dengan Adobe Flash Professional CS6

  • Teknik Informatika

    2 Edo Palar 12013050

    http://edo-palar.blogspot.com

    2

    Tutorial Animasi Hewan Terbang

    Dengan Flash Professional CS6

    1. Pastikan computer/leptop sudah terinstal aplikasi untuk membuat animasi bola

    memantul, di tutorial ini akan menggunakan program adobe flash professional

    CS6.

    2. Setelah terinstal, kita siapkan file-file yang dibutukan untuk membuat animasi,

    di tutorial ini akan di gunakan hewan terbang yaitu 2 naga dan latar untuk naga.

    3. Setelah bahan yang di perlukan sudah ada, lanjut dengan memulai membuat

    dengan membuka/double klik pada ikon program adobe flash professional CS6

    maka akan muncul tampilan berikut.

  • Teknik Informatika

    3 Edo Palar 12013050

    http://edo-palar.blogspot.com

    3

    4. Klik/pilih menu action script 2.0 dan akan terdapat sebuah kanvas putih untuk

    membuat animasi.

    5. Dari file gambar-gambar yang telah ada selanjutnya memasukan gambar

    tersebut ke dalam libraly flash denga cara Block/contral A pada folder yang

    terdapat file tersebut dan drag/tarik ke dalam libraly.

    6. Dari gambar yang telah tersedia di libraly maka pada kanvas putih kita akan

    memulai membuat animasi dengan cara klik kiri pada gambar latar di libraly

    dan drag/tarik ke dalam kanvas pada layer 1.

  • Teknik Informatika

    4 Edo Palar 12013050

    http://edo-palar.blogspot.com

    4

    7. Selanjutnya buat 2 layer baru untuk 2 gambar naga dengan cara klik kanan pada

    layer sebelumnya dan insert layer / pada bawah kiri terdapat menu icon new

    layer, jika selesai maka aka nada tampilan berikut

  • Teknik Informatika

    5 Edo Palar 12013050

    http://edo-palar.blogspot.com

    5

    8. Selanjutkan kita akan membuat animasi sayap agar bergerak untuk naga 1

    dengan cara adalah kita harus mengkonvert gambar naga1 menjadi symbol

    maka dilakukan sebagai berikut, dapat dengan mengklik kanan pada gambar

    naga 1 dan memilih pilihan konvert to symbol / dengan cara menekan tombol

    F8 pada keyboard.

  • Teknik Informatika

    6 Edo Palar 12013050

    http://edo-palar.blogspot.com

    6

    9. Berikut setelah selesai di convert kita akan masuk pada symbol tersebut untuk

    menggerakan animasi sayap dengan cara double klik pada gambar dan akan

    secara otomatis terdapat layer baru yaitu layer 1.

    10. Selanjutnya kita akan memisakan bagian gambar dari naga yaitu badan,sayap

  • Teknik Informatika

    7 Edo Palar 12013050

    http://edo-palar.blogspot.com

    7

    kiri, dan sayap kanan maka yang dilakukan adalah klik kanan insert layer/klik

    kanan pada menu ikon dibawah kiri untuk membuat 2 layer baru yaitu sayap

    kiri dan kanan.

    11. Pada layer badan kita akan memisakan sayap kiri dan sayap kanan dari naga

    dengan cara klik pada gambar dan lihat pada menu di atas modify dan menu

    bitmap dan terdapat pilihan trace bitmap, selanjutnya memisakan sayap dan

    setelah selesai pada layer badan dari sayap yang telah dipisakan sayap kanan di

    cut/pindakan ke layer bernama sayap kanan, dan sayap kiri ke layer sayap kiri

    seperti berikut :

    12. Selanjutnya kita insert frame pada masing layer misalnya pada frame 40 kita

    insert frame dan insert keyframe dan di atara frame 1 dan frame 40 kita inset

  • Teknik Informatika

    8 Edo Palar 12013050

    http://edo-palar.blogspot.com

    8

    frame dan insert keyframe pada frame no 20 akan menjadi seperti berikut :

    13. Berikunya kita akan merubah posisi dari masing sayap di mulai dari sayap kiri

    kt klik pada keyframe 20 dan kita ubah dengan menarik sayap sesuai keinginan

    yang pelu dipastika adalah posisi koordinat harus pada sudut bulat dekat sayap

    demikian juga untuk sayap kanan.

    14. Akhirnya kita akan selesai membuat animasi namun terakhir yang dilakukan

    adalah pada antara frame 1 dan frame 20 kt klik kanan dan memilih create

    classic tween begitu juga antara frame 20 dan 40 kita buat create classic tween

  • Teknik Informatika

    9 Edo Palar 12013050

    http://edo-palar.blogspot.com

    9

    15. Maka animasi naga terbang akhirnya selesai dan kita dapat melihat hasil animasi

    dengan cara menekan keyboard crtl+enter

    16. Selenjutnya kita akan membuat naga terbang agar bergerak dengan

    menambakan classic motion guide caranya adalah kita membuat symbol baru

    dari naga yang sebelumnya yang sudah berkepak dan pada scene awal kita drag

    atau tarik symbol tersebut yang berada dilibraly dan masukan kedalam kanvas

    kemudian kita klik kanan pada gambar naga1 dan memilih pilihan add classic

    motion guide

  • Teknik Informatika

    10 Edo Palar 12013050

    http://edo-palar.blogspot.com

    10

    17. Setelah motion guide telah ada kita kan mengedit dengan cara kita akan

    membuat frame misalnya insert frame pada frame 40 pada setiap layer yang

    terdapat pada scene

    18. Selanjutnya pada layer naga kita akan membuat jalan arah terbang dari naga

    dengan menggunakan motion guide caranya : pada layer guide kita garis

    menggunak pen tool dan pada layer naga pada frame akhir misalnya frame 40

    kita pindakan posisi naga

  • Teknik Informatika

    11 Edo Palar 12013050

    http://edo-palar.blogspot.com

    11

    19. Maka tahap terakhir adalah pada layer naga kita buat classic tween caranya:

    pada layer naga antara frame 1 dan frame 40 kita klik kanan dan memilih create

    classic tween hasilnya adalah sebagai berikut :

    20. Maka animasi naga terbang selesai dan kita dapat melihat hasil animasi dengan

    cara menekan keyboard ctrl+enter

  • Teknik Informatika

    12 Edo Palar 12013050

    http://edo-palar.blogspot.com

    12