Rabu, 04 April 2012

Pertemuan 5


RENCANA PELAKSANAAN PEMBELAJARAN (RPP)

Nama Sekolah                         : SMK N I RAO
Mata Pelajaran                        : TIK
Kelas/Semester                       :  X/ I
Standar Kompetensi                : Siswa dapat Membuat Multimedia  
Kompetensi Dasar                 : Siswa dapat  mendesain multimedia yaitu animasi sederhana            dengan software macromedia Falsh          
Indikator                                 :
1.      Pengenaalan tools yang ada di Macromedia Falsh
2.      Pembuatan efek animasi pada objek
Alokasi Waktu                        :  2 x 45 menit

1.        Tujuan Pembelajaran
        Setelah proses pembelajaran, diharapkan siswa dapat untuk :
a.       Mengetahui tools yang terdapat di Macromedia Flash
b.      Meningkatkan kreativitas siswa dalam mendesain


2.        Materi Pembelajaran
Materi pokok : Pengenalan Macromedia Flash

3.        Metoda
1.      Ceramah
2.      Kerja mandiri

4.        Langkah-langkah
1.      Pendahuluan
a.       Appersepsi : Guru mempersiapkan kelas untuk pembelajaran, doa dan absensi.
b.      Motivasi : Siswa mendengarkan penjelasan guru tentang track audio digital.
2.      Kegiatan awal
a.       Guru memberi penjelasan tentang materi yang baru dipelajari oleh siswa.
b.      Guru menjelaskan pembuatan efek animasi dengan flash
c.       Siswa ditugaskan membuat sebuah animasi sederhana dengan flash.
3.      Kegiatan akhir
a.       Guru dan siswa merangkum seluruh materi yang telah dipealajari.
b.      Guru mengingatkan siswa untuk mempelajari kembali seluruh materi.

5.        Sumber
a.       Software multimedia animasi flash.
b.      Buku pendukung.
6.      Alat dan Bahan :
            Alat dan Bahan yang dibutuhkan pada praktikum kali ini adalah :
1.      Unit PC (Personal Computer)
2.      Softwere Multimedia Macromedia Flash MX
3.      Tutorial
7.        Evaluasi
Hasil pratikum
8.        Penilaian
Penilaian proses belajar peserta didik
1.      Penilaian afektif
b.      Motivasi belajar
2.      Penilaian kognitif
a.       Observasi
b.      Ujian praktek
                  

PRATIKUM ANIMASI DENGAN MENCROMEDIA FALSH

A. Jenis animasi
a. Animasi Line
Animasi line adalah animasi garis yang sering digunakan untuk melengkapi suatu animasi atau menambah efek-efek tertentu.
Pada trik ini, kita masih menggunakan teknik animasi shape (lihat trik 39) untuk membuat animasi garis yang secara perlahah-lahan melebar. Yang perlu diperhatikan, garis digambar bukan dengan Line tool, tapi Rectangle tool.

      b. Animasi Font yang Unik
Animasi font yang unik adalah menganimasikan objek dari font, karena ada beberapa jenis font yang berbentuk objek seperti Webdings, Wingdings, Wingdings 1, Wingdings 2 dan lain-lain. Jadi, kita tidak perlu repot-repot lagi menggambar mobil, sepeda, buku radio, telpon dan lain-lain. Kelebihan lainnya, font tersebut nantinya berupa objek atau gambar berbasis vektor, sehingga cepat untuk dianimasikan dan ukuran filenya pun sangat kecil.
Pada trik ini, kita akan membuat animasi sebuah hati yang lagi jatuh cinta, jadi ketika ketemu sang kekasih, hatinya deg-degan. Adapun objek hati akan kita ambil dari font dengan jenis Webdings.

c.  Animasi Masking Gradasi
Animasi masking adalah animasi yang menyembunyikan atau menutupi suatu objek dengan objek lain, sehingga objek yang menutupi terlihat transparan dan menyatu dengan objek yang ditutupi. Animasi masking sangat banyak digunakan untuk membuat animasi menjadi lebih menarik, seperti efek kaca pembesar, animasi orbit, animasi gerhana matahari total, animasi penerangan lampu mercury, animasi transisi dan lain-lain.
Pada trik ini, kita akan membuat animasi masking berupa objek berwarna gradasi yang akan menutupi teks, sehingga teks tersebut berwarna gradasi ketika dilalui oleh objek gradasi tersebut.


B.     Langkah Kerja Praktikum        :
Animasi line :
Pada trik ini, kita akan membuat animasi masking berupa objek berwarna gradasi yang akan menutupi teks, sehingga teks tersebut berwarna gradasi ketika dilalui oleh objek gradasi tersebut.
1.      Klik Rectangle tool, lalu gambarlah segiempat kecil melebar mirip seperti garis. Lihat gambar 41.1.

Gambar 41.1. Garis yang digambar dengan Rectangle tool
2.      Klik kanan frame 20, pilihlah Insert Keyframe. Kemudian klik Free Transform tool, lalu klik pada garis dan panjangkan seperti pada gambar 41.2.

Gambar 41.2. Garis yang melebar dengan Scale
3.      Klik frame 1 untuk kembali ke frame 1, lalu atur Properties, pilihlah pada bagian Tween: Shape.

