Tips membuat video smooth slow motion dengan abobe premiere

Thursday, February 17, 2011


Dengan tips ini anda akan bisa membuat video slow motion versi smoothnya. Apa itu video slow motion? Saya terangkan sedikit biar jelas... :D
Seperti namanya, video slow motion merupakan video yang sengaja diperlambat gerakannya. Dan yang pastinya audio asli dibuang dan diganti dengan background musik.

Sudah ada bayangan dimana anda sering menjumpai video slow motion?
Video slow motion umumnya kita jumpai di video klip musik atau video klip wedding. Dan masih banyak lagi.. :D

Jadi kembali ke permasalahan, bagaimana caranya membuat video klip slow motion yang halus gerakannya? karena umumnya software editing video seperti corel video studio tidak memperhalus gerakan video slow motion. Hasil video akan terlihat patah-patah (choppier), tapi saya tidak bilang jelek loh... :D
Mari kita buat video slow motion versi smooth dengan adobe premiere, kenapa saya pakai adobe premiere? Karena fiturnya lebih banyak dan kebetulan di komputer saya cuma ada corel dan adobe premiere.. :D

Anda import dulu videonya, kalau belum familiar dengan software ini, baca dulu cara menggunakan adobe premiere.
Setelah video masuk timeline, seleksi bagian yang akan di slow motion lalu buang dulu bagian audionya kemudian klik kanan pilih speed duration. Makin rendah, maka makin lambat videonya dan otomatis makin panjang durasi video.



Ini yang penting, jangan lupa centang juga opsi frame blend di menu klik kanan tadi. Tanpa ini, maka hasil video akan patah-patah.



Setelah itu anda tinggal meng-export video tersebut ke format yang diinginkan. Maka hasil video akan slow motion secara smooth.. :D
Selamat mencoba

Cara menggunakan adobe premiere pro


Adoba premiere merupakan salah satu software video editing unggulan yang kerap digunakan dalam dunia perfilman. Banyak fitur yang bisa anda gunakan didalamnya, mulai dari fitur sederhana sampai dengan fitur yang lebih profesional yang pastinya bikin bingung orang awam, termasuk saya.. :D

Berikut saya jelaskan cara paling dasar dalam menggunakan adobe premiere....
Disini akan dibahas cara membuat project baru, mengimport, export dan encoding video. Jadi untuk teknik editing dan info-info yang lebih detil akan saya bahas di postingan selanjutnya..

Buka dulu adobe premiere anda.
Software ini tergolong berat, jadi bagi spek komputer yang rendah akan kesulitan menggunakannya.



Klik new project maka akan muncul menu ini. Kasih nama project anda kemudian OK
Selanjutnya akan ada profile atau preset project. Pilih sesuai dengan kategori video yang akan anda edit. Umumnya DV NTSC atau DV PAL dengan resolusi sekitaran 720x480.



Setelah itu anda akan dihadapkan pada workspace kosong beserta timeline editing. Import video anda dengan klik kanan import pada tab project di kiri atas.
Adobe premiere terkadang tidak mendukung format *.mp4 jadi bagi yang videonya berformat MP4 bisa di convert dulu jadi format MPEG atau AVI.

Video yang telah di import akan ditampilkan seperti dibawah ini


Langkah selanjutnya, anda drag video terebut ke area timeline. Di area ini maka video sudah siap diedit. Preview video bisa anda lihat di preview pane pada jendela kanan atas.


Video anda telah siap diedit? kini anda tinggal meng-export kemudian meng-encode video tersebut. Pilih menu export - media seperti gambar berikut



Maka akan muncul export setting dengan beragam preset. Biar tidak pusing, anda pilih saja salah satu preset tersebut. Resolusinya disarankan sama dengan video awal. Kalau anda mengerti, bisa setting sendiri outputnya sesuai yang diinginkan. Setelah itu klik OK

Akan muncul jendela adobe media encoder yang bertugas meng-encode video anda sesuai settingan export tadi.


Project anda akan masuk list antri dengan status waiting. Klik tombol start queue maka proses encoding akan berjalan... :D

