Gambar,Text, dan Sound di Director

Modul Praktikum Multimedia Animasi

Gambar,Text, dan Sound di Director 1. PENDAHULUAN Kali ini anda akan membuat halaman informasi galery poster Pemandangan Alam yang kaya unsur visual agar memukau audience anda.Terdapat animasi looping teks.Materi yang di bahas antara lain : Animasi Opacity & Scale, Masking, Bled : Add Pin agar terlihat menyala,Member Text, puppetsound dengan Script sederhana.

2. PERSIAPAN Mengatur bidang kerja & import data 1. Klik menu File Open  latihan.dir 2. Pilih bagian Galery(marker Galery), untuk background nya dibuat dari Filled Rectangle, beri warna pada Forecolor Color : Hitam. Beri nama membernya BG_Galery

3. Klik menu File  import 5 buah file bitmap:nature.jpg, pantai.jp, pegunungan.jpg, taman.jpg,pepohonan.jpg. Atur image option nya, Color Depth : Stage(24 bits), hilangkan cheklis pada Image Trim White Space nya beri tanda Cheklis pada Same Setting for Remaining Images

STMIK Tasikmalaya @2014

Deny Erwandi, S.Kom


Masking 1. Di Cast Member akan tampil seperti ini.Kita akan memberi bingkai /mask pada setiap gambar.Oleh karena itu atur / drag dahulu agar ada ruang kosong di samping setiap gambar.

Cast Kosong

2. Kita akan memberi masking untuk Klik kanan Member kosong di samping nature, lalu klik menu import file: siluet.bmp


Deny Erwandi, S.Kom


3. Di kotak option , pastikan Color Depth: 1 bit dan matikan Trim White Space

4. Maka di Cast member ,akan ada member siluet

5. Copy (Ctrl+C) dan Paste (Ctrl+V) siluet tersebut ke samping member taman,pepohonan, pegunungan dan pantai

6. Drag member nature ke Score


Deny Erwandi, S.Kom


7. Aktifkan sprite nature, lalu di Property Inspector atur Ink= Mask. maka nat ure sudah mempunyai bingkai sesuai gambar siluet.bmp, sehingga background hitam movie terlihat.

Catatan:  

Jika di Member siluet.bmp tidak berada di samping member nature, maka masking tidak berhasil. Jika anda drag member taman,pepohonan,pegunungan dan pantai ke Score dengan ink=mask, maka gambar akan mempunyai bingkai siluet juga.


Deny Erwandi, S.Kom


Gambar sebagai Tombol 1. Aktifkan di Frame awal pada Sprite Channel 3. Pilih keempat gambar dengan tool Aroww , Ctrl+Klik untuk menambah gambar yang akan di pilih.

2. Drag keempat member ke Score,hasilnya di Score gambar tumpang tindih. Pastikan ketiga sprite masih terseleksi.

3. Di Property Inspector, klik tombol Scale lalu atur nilai 30% agar gambar lebih kecil 1/3 nya/ disesuaikan ukuran scale nya.


Deny Erwandi, S.Kom


4. Lalu geser posisi gambar agar keempat gambar bisa terlihat

5. Untuk merapihkan dan meratakan keempat gambar tersebut, klik menu Window  Align & Distribute (Ctrl+K).Lalu atur agar rata tengah dengan jarak yang sama antar gambar/ disesuaikan pengaturan posisinya.

Teks 1. Dengan tool Teks buat teks untuk judul / keterangan gambar sesuka anda missal ’Pemandangan Alam’.


Deny Erwandi, S.Kom


2. Untuk meng-edit teks,aktifkan teks tsb lalu tekan Enter di Keyboard.

3. Agar teks berwarna putih dan baground hitam,seleksi teks tersebut lalu atur warna Foreground dan Backgroundnya

4. Pastikan teks tersebut berada di Cast Member no.12

5. Agar backround teks menjadi transparan,di Property Inspector atur Ink= Background Transparent.


Deny Erwandi, S.Kom


Suara Agar lebih menarik,import file suara untuk tombol dan untuk musik latar.

3.SCRIPT TOMBOL Dalam kasus ini 4 gambar berfungsi sebagai tombol yang tidak perlu di tekan. 1. Klik kanan sprite taman, klik kanan lalu pilih menu Script, lalu ketik sebagai berikut. Script tersebut akan dijelaskan kemudian. Begitu pula untuk sprite pepohonan, pegunungan, dan pantai.


Deny Erwandi, S.Kom



Deny Erwandi, S.Kom


Penjelasan Script pada Sprite taman

 On mouseenter me 

Jika cursor berada di sprite tsb Sprite(2).member=”taman” Sprite nomor 2 berubah menjadi gambar taman