Animasi font :
Pada trik ini, kita akan membuat animasi sebuah hati yang lagi jatuh cinta, jadi ketika ketemu sang kekasih, hatinya deg-degan. Adapun objek hati akan kita ambil dari font dengan jenis Webdings.
1.      Klik Text tool, lalu atur Properties, pilihlah pada bagian jenis huruf: Webdings, ukuran: 96 dan warna: merah muda. Lihat gambar 42.1.

Gambar 42.1. Propeties Teks Webdings
2.      Tekan tombol CapsLock pada keyboard, lalu tulislah huruf ‘Y’ maka yang akan tampil adalah objek hati. Lihat gambar 42.2.

Gambar 42.2. Objek hati dari huruf Y
3.      Pada Timeline, klik kanan frame 1, pilihlah Create Motion Tween. Kemudian klik kanan pada frame 10, pilihlah Insert Keyframe.
4.      Klik frame 1 untuk kembali ke frame 1, lalu pilih objek hati, dan klik menu Modify > Transform > Scale and Rotate, isikan pada bagian Scale: 90.

Catatan:
Ada perbedaan objek dari font unik, ketika kita memakai huruf kapital Y maka yang akan tampil adalah objek hati, sedangkan ketika kita memakai huruf kecil y maka yang akan tampil adalah tanda stop. Anda bisa mencoba objek lain seperti mobil ambulan dengan menggunakan huruf kecil h.

Animasi masking :
Pada trik ini, kita akan membuat animasi masking berupa objek berwarna gradasi yang akan menutupi teks, sehingga teks tersebut berwarna gradasi ketika dilalui oleh objek gradasi tersebut.
1.      Klik Text tool, lalu tulislah ‘MASKING’ di layar. Kemudian klik kanan pada frame 25, dan pilihlah Insert Frame. Lihat gambar 44.1.

Gambar 44.1. Teks ‘MASKING
2.      Klik menu Insert > New Layer untuk membuat layer baru (Layer 2). Klik Rectangle tool, lalu gambarlah segiempat berwarna gradasi orange-kuning di sebelah kiri teks. Lihat gambar 44.2.

Gambar 44.2. Segiempat gradasi di sebelah kiri teks
3.      Pada Timeline, klik kanan frame 1, pilihlah Create Motion Tween.
4.      Klik kanan pada frame 25, pilihlah Insert Keyframe, lalu pindahkan segiempat gradasi ke sebelah kanan teks. Lihat gambar 44.3.

Gambar 44.3. Segiempat gradasi di sebelah kanan teks
5.      Pindahkan Layer 1 ke atas Layer 2, lalu klik kanan Layer 1 dan pilihlah Mask. Lihat gambar 44.4.

Gambar 44.4. Perintah Mask untuk Layer 1
Animasi silver adalah animasi kilatan atau cahaya yang melintasi suatu objek atau teks, sehingga objek atau teks yang dilalui terlihat bercahaya. Animasi seperti ini sangat populer dan sering kita lihat di layar televisi .
Pada trik ini, kita akan membuat animasi silver menggunakan teknik masking yang telah kita pelajari sebelumya pada trik 44.
1.      Klik Text tool, lalu tulislah ‘SILVER’ berwarna abu-abu dengan jenis huruf Arial Black dan ukuran: 30. Kemudian klik kanan pada frame 20, dan pilihlah Insert Frame. Lihat gambar 45.1.

Gambar 45.1. Teks ‘SILVER’ berwarna abu-abu
2.      Klik menu Insert > New Layer untuk membuat layer baru (Layer 2). Lalu pindahkan Layer 1 ke atas Layer 2.
3.      Pada Layer 2, klik Rectangle tool, lalu klik menu Window > Color Mixer dan aturlah jenis fill: Linear dengan 3 pointer gradasi hitam-putih-hitam. Lihat gambar 45.2.

Gambar 45.2. Panel Color Mixer Linear hitam-putih-hitam
4.      Kemudian gambarlah segiempat dan letakkan warna gradasi putih berada disebelah kiri teks. Lihat gambar 45.3.

Gambar 45.3. Warna gradasi putih berada disebelah kiri teks
5.      Masih di Layer 2, klik kanan frame 1, pilihlah Create Motion Tween. Kemudian klik kanan frame 20, pilihlah Insert Keyframe, dan pindahkan segiempat agar warna gradasi putih berada di sebelah kanan teks. Lihat gambar 45.4.

Gambar 45.4. Warna gradasi putih berada disebelah kanan teks
6.      Pada Timeline, klik kanan Layer 1, lalu pilihlah Mask dan jalankan animasi. Lihat lagi gambar 44.4.

Catatan:
·         Agar animasi lebih bagus, tambahkan satu layer lagi (Layer 3) dan letakkan di bawah Layer 1 dan Layer 2 di Timeline. Pada Layer 3 tersebut, tulislah ‘SILVER’ lagi dan letakkan sebagai bayangan dari teks ‘SILVER’ sebelumnya. Lihat gambar 45.5.

Gambar 45.5. Teks bayangan
·         Anda juga bisa mengubah arah dari gradasi dengan menggunakan Fill Transform Fill (lihat trik 6), dan hasilnya seperti gambar 45.6.

Gambar 44.6. Gradasi di putar ke kanan
·         Adapun sekilas gambaran animasi yang dihasilkan dapat Anda lihat pada gambar 45.7.

Gambar 45.7. Animasi Silver

Simpan hasil pratikum, kemudian peragakan di depan kelas
     

(untuk file dokumennya (eks .docx), silahkan lihat pada menu download, link materi fash...)

Tidak ada komentar:

Poskan Komentar