Posts Tagged ‘Keynote

03
Jan
10

Advanced Keynote : Stageshow Spotlight bumper with Keynote

Bermain dengan Keynote sungguh sangat mengasyikkan. Setelah MS mengupas tuntas salah satu trik bermain dengan efek charging battery di ulasan sebelumnya. Sekarang MS akan coba untuk sharing lagi salah satu eksperimen kita dengan menggunakan Keynote. Untuk animasi kali ini, kita menyebutnya dengan STAGE SHOW SPOTLIGHT. Yup! Di dasari dengan ide sederhana dalam memaksimalkan fungsi A to B animation yaitu Move Action, kita mencoba membuat layaknya sebuah spotlight panggung. Berikut animasinya:

Ok. Mari sekarang kita kupas tuntas satu persatu untuk langkah – langkah pembuatan animasi tersebut :

Pertama, dari template themes yang ada, kita pilih themes BLACK seperti di bawah ini :

Kemudian, untuk cahaya lampu, terlebih dahulu kita buat di photoshop untuk kemudian nantinya kita pakai di animasi ini. Untuk format, disarankan menggunakan extention PNG (Portable Network Graphic) agar dapat menggunakan background transparan (gunakan nama spotlight_01 dan spotlight_02 agar mempermudah kerja anda di build order). Setelah membuat cahaya, drag kedua cahaya tersebut ke dalam template (lihat garis orange). Kemudian, sesuaikan ukuran cahaya tersebut dengan kebutuhan layar, caranya masuk ke dalam METRICS INSPECTOR (lingkaran merah) lalu ganti sizenya sesuai dengan kebutuhan kita, dalam hal ini MS menggunakan ukuran 300 x 282 pixels.

Langkah selanjutnya adalah memasukkan logo MacSpaces yang telah dibuat dalam satu warna (hitam) agar dapat menyatu dengan warna background theme. Kemudian resize kembali ukuran logo tersebut di METRICS INSPECTOR, di sini, kami gunakan ukuran 500 x 136 pixels.

NOTE : PASTIKAN BAHWA POSISI LOGO TERSEBUT BERADA DI ATAS CAHAYA.

Lanjut ke langkah berikut, taruh logo MacSpaces tersebut tengah template, dan kemudian letakkan Spotlight_01 dan Spotlight_02 di tempat yang berbeda, di sini, spotlight_01 kami letakkan di kiri bawah, sementara spotlight_02 kami letakkan di kanan atas. Kemudian, kita beri efek untuk kedua spotlight ini dengan cara mengklik kedua spotlight tersebut dan masuk ke dalam BUILD INSPECTOR. Di posisi build in, masukkan efek APPEAR, setelah muncul di dalam Build order, klik spotlight_02 dan pilih AUTOMATICALLY WITH BUILD 1 pada pilihan start build.

Masuk ke tahapan selanjutnya yaitu adalah memberikan efek move pada ledua spotlight tersebut, caranya dengan masuk ke BUILD INSPECTOR, pilih ACTION TAB (lihat lingkaran) kemudian di bagian efek, pilih MOVE. Jika langkah yang kalian lakukan benar, maka akan muncul garis seperti di gambar.

Jika kita lihat gambar di atas, lingkaran warna orange di bawah lingkaran action ada PATH, di path tersebut kita bisa mengatur apakah path yang akan digunakan dalam move tersebut berbentuk garis lurus atau ARCH. di ARCH, Setelah path tersebut jadi, kita dapat eng-editnya dengan mengklik ujung dari path tersebut, maka nanti akan keluar direction tool untuk menyesuaikan garis yang ada. Untuk menambahkan Path agar gerakan bisa lebih banyak, klik tombol ADD ACTION [+]  dan lakukan hal yang sama seperti sebelumnya jika kita ingin mengatur arah gerakan spotlight tersebut. MS membuat lintasan kedua spotlight tersebut seperti di bawah ini :

Agar spotlight dapat berjalan mulus, kami membuat durasinya menjadi 4.00 di build inspector. Setelah mendapatkan arah yang kita inginkan untuk kedua spotlight, maka langkah selanjutnya yang harus dilakukan adalah mengatur posisi urutan gerakan dari kedua spotlight (lihat gambar di bawah)

NOTE : Atur build ordernya agar spotlight_02 selalu menggunakan AUTOMATICALLY WITH PRIOR BUILD.

Setelah selesai lampu bergerak, langkah selanjutnya adalah mematikan kedua spotlight dengan cara memilih efek DISAPPEAR pada menu BUILD OUT. Jangan lupa selalu atur spotlight_02 untuk menggunakan AUTOMATICALLY WITH BUILD… agar kedua spotlight tersebut dapat bekerja bersamaan.

Selanjutnya adalah memasukkan uplight dari finder ke dalam template dengan cara dragging. Atur kembali ukuran dengan menggunakan METRICS INSPECTOR untuk disesuaikan dengan kebutuhan image. Perbanyak uplight menjadi 5 buah dengan cara copy-paste. (lihat gambar di bawah)

Atur sejajar secara horizontal, kemudian pilih kelima uplight tersebut, dan lakukan secondary click di trackpad, kemudian pilih SEND BACKWARD. Ini dimaksudkan agar posisi kelima uplight tersebut berada di belakang logo MACSPACES, karena logo tersebut tidak akan keluar apabila kelima uplight tersebut posisinya berada di depan logo.

Langkah selanjutnya adalah memberi efek pada kelima upload tersebut, gunakan efek APPEAR untuk menghidupkan kelima uplight tersebut, untuk uplight yang pertama, gunakan build order AUTOMATICALLY AFTER BUILD …, sementara untuk posisi uplight kedua dan seterusnya dengan menggunakan AUTOMATICALLY WITH BUILD…dan gunakan delay 1.00. Delay ini diperlukan agar uplight dapat terlihat menyala satu – persatu.

Animasi terakhir yang perlu kita lakukan setelah ini adalah, memunculkan logo MACSPACES yang berwarna seiring dengan matinya kelima uplight. Caranya adalah, drag logo MACSPACES yang berwarna ke dalam template, sesuaikan ukurannya dengan logo MACSPACES HITAM yang telah di drag sebelumnya ke dalam template. Atur posisisnya agar persis berada di atas logo hitam. Langkah selanjutnya adalah memberi efek padamnya lampu uplight. Lakukan selection untuk kelima uplight tersebut, pilih DISSOLVE pada BUILD OUT tab, naikkan durasinya menjadi 2.00 agar padamnya lampu terlihat halus. Pada BUILD ORDER, atur uplight pertama dengan AUTOMATICALLY AFTER BUILD…, sementara uplight kedua dan seterusnya gunakan AUTOMATICALLY WITH BUILD…

Langkah terakhir adalah tinggal mengatur efek munculnya logo warna dengan memilih DISSOLVE pada tab BUILD IN, atur durasi menjadi 2.00, dan kemudian pada build order, pilih AUTOMATICALLY WITH BUILD…

Jika langkah yang kalian lakukan benar, maka dalam build order akan tersusun seperti ini :

It’s all wrapped, folks… Selamat mencoba!.

Advertisements
29
Dec
09

Advanced Keynote : Creating Animation bumper vol.1

Umumnya untuk kebanyakan orang, iWork Keynote dikenal sebagai sebuah alat presentasi. Dengan iWork Keynote dan fitur – fitur yang ada di dalamnya, sebuah slide presentasi akan mempunyai sentuhan yang berbeda karena kemampuan animasinya yang luar biasa.

Tetapi untuk kami, iWork Keynote lebih dari sekedar alat presentasi yang dikenal banyak orang. Bagi kami, bermain dengan iWork keynote sungguh menyenangkan. Salah satu hal sederrhana dari ide yang coba kita buat adalah bumper intro dengan gaya Charging battery

Sekarang, kita akan coba mengupas cara pembuatan charging battery dengan menggunakan fitur – fitur yang ada di iWork Keynote:

Pertama – tama, kita pilih themes gradient seperti gambar di bawah ini:

kemudian kita buka Finder dan kita drag gambar battery dan border shell yang sudah kita desain terlebih dahulu di photoshop.

Note : untuk gambar battery (yang berwarna hijau) desain awal battery yang kita buat di photoshop adalah desain awal battery secara utuh, lalu kemudian kita pecah gambarnya menjadi 5 bagian yang nantinya akan di sambung lagi di iWork Keynote.

Setelah semuanya masuk ke dalam keynote, yang perlu di lakukan adalah menyusun kembali urutan sesuai dengan desain awal. Meskipun kelihatannya mudah, tapi penyusunan kembali ini butuh ketelitian, karena jika ada jarak sedikit saja antar pecahan gambar tersebut, akan terlihat pada saat kita putar di slideshow.

Tahapan berikutnya adalah membuat tulisan persentase battery. Karena pecahan kita bagi 5, maka pecahan pertama kita buat 20%,  selanjutnya buat tulisan yang sama dengan Prosentase 40%, 60%, 80% dan yang terakhir kita buat dengan tulisan COMPLETED. Setelah itu tinggal kita mengatur animasi battery dan angka persentase. (lihat gambar).

Kita mulai dari pecahan battery yang pertama, klik pecahan yang pertama, kemudian di inspector, pilih effect Wipe dengan direction FROM LEFT TO RIGHT. Dan karena ini adalah pecahan pertama, di bagian Start build, klik AUTOMATICALLY AFTER TRANSITION.

Setelah itu, klik Angka 20% yang sudah dibuat, kemudian pilih effect FLIP dengan direction FROM TOP TO BOTTOM. Di bagian start build, pilih AUTOMATICALLY WITH BUILD 1.  Lalu buka di bagian BUILD ORDER yang ada di inspector, kemudian drag angka 20% tersebut hingga berada tepat di bawah pecahan 1 (lihat lingkaran warna kuning dari gambar di bawah). Untuk effect ini, silahkan di ulang dengan tulisan prosentase yang sama, tetapi di bagian build order, disesuaikan dengan pecahan battery yang ada.

Agar tidak terjadi penumpukan tulisan pada saat pergantian tulisan dari 20% ke 40% dan seterusnya, makan di antara perpindahan effect tersebut, effect sebelumnya harus di hilangkan terlebih dahulu. Caranya? klik angka 20% tersebut dan pilih menu BUILD OUT yang ada di build inspector, kemudia pilih DISSOLVE, dan di bagian start build, pilih AUTOMATICALLY WITH BUILD …. (sebelumnyam yaitu 40%)

Jika langkah yang kalian lakukan benar, maka di bagian build order akan terlihat seperti ini :

It’s all wrapped… dan bumper sederhana tersebut siap untuk digunakan. Anda dapat menyimpannya dalam bentuk Quicktime untuk dapat di gunakan selain di Keynote.

Selamat mencoba!!




Feed Me

Twit us…

Error: Twitter did not respond. Please wait a few minutes and refresh this page.


Or register your email here to have our subscription...

Join 3 other followers

Search by categories…

Ads

Photobucket

testing

Advertisements