Modul Pelatihan Adobe Flash CS3 2014

download Modul Pelatihan Adobe Flash CS3 2014

of 26

  • date post

    06-Dec-2015
  • Category

    Documents

  • view

    95
  • download

    37

Embed Size (px)

description

pelatihan adobe flash

Transcript of Modul Pelatihan Adobe Flash CS3 2014

  • Athika Dwi Wiji Utami athikautami@uny.ac.id

    Yogyakarta, 12 13 April 2014 UNY

    PELATIHAN ADOBE FLASH CS3 PEMBUATAN PRESENTASI MEDIA PEMBELAJARAN INTERAKTIF

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 1

    DAFTAR ISI HARI PERTAMA

    MATERI 1

    1. PENGENALAN ADOBE FLASH [02]

    2. SYMBOL DAN INSTANCES [05]

    3. ANIMASI [06]

    MATERI 2

    1. ACTIONSCRIPT DASAR : HALAMAN SLIDE PRESENTASI [12]

    2. ACTIONSCRIPT DASAR : TOMBOL NAVIGASI [13]

    3. ACTIONSCRIPT DASAR : AUDIO [15]

    4. ACTIONSCRIPT DASAR : VIDEO [16]

    HARI KEDUA

    MATERI 3

    1. PEMBUATAN TOMBOL CLOSE, MAXIMIZE, DAN MINIMIZE [20]

    2. PEMBUATAN KUIS SEDERHANA [21]

    3. PUBLISH [26]

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 2

    HARI PERTAMA

    MATERI 1

    1. PENGENALAN ADOBE FLASH a. Sekilas mengenai Adobe Flash

    Adobe flash (selanjutnya Flash) adalah software populer dalam membuat presentasi multimedia, animasi, media pembelajaran, photo slide, dan video. Pada tahun 1996, flash muncul dengan nama macromedia flash, sampai saat perusahaan adobe membeli flash dari macromedia, dan sejak tahun 2005 flash menjadi adobe flash. Berikut perkembangan versi flash : 1) Macromedia Flash 2 (1997) 2) Macromedia Flash 3 (1998) 3) Macromedia Flash 4 (1999) 4) Macromedia Flash 5 (2000) 5) Macromedia Flash 6 (2002) atau Macromedia Flash MX 6) Macromedia Flash 7 (2003) atau Macromedia Flash MX 2004 7) Macromedia Flash 8 (2005) 8) Adobe Flash 9 (2007) atau Adobe Flash CS3 (saat ini telah sampai pada versi

    CS6).

    b. Interface Flash Interface flash terdiri atas menubar, timeline, toolbox, dan panel.

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 3

    No Nama Keterangan 1 Menubar Terdiri atas menu utama, seperti file, edit, view,

    insert, modify, text, commands, control, debug, windows, dan help. Pada menu file terdiri atas sub menu seperti New (membuat file kerja baru), Open (membuka file kerja), Save (menyimpan file kerja), Publish (mempublish hasil kerja menjadi format .swf/.gif/.exe/dsb) dan seterusnya.

    2 Timeline Berisi frame-frame (dan keyframe) yang berfungsi sebagai tempat objek, symbol, atau animasi yang dapat diatur waktu tampilannya (waktu tampilan animasi per frame atau fps). Secara default, standar flash adalah 12 fps, yang berarti 12 gambar animasi (frame) akan dimainkan/dibaca per detiknya.

    3 Toolbox Tempat sekumpulan tool untuk memilih, membuat, atau mengedit objek.

    4 Stage Area kerja 5 Panel Panel dapat ditampilkan dan juga disembunyikan

    (tekan F4), antara lain panel color mixer (mengatur warna lebih detail), panel action (tempat menulis ActionScript ), dan sebagainya.

    6 Properties Bagian ini berfungsi untuk mengatur properties file proyek atau objek (gambar, teks, animasi) dalam stage.

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 4

    No Tool Keterangan 1 Selection

    Memilih objek pada stage dengan cara mengklik objek yang diinginkan. Jika ingin memilih beberapa objek, tekan Shift +klik objek yang diinginkan.

    2 Sub selection

    Memodifikasi bagian dari objek yang dibuat dengan pen/pencil/rectangle tool/dsb dengan cara mengklik node pada objek tersebut dan kemudian menggesernya sesuai keinginan.

    3 Lasso Memilih semua atau beberapa bagian objek secara bebas.

    4 FreeTransform

    Memodifikasi ukuran, putaran (rotate), skew,distort dan envelope sebuah objek. Setelah tool aktif, kemudian dapat memilih opsi yang ingin dilakukan, dimana opsi terdapat di bagian bawah toolbox.

    = 5 Gradient Transform

    Mengatur daerah gradiasi sebuah objek.

    6 Pen Membuat garis lurus atau lengkung secara bebas

    dengan membuat titik-titik (node). 7 Text

    Membuat teks. Pada flash, teks terdiri atas 3 tipe : static text, dynamic text, dan input text, yang dapat dipilih melalui properties. Static text ditujukan untuk teks biasa dan label, misal label pada tombol. Dynamic text ditujukan untuk teks yang menyimpan nilai variabel dan berkenaan dengan ActionScript , misal skor nilai. Input text ditujukan untuk teks yang diketikkan oleh user, misal pada kotak isian nama.

    8 Line Membuat garis lurus.

    9 Rectangle Oval

    PolyStar

    Membuat objek kotak dan persegi panjang. Membuat lingkaran dan oval. Membuat polygon dan bintang.

    10 Pencil Membuat objek garis secara bebas

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 5

    11 Brush Membuat objek garis seperti coretan kuas secara bebas.

    12 Inkbottle Mengedit warna garis tepi (outline/stroke) pada sebuah objek.

    13 Paintbucket Mengedit warna bagian isi (fill) pada sebuah objek.

    14 Eyedropper Mengambil warna dari suatu tempat yang ada pada area kerja dan menempatkannya sebagai warna pada inkbottle atau paint bucket.

    15 Eraser Menghapus objek (bisa semua objek atau hanya outline atau fillnya saja)

    16 Hand Menggeser area pada stage.

    17 Zoom Memperbesar atau memperkecil tampilan pada stage.

    2. SYMBOL DAN INSTANCE

    Symbol terdiri menjadi 3 jenis : Movie Clip, Button, dan Graphic. Seluruh objek dapat dikonversi menjadi symbol, dengan cara klik kanan pada objek terpilih kemudian pilih Convert to Symbol. Cara lainnya adalah dengan menekan F8 pada objek terpilih. Kemudian jendela Convert to symbol akan muncul dan pilih tipe symbol yang diinginkan. Semua objek yang telah dikonversi ke symbol akan secara otomatis tersimpan dalam library. Cara mengaktifkan Library dengan mengklik menu Windows > Library atau klik Ctrl+L.

    No Tipe Symbol Keterangan 1 Movie Clip Symbol yang berisi objek animasi, dapat berupa obje

    gambar atau bahkan tanpa gambar. Movie clip dapat diberi nama (Instance) untuk keperluan ActionScript .

    2 Button Untuk membuat objek tombol yang dapat berubah warna dan suara saat kursor mouse di luar, di atas, mengklik, dan telah mengklik tombol tersebut.

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 6

    3 Graphics Dapat dibuat dari objek vektor, teks, foto, atau objek-objek statis yang tidak beranimasi.

    Instances adalah duplikat symbol yang berada di library. Kita dapat menggunakan instances sebanyak yang diinginkan dan memodifikasi (mengatur skala, memutar, men-skew) instances sesuai dengan kebutuhan tanpa mengubah bentuk asli dari symbol asal. Cara membuat instances dengan cara mendrag dan drop symbol dari library ke dalam stage. Berikut contoh 4 instances yang dibuat dari symbol btn_tombol.

    3. TEKNIK ANIMASI Animasi adalah beberapa gambar diam yang ditampilkan secara urut dan bergantian, dan dikarenakan keterbatasan kemampuan mata manusia menangkap gerakan pergantian tersebut, maka yang nampak di mata adalah gambar yang bergerak seperti hidup. Pada flash setiap gambar atau objek yang akan dianimasikan diletakkan ke dalam sebuah wadah disebut frame. Kecepatan banyaknya frame yang dibaca saat dimainkan disebut dengan frame per second (fps). Fps default flash adalah 12 fps (12 frame dibaca setiap detiknya). Semakin tinggi kecepatan fps, maka semakin halus hasil animasinya. Namun, semakin tinggi kecepatannya, maka semakin banyak frame yang dibutuhkan dalam waktu yang sama, dan hal tersebut akan membuat size file semakin besar dan tidak efisien. Frame ditempatkan pada timeline dan dibuat sesuai dengan kebutuhan. Konsep layer pada flash hampir sama dengan layer pada photoshop, di mana objek yang berada di dalam layer paling atas otomatis berada di atas (menutupi) objek yang ada dalam layer bawahnya. Setiap layer memiliki timeline masing-masing yang sejajar dengan timeline pada layer lainnya. Saat dimainkan, setiap timeline pada masing-masing layer akan dimainkan secara bersamaan dari awal hingga animasi berakhir.

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 7

    No Kegiatan Keterangan 1 Membuat frame Frame dibuat dengan cara klik

    kanan mouse pada frame ke berapa yang ingin dibuat (misal frame ke-20), pilih Insert Frame, atau klik F5.

    2 Membuat blank

    keyframe Key frame adalah frame yang berperan sebagai titik referensi yang berisi momen saat berubah. Cara membuat keyframe adalah klik kanan mouse frame yang ingin diubah, lalu pilih Insert Blank Keyframe atau Convert Blank Keyframe atau tekan F7.

    3 Membuat keyframe

    Perbedaan keyframe dengan blank keyframe adalah jika blank keyframe yakni membuat keyframe yang kosong. Sedangkan keyframe membuat keyframe yang ada isinya, di mana isinya sendiri adalah persis seperti isi frame sebelumnya. Cara membuat keyframe adalah klik kanan mouse frame yang ingin diubah, lalu pilih Insert Keyframe atau Convert Keyframe atau tekan F6.

    4 Menghapus frame Klik atau seleksi frame yang ingin dihapus > klik kanan mouse > Remove Frame.

    5 Memainkan frame Jika ingin memainkan timelinennya dengan cara menekan tombol Enter. Jika ingin memainkan timeline dengan tampilan hasil outputnya dengan menekan tombol Ctrl+Enter.

  • 12 13 April 2014

    Pelatihan Adobe Flash CS3 Athika Utami athikautami@uny.ac.id 8

    Berikut beberapa teknik animasi dalam flash : a. Frame by Frame

    Teknik ini adalah teknik membuat objek pada setiap frame. Kelemahan dari teknik ini adalah kemungkinan memakan kapasitas memory komputer yang semakin besar karena banyak frame yang harus digunakan beserta isi yang berbeda-beda. Kegiatan 1 : Membuat Animasi Dancing Stickman 1) Buat 5 layer dengan nama