Deny Erwandi, S.Kom


   

Member(12).text=”Taman yang Indah” Tulisan / text Cast Member nomor 12 menjadi “Taman yang Indah” On mouseleave me Jika cursor keluar dari sprite tsb Sprite(2).member=”nature” Sprite nomor 2 berubah menjadi gambar nature Membe(12).text=”Pemandangan Alam” Text Judul poster berubah menjadi semula: pemandangan alam

2. Jangan lupa klik tool petir (gambar) (Recompile All Modified Scripts), untuk men-cek bila ada salah ketik.

3. Beres! Play Movie (gambar) coba lewatkan kursor ke ketiga gambar tersebut, maka gambar kiri dan teks akan berubah bukan?

4.ANIMASI Running Text Animasi running teks di bawah layar TV sering dipakai untuk menampilkan informasi dalam acara berita atau pemilu. 1. Untuk persiapan, dengan tool Text (gambar) buatlah sembarang teks putih & ink = Background Transparent.


Deny Erwandi, S.Kom


2. Agar teks tampil halus dan jelas / clear Type, atur Anti Alias = All Text.

3. Klik icon Library Pallete

atau menu Windows  Library Pallete.

4. Di Library Pallete, pilih menu Text, lalu drag icon Tickertape Text ke teks tersebut di Stage atau Score.


Deny Erwandi, S.Kom


5. Akan muncul kotak dialog “Parameter for Tickertape Text”, atur kecepatannya (main besar/kanan makin cepat animasi textnya).

6. Play Movie (gambar) terlihat teks berjalan otomatis ke kiri. Mudah saja bukan?

7. Terlihat kemunculan teks berdasarkan kata bukan perhuruf, sehingga tampil agak tiba-tiba/kasar. Agar tampil halus, edit dengan tool Text (gambar) lalu beri spasi antar huruf menjadi “m a n u s i a d a n a l a m. . . .”.

8. Namun spasi tersebut kurang baik tampilannya, agar spasi berukuran rapat atur Kerning = -2 sebagai berikut.


Deny Erwandi, S.Kom


9. Play Movie untuk melihat hasilnya. Kini teks bergeser seperti perhuruf.

Rotate Flare 1. Import file gambar: flare.jpg dengan setting seperti gambar kanan

2. Drag Member flare ke Score.

3. Untuk mendapatkan kesan menyala,aktifkan sprite flare tersebut lalu di Property Inspector atur Ink =Add Pin.


Deny Erwandi, S.Kom


4. Klik icon Library Pallete atau menu Windows  Library Pallete. 5. Di Library Pallete, Pilih menu Animation  Automatic, lalu drag icon Rotate Continously (time based) ke sprite flare.

6. Atur parameternya misal seperti gambar kanan. Silakan eksperimen Ok.


Deny Erwandi, S.Kom


7. Play Movie (gambar) maka flare berputar terus menerus tanpa akhir. Fade Title 1. Import file gambar: Title.psd denga setting seperti gambar

2. Drag member Title ke Score. Dan sesuaikan posisinya

3. Klik icon Library Pallete atau menu Windows  Library Pallete. 4. Di Library Pallete, pilih manu Animation  Automatic, lalu drag icon Fade In Out ke sprite Title.


Deny Erwandi, S.Kom


5. Atur parameternya misalnya seperti ini. Yang penting Fade = -1 agar animasi fade terus berulang tanpa henti.

6. Play Movie , hasilnya Title kelap kelip tanpa akhir.

Backsound Music 1. Untuk menambahkan latar belakang music, drag member magicmusic ke score Audio Channel 2. 2. Agar musik terus berulang tanpa henti, aktifkan sprite magicmusic lalu Property Inspector tab Sound, ceklis Loop.


Deny Erwandi, S.Kom


File 1 Bit Adobe Photoshop Berikut cara membuat file siluet.bmp yang mempunyai color mode hanya 1 bit di Adobe Photosop.yang nantinya digunakan untuk masking di director 1. Buat file baru klik menu FileNew, atur ukuran lembar kerjanya Color Mode :Bitmap

2. Buat coretan-coretan dengan menggunakan brush. Silahkan diseusaikan sendiri.

3. Simpan pekerjaan anda, Klik menu FileSave ke format *.bmp karena gambar format bmp mempunyai bit yang variatif, namun ukuran format ini STMIK Tasikmalaya @2014

Deny Erwandi, S.Kom


tidak dikompresi sehingga berukuran besar. Silahkan bereksperimen dengan bentuk yang lain OK.


Deny Erwandi, S.Kom

Gambar,Text, dan Sound di Director

Recommend Documents