Heru.Widayat.Press

Buat animasi motion tween perpindahan object dari kiri ke kanan
Buatlah layer baru (layer2)
Pada Layer 2, masukkan dua buah tombol dari library Flash. Latihan ini menggunakan tombol circle button – stop dan circle button – play dari kategori Circle Buttons.
Pada tombol stop, klik kanan dan pilih Action, berikan action stop
Pada tombol play, klik kanan pilih Action, berikan Action Play.
Coba jalankan animasi anda (control > test movie), kotak akan berpindah dari kiri kekanan kemudian berhenti

Filed under: ActionScript, flash

Menghentikan animasi yang berulang dengan actionScript

herusastro — Wed, 09 Nov 2011 04:40:40 +0000

Buat animasi motion tween perpindahan object dari kiri ke kanan
Pada frame terakhir lakukan klik kanan dan pilih Action, berikan action stop
Coba jalankan animasi anda (control > test movie), kotak akan berpindah dari kiri kekanan kemudian berhenti

Filed under: ActionScript, Animasi 2D, flash

Membuat Navigasi Antar Frame (frame label)

herusastro — Wed, 09 Nov 2011 04:33:31 +0000

Navigasi berfungsi untuk membawa pengunjung menjelajah dari satu halaman ke halaman lainnya melalui media link, tombol, atau menu.

Klik Text Tool lalu tulislah teks “Halaman depan” di layar.
Klik frame 15, lalu klik kanan pilih > Blank Keyframe. Pada frame 15, tulislah teks “Halaman Profil”.
Klik frame 1, lalu berilah nama/label “depan” pada frame tersebut melalui Properties-nya.
Lakukan hal yang sama untuk frame 15 dengan memberinya label “profil” sehingga sekarang ada dua label di frame, yaitu “home” di frame 1 dan “profil” di frame 15.
buatlah layer baru (Layer 2). Pada Layer 2, masukkan dua buah tombol dari library Flash. Latihan ini menggunakan tombol circle button – previous dan circle button – next dari kategori Circle Buttons.
Klik kanan tombol circle button – next (tombol di sebelah kanan), kemudian berikan action gotoAndStop (tandai Go to and Stop, type: Frame label, Frame: profile) sehingga hasilnya terlihat seperti berikut
Klik kanan tombol circle button – previews (tombol di sebelah kiri), kemudian berikan action gotoAndStop (tandai Go to and Stop, type: Frame label, Frame: depan) sehingga hasilnya terlihat seperti berikut
Klik frame 1 di Layer 2, lalu berikan action stop sehingga movie akan langsung berhenti pada frame 1 saat pertama kali dijalankan. Timeline Panel yang terbentuk akan terlihat seperti
Untuk melihat hasilnya, klik menu Control > Test Movie. Coba klik tombol circle button – next, Anda akan dibawa ke Halaman Profil. Coba klik lagi tombol circle button – previous, Anda akan dibawa kembali ke halaman semula, yaitu Halaman Depan

Filed under: ActionScript, Animasi 2D, flash

Membuat Object Tombol

herusastro — Wed, 09 Nov 2011 02:35:54 +0000

Diarea kerja flash (di layer 1 frame 1) buat sebuah lingkaran dan diatasnya beri tulisan “play”
Kemudian seleksi object lingkaran dan tulisan tersebut
Selanjutnya klik kanan object lingkaran tersebut dan pilih Convert to symbol
Maka akan muncul sebuah window dimana kita harus memasukkan nama dan memilih behaviors / type symbol.

Pada bagian name beri nama tbl_lingkaran, dan pada behaviors/type pilih button, kemudian klik OK, maka object sudah berubah menjadi symbol button
Untuk mengedit symbol tombol tersebut, misalnya ketika mouse diatas tombol berubah warna, Klik 2 kali symbol tombol tersebut.
Ada perubahan pada bagian timeline yaitu sebagai berikut:

Disebelah kanan tulisan Scene 1 ada tulisan tbl_lingkaran, ini maksudnya anda masuk pada area editor symbol tombol.

Pada layer1 tampilan frame terdapat frame Up, Over, Down, dan Hit

Up: frametampilan tombol

Over: frame ketika kursor mouse berada diatasnya,

