Gambar,Text, dan Sound di Director

Transkripsi

1 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

2 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

3 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

4 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.

5 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.

6 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.

7 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 Agar backround teks menjadi transparan,di Property Inspector atur Ink= Background Transparent.

8 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.

9

10 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

11 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.

12 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.

13 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 Namun spasi tersebut kurang baik tampilannya, agar spasi berukuran rapat atur Kerning = -2 sebagai berikut.

14 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.

15 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.

16 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.

17 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 Agar musik terus berulang tanpa henti, aktifkan sprite magicmusic lalu Property Inspector tab Sound, ceklis Loop.

18 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

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