Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711‐353414
PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK
Computer 2 (Multimedia)
Hand On Lab 10
Animasi Menggunakan Efek
150 menit/ 3 jam
Lecturer : M. Miftakul Amin, S. Kom., M. Eng. Website : http://mafisamin.web.ugm.ac.id Tujuan : 1. Mahasiswa dapat memahami menjelaskan fungsi efek-efek yang terdapat dalam swishmax. 2. Mahasiswa dapat mengimplementasikan berbagai macam efek untuk menjalankan animasi menggunakan swishmax. Perlengkapan : Swishmax Materi
: 1) Menggunakan Efek 2) Membuat Banner Animasi
Swishmax adalah software animasi flash yang dapat digunakan untuk keperluan pembuatan presentasi, animasi, website serta bisa dijadikan tambahan untuk pembuatan video editing. Dibanding dengan software animasi lainnya, swishmax sangat mudah digunakan terutama buat pemula karena koleksi script dan effectnya yang mudah dicerna dan di modifikasi, dan jika ingin menghasilkan hasil Flash secara Image Oriented di swishmax itu tergantung dari pengeditan gambar sebelumnya yang akan ditampilkan di animasi tersebut, editing gambar bisa dilakukan di Adobe Photoshop dan sejenisnya tergantung selera.
1 | H a l a m a n
1. Mendesain Banner Animasi Banner animasi digunakan untuk digunakan pada bagian atas dari sebuah website yang akan menarik pengunjung di internet. 1) Aktifkan Swishmax 2) Tentukan ukuran layout dari scene1 lebar 400 dan tinggi 88 pixel. Ubah background scene1 menjadi biru.
3) Tuliskan menggunakan Text “SELAMAT DATANG DI POLSRI”.
4) Masukkan sebuah effect dari menu InsertÆEffectÆLooping ContinuoslyÆ3D Corkscrew.
5) Double klik pada bagian timeline , maka akan dimunculkan window effect property. Atur pada bagian warna, pilih transisi warna pada setiap pergerakan text.
2 | H a l a m a n
6) Kemudian tambahkan satu buah text, berikan tulisan POLITEKNIK AHLINYA. Kemudian atur beberapa property penting dari text tersebut.
7) Letakkan posisi text yang kedua tepat di bawah text sebelumnya.
8) Kemudian masukkan effect, dari menu InsertÆEffectÆOne OffÆSequeeze. Atur property pada Direction dengan semua text bergerak ke arah dalam dari kiri/kanan.
3 | H a l a m a n
9) Ubah timeline untuk kedua text dengan durasi 40. 10) Setelah itu coba jalankan animasi yang telah anda buat. 2. Menambahkan Scene Baru Dalam pembuatan sebuah animasi dimungkinkan dapat digunakan beberapa scene dalam sebuah proyek. Scene digunakan untuk mengelompokkan beberapa efek sesuai dengan tema yang telah ditentukan. 1) Dari proyek yang masih sama, tambahkan scene baru. Dari Menu InsertÆScene. Hal ini secara otomatis akan menambahkan sebuah scene baru dengan nama scene2 di bagian outline. 2) Tambahkan 3 buah image yaitu polsri1,polsri2,polsri3 yang semuanya berekstensi jpg. Maka dalam scene yang baru akan terdapat 3 buah image. Dari menu InsertÆImage, pilih lokasi dari masing-masing file tersebut. 3) Kemudian susun ketiga gambar tersebut secara berurutan seperti gambar berikut.
4) Tambahkan efek yang sama untuk ketiga gambar tersebut yaiut Fade In. dari Menu InsertÆEffectÆFade In. kemudian susun pada time line seperti berikut.
5) Untuk menjalankan efek pada sebuah scene saja, anda dapat menggunakan beberapa alternatif berikut. Dengan catatan bahwa scene2 telah sebelumnya diklik/dipilih. - Dari menu ControlÆpilih Play Timeline
4 | H a l a m a n
-
Dari Toolbar pilih icon Play Timeline
6) Selanjutnya dapat dilihat beberapa transisi yang berhasil dilakukan pada sebuah banner.
7) Selanjutnya dapat dilakukan beberapa efek transisi yang lain. Anda dapat memilih gambar yang bagian kiri (polsri1.jpg). kemudian letakkan pada timeline ke-50, klik kananÆinsertÆMove.
8) Kemudian ubah property duration menjadi 20. Dan X position dipilih Move To X, isi
dengan 200.
9) Dengan cara yang sama, lakukan pada gambar ke‐3 (polsri3.jpg). Berikan efek dan
durasi yang sama dengan pengaturan pada gambar ke‐1 (polsri1.jpg). Anda dapat melihat sekarang dampak dari pemberian efek. Kedua gambar akan bergerak ke tengah.
5 | H a l a m a n
10) Yang perlu menjadi catatan, supaya transisi terlihat bergerak secara simultan. Perlu
dilakukan pergeseran efek. Perhatikan gambar berikut. Polsri3.jpg efek move mulai pada durasi 50, sedangkan polsri1.jpg mulai pada durasi ke 60.
11) Kemudian pada durasi ke‐80, tambahkan efek fade out untuk ketiga gambar.
Kemudian pada Fade Out setting berikan efek X Scale menjadi 50.
12) Terakhir tambahkan logo polsri dan letakkan di tengah‐tengah background.
Tempatkan presisinya semenarik mungkin.
6 | H a l a m a n
13) Setelah itu berikan efek Fade In untuk logo polsri, tempatkan pada timeline ke‐95.
Setelah itu coba preview keseluruhan (scene1 dan scene2) movie yang telah anda desain.
14) Setelah semua tahapan selesai anda lakukan. Tahap selanjutnya silahkan preview
hasil pekerjaan anda. 3. Membuat Animasi Teks Typewriter. Masih dalam desain sebelumnya. Lakukan tahapan-tahapan berikut. 1) Tambahkan Scene baru, dari menu InsertÆPilih Scene. 2) Pada scene3 yang aktif, kemudian tambahkan 1 text, dari menu InsertÆPilih Text. 3) Maka objek Text akan ditambahkan pada halaman kerja anda, tuliskan “Semester ini saya belajar ANIMASI”. Tempatkan posisi text di tengah background.
4) Pada text yang masih terpilih, masukkan efek, dari menu InsertÆEffectÆAppear into position. Maka dalam timeline akan terbentuk satu efek baru. Untuk durasi akan menyesuaikan dengan text dan ukuran font.
5) Kemudian tambahkan efek move, klik pada akhir efek tulisan. Klik kananÆpilih Move. 6) Double klik pada efek Move. Kemudian atur property seperti gambar berikut.
7 | H a l a m a n
7) Efek tersebut digunakan untuk menggeser tulisan sebelumnya pada posisi ke sebelah kiri. 8) Kemudian tambahkan text kembali, setelah itu tambahkan tulisan “Berbagai Macam Efek <Enter> Dapat Dimanfaatkan”.
9) Pada akhir dari text pertama, tambahkan efek Typewriter untuk text yang ke-2. 10) Setelah itu preview kembali proyek animasi anda untuk keseluruhan movie (scene1, scene2, dan scene3). Simpan file swishmax anda dengan nama praktikum10. Tugas Praktikum : 1. Tambahkan beberapa Effect untuk mengubah animasi pada file Teks anda. Diperiksa tanggal :_____________ Dosen Pengampu:
(M. Miftakul Amin, S. Kom., M. Eng.) NIP. 197912172012121001
8 | H a l a m a n
Nama Laboratorium :
Nomor Komputer :