Down: frame ketika tombol di klik

Hit : frame Area tombol
Untuk merubah warna ketika mouse berada diatas object adalah dengan Klik kanan Frame Over, kemudian pilih Insert keyframe.
Kemudian ubah warna menjadi merah
Kemudian klik tulisan scene 1 untuk kembali ke scene utama
Sekarang coba jalankan dengan meilih menu control > test movie

Filed under: ActionScript, Animasi 2D, flash Tagged: button, flash, tombol

PENGENALAN ACTIONSCRIPT

herusastro — Wed, 09 Nov 2011 01:42:27 +0000

ActionsScript bisa disebut dengan bahasa pemrogramannya Flash. Dengan Actions Script ini, kita bisa membuat movie yang interaktif, maksudnya user bisa berinteraksi dengan movie tersebut, seperti mengontrol navigasi, memasukkan informasi, menggerakkan objek dengan keyboard, mengubah bentuk kursor mouse, membuat menu dan lain sebagainya.

ActionsScript atau Action dibagi menjadi dua, yaitu :

Action Frame adalah Action yang diberikan pada Frame, frame yang berisi Action terdapat tanda a pada framenya.

Gambar 7.1 : Frame 20 berisi action

Action Objek adalah Action yang diberikan pada objek, baik berupa tombol atau movie clip.

ActionScript mempunyai panel, didalamnya kita bisa memberikan dan mengatur action. Untuk menampilkannya, klik menu Window à Action.

Action Category – menunjukkan action diberikan pada frame atau pada objek (button atau movie clip)

Gambar 7.2 : Panel Action

Action Toolbox – berisi kumpulan action yang disediakan oleh Flash dan dapat dipakai langsung dengan melakukan klik dua kali pada action yang diinginkan.
Action Parameter – adalah properti dari suatu action, kits bisa mengisikan nilai didalamnya dan setipa action memiliki properti yang berbeda.
Script Pane – merupakan tempat dituliskannya kode dan action.
View Options – merupakan tombol untuk berpindah mode tampilan editor action

Ada dua mode tampilan editor action, yaitu :

Mode Normal – adalah mode standar yang dapat memudahkankita untuk melakukan script denganhanya meilih Actions yang sudah disediakan Flash disebelah kiri Panel Actions yang disebut Tollbox list atau dengan menekan tombol plus (+).
Mode Expert – adalah mode yang disediakan Flash bagi yangsudah terbiasa dengan pemrograman script. Sehingga dapat dengan bebas menuliskan script-scriptnya.

Gambar 7.3 : Mode Action

Untuk berpindah dari satu mode ke mode yang lainnya, klik tombol view options, lalu pilih mode yang diinginkan .

Catatan :

à Cara paling mudah untuk membedakan antar action frame dengan action objek, lihat pada action category-nya,seperti pada gambar 7.2. pada pojok kiri atas.

à Selain menggunakan action toolbox, kitajuga menggunakan action dengan memilih tanda plus (+).

Filed under: ActionScript, Animasi 2D, flash

Menyusun Clip ke dalam Timeline (Adobe Premiere Pro)

herusastro — Sat, 08 Oct 2011 01:08:29 +0000

Setelah clip-clip yang akan kita pakai diimpor, maka langkah selanjutnya adalah menyusun clip-clip tersebut kedalam Timeline. Kita dapat secara langsung melakukan drag and drop pada clip-clip yang ada di dalam Project Window ke dalam Timeline Window apabila clip-clip tersebut tidak membutuhkan proses trimming. Begitu pula clip yang telah mengalami trimming, kita dapat langsung melakukan drag and drop video yang tampil pada Source Monitor Window setelah melakukan trimming. Tetapi kita dapat juga memakai metode Insert dan Overlay untuk memasukkan clip hasil trimming ke dalam Timeline Window.

Metode Insert dan Metode Overlay

Setelah dilakukan trimming dengan menentukan In Point dan Out Point pada salah satu clip video maka kita akan berlatih menggunakan metode Insert dan Overlay serta melihat perbedaan antara keduanya, langkah-langkahnya sebagai berikut :

1. Pilih salah satu clip yang ada di dalam Project Window, kemudian drag ke dalam Timeline Window dan letakkan pada Track Video 1.

2. Kemudian pilih sebuah clip yang ada dalam Project Window, lalu drag ke dalam Timeline Window dan letakkan pada Track Video 1 tepat di sebelah clip pertama. Lalu klik tulisan Video 2 untuk mengeset aktif Track Video 2, kemudian klik tulisan Audio 2 untuk mengaktifkan Track Audio 2.

Penyusunan clip di dalam Timeline Window

3. Setelah itu pada Source Monitor Window, pada tempat kita melakukan trimming, tekan tombol Insert.

Tampilan Trimming dalam Source Monitor Window

Tombol Insert

4. Maka clip hasil trimming akan dimasukkan ke dalam Timeline Window dengan cara memotong clip yang berada pada tempat Current Time Marker berada, kemudian clip potongannya akan berada didepan clip hasil trimming.

Penggunaan metode Insert untuk memasukkan clip hasil trimming ke dalam Timeline

5. Kemudian tekan File > Undo untuk membatalkan pilihan Insert.

6. Lalu pada Source Monitor Window klik tombol Overlay.

Tombol Overlay

7. Maka clip hasil trimming akan diletakkan di layer atau track yang tidak berisi clip/track kosong.

Tampilan penggunaan metode Overlay untuk memasukkan clip hasil trimming ke dalam Timeline

Mengatur Tampilan Clip yang ada di dalam Track Video

Tampilan Clip yang ada pada Track Video di dalam Timeline Window dapat diatur sedemikian rupa, terkadang kita membutuhkan tampilan yang kompleks untuk mempermudah kita dalam mencari letak adegan tertentu, tetapi kita juga membutuhkan tampilan yang sederhana untuk meringankan kinerja komputer. Untuk mengatur tampilan clip yang ada di dalam Track Video caranya :

1. klik tombol panah Collapse/Expand Track yang berada pada Track Video 1.

Letak tombol Collapse/Expand Track

2. Maka tampilan Track Video 1 akan menjedi seperti pada gambar di bawah ini.

Tampilan Track Video 1 setelah di expand

3. Kemudian kita dapat memilih style tampilan clip menggunakan tombol Set Display Style yang ada di dalam Track Video 1. Kemudian klik tombol Set Display Style, maka akan tampil pop‐up menu yang berisi 4 pilihan pengaturan yaitu Show Head and Tail, Show Head Only, Show Frames dan Show Name Only.

Tampilan ketika tombol Set Display Style di klik

4. Selanjutnya pilih salah satu dari 4 pilihan yang ada. Tampilan Show Head and Tail akan menampilkan gambar awal dan akhir dari sebuah klip, pilihan Show Head Only akan menampilkan gambar awal saja pada clip, pilihan Show Frames akan menampilkan setiap frame dari sebuah clip, sedangkan pilihan Show Name Only hanya akan menampilkan nama dari clip saja.

Tampilan berbagai display style

Mengatur Tampilan Clip yang ada di dalam Track Audio

Seperti halnya tampilan clip dalam Track Video, tampilan clip di dalam Track Audio juga dapat diatur sedemikian rupa. Jika clip pada Track Video menampilkan gambar tempilan video atau still image, maka clip yang ada dalam Track Audio akan menampilkan bentuk gelombang audio atau waveform. Untuk mengatur display style pada Track Audio caranya :

1. Klik tombol panah Collapse/Expand Track yang ada di dalam Track Audio 1.

Tombol Collapse/Expand Track pada Track Audio

2. Maka tampilan Track Audio 1 akan menjadi seperti pada gambar di bawah ini.

Tampilan Track Audio setelah di expand

3. Kemudian klik tombol Set Display Style, maka akan tampil pop‐up menu yang berisi dua pilihan, yaitu Show Waveform dan Show Name Only. Pilihan Show Waveform akan menampilkan bentuk gelombang audio pada clip, sedangkan pilihan Show Name Only hanya akan menampilkan nama file dari clip tersebut.

Tampilan pop-up menu apabila tombol Set Display Style di klik

4. Klik salah satu pilihan tersebut.

show name only

Tampilan pilihan Show Waveform

Filed under: Adobe Premiere Pro, Video Editing