Semoga tutorial ini berguna, walau cuma basic.. :D
Terus terang, lebih mudah memakai corel video studio daripada adobe premiere.. Namun untuk soal fitur jelas adobe premiere lebih banyak.

PageSpeed untuk mempercepat loading website anda

Sunday, February 13, 2011


PageSpeed bukanlah plug-in atau widget untuk website anda, melainkan hanyalah sebuah add-on firefox yang akan menganalisa kecepatan loading suatu web. PageSpeed menilai dari segala elemen web yang kemudian hasil akhirnya ditampilkan dalam bentuk score (maksimal 100). Makin tinggi score suatu web, makin bagus pula performanya.
PageSpeed merupakan proyek dari google dan untuk menjalankannya terlebih dulu harus ada firebug di mozilla firefox anda.

Langsung aja kita ke cara membaca analisa dari pagespeed, karena info-info dasar telah bisa anda simak sendiri pada link-link diatas.
Setelah semuanya di install, buka firebug dan pilih pagespeed pada tab (hotkey F12). Tapi sebelumnya, buka dulu website yang ingin anda analisa. Biarkan sampai loading finish. Pada PageSpeed, klik tombol analyze performance.



PageSpeed akan mulai menganalisa dan memberi anda score. Makin tinggi, makin bagus performa website. Nah, bagaimana cara mengoptimalkan website anda?



Inilah beberapa saran dari pagespeed supaya website anda bisa lebih baik lagi. klik panah kecil untuk membaca secara detil saran tersebut. Klik pada teks akan membawa anda ke halaman google PageSpeed suggestion.

Umumnya saya menemukan beberapa masalah yang kerap disinggung PageSpeed, sperti:
1. Image yang tidak di kompres.
Solusi: Kompres sampai ukuran sekecil mungkin setiap gambar yang ada pada website anda. Namun tetap menjaga kualitas gambar.

2. Beberapa javascript dari situs yang sama.
Solusi: Hal ini bisa menurunkan performa website karena memperbanyak request DNS. Akali dengan menggabungkan js-js tersebut menjadi 1 file javascript. Baca postingan saya tentang mengkompress javascript

3. Seputar Async javascript
Solusi: cobalah loading javascript secara asynchronous (non-blocking). Untuk info yang ini bisa anda cari di google.. :D

4. Stylesheet dan javascript loading
Solusi: Usahakan menempatkan tag STYLE (CSS) diatas kemudian menyusul tag SCRIPT. meloading javascript duluan tidak bagus untuk website.

5. Gunakan selektor CSS yang efisien
Solusi: Kurangi mendeklarasikan fungsi yang sama berulang kali, ada baiknya digabung jadi satu baru di deklarasikan.

Sekedar tambahan info, widget-widget yang kerap menurunkan performa suatu website adalah facebook like box dan google follower.

Semoga berguna.. :D
Ditunggu komentarnya...

Blog tutorial menarik kini dilengkapi dengan Try it editor!!

Tuesday, February 8, 2011


Sekedar pengumuman untuk anda semua, kini blog tutorial menarik sudah menyediakan sebuah widget HTML editor REAL-TIME yang bisa digunakan untuk menjalankan kode-kode HTML layaknya di web browser. Temukan widgetnya dibawah postingan... :D

Cara pakainya mudah saja, tinggal anda ketikkan kode-kode HTML disana maka akan langsung di preview di kotak bawah. Support HTML, javascript, CSS dan bahasa web dasar lainnya.
Area widget sempit? Maklum, ukuran widget harus disesuaikan dengan template agar lebih rapi. Namun jangan kecewa, anda bisa meng-klik link POP-OUT dan editor pun bisa anda maximize full screen.

Selamat mencoba, ditunggu komentarnya.. :D

Melakukan aksi show/hide pada sidebar blog

Monday, February 7, 2011


Kali ini saya akan membagikan sebuah tips yang lumayan unik, yaitu membuat sidebar anda bisa dihilangkan maupun ditampilkan. Tidak hilang secara total sih, cuma menyembunyikan sidebar dari pandangan... :D
Jadi widget-widget yang ada didalam sidebar tetap diloading.

Mengapa ini perlu dilakukan? Saya lihat kebanyakan blogger memposting foto-foto yang resolusinya sangat besar sehingga foto tersebut melewati main-wrapper (tempat postingan) kemudian masuk ke sidebar-wrapper (sidebar blog). Jadi dengan tips ini kita bisa menghilangkan sidebarnya sejenak untuk melihat foto.. :D

Walau masalah ini bisa diatasi dengan mengubah ukuran gambar, namun saya kira banyak blogger yang malas melakukannya, apalagi jika gambarnya banyak... :D
Nah, berikut tipsnya... :D

Sisipkan dulu script ini di bagian HEAD pada template:

<script>
function hide(){
document.getElementById("sidebar-wrapper").style.display="none";
}

function show(){
document.getElementById("sidebar-wrapper").style.display="block";
}
</script>

Kemudian di edit layput, tambahkan widget HTML/javascript lalu isi dengan script semacam ini:

<a href='#' onclick='hide();'>HIDE</a> the sidebar or <a href='#' onclick='show();'>SHOW</a> the sidebar

Kalimatnya bisa anda ubah sesuai keinginan
Pastikan bahwa anda tidak meletakkan widget ini di sidebar karena akan ikut hilang bersama sidebar.... :D

Perlu diperhatikan bahwa anda harus menyesuaikan nama sidebar-wrapper dengan div id sidebar di template anda.
Demonya ada di blog teman saya, blogger iseng. Silakan klik.. :D

Selamat mencoba. Kalau ada pertanyaan silakan kasih komentarnya..

Javascript untuk menghitung jumlah karakter

Sunday, February 6, 2011


Sekedar sharing mengenai script untuk menghitung berapa banyak karakter yang kita input. Cara kerjanya mudah, ketika anda memasukkan karakter pada box yang disediakan, maka fungsi char counter akan dijalankan ketika anda melepas ketikan keyboard (onkeyup) dan kemudian menampilkan jumlah karakter yang telah anda ketik.. :D

Selamat mencoba, berikut kode HTML-nya. Tinggal di paste ke notepad lalu simpan dengan ekstension *.htm atau *.html
Bisa juga anda modif dan sisipkan fungsi caharacter counter ini di proyek-proyek web anda.. :D

<title>Character counter</title>
<form method="POST">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<textarea rows="30" name="charcount" cols="160" wrap="virtual" onkeyup="countit(this)"></textarea>
</td>
</tr>
<tr>
<td width="100%"><div align="right"><p>Jumlah karakter: <input type="text" name="displaycount" size="20" readonly="readonly"></p>
</td>
</tr>
</table>
</form>
<script language="JavaScript">
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>

Tips MENGHAPUS blogger navbar dari blog anda

Thursday, February 3, 2011


Blogger navbar umumnya tidak dikehendaki kemunculannya oleh kebanyakan blogger. Tapi bagaimana lagi, itu sudah termasuk "paket" dari empunya blogspot, blogger.com... :D
Kalau anda search di google cara menghilangkan navbar blogger, mungkin anda akan menemukannya. Namun saya yakin kalau kebanyakan tips yang anda temui tidak MENGHAPUS navbar blogger, melainkan hanya MENYEMBUNYIKANNYA.
Mari kita HAPUS blogger navbar itu...

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXUY78FL-buxG9PxcVCzVC-oaxZCgC9G6pEQlPezqqvQQOZ75f-UGtqHJX43D7Va-83_foZRgqMGN7uAtFUSHXrDlwqOarQ1ZsxJbt35eP7Ebo88YaQ3FEHpExsK1p240KoznBaZiD_W0/s1600/blogger-navbar.png

Walau sama-sama membuat navbar tidak kelihatan, namun trik kali ini akan ampuh membasmi blogger navbar sampai ke sourcecodenya. Jadi navbar tidak akan diloading sama sekali. Beda dengan menyembunyikan navbar yang hanya membuatnya tidak kelihatan.

- temukan dulu tag <body> pada template anda.
- sisipkan koda <--body--> tepat DIATAS tag body tadi
- save template dan lihat source codenya.. :D

script blogger navbar akan berubah menjadi comment dan tidak akan diloading lagi ke blog. Selamat mencoba...