Sabtu, 23 Februari 2013

Membuat Animasi Bergerak di Photoshop CS 3 Keatas

Pada waktu dulu yaitu Photoshop 7, Photoshop CS, Photoshop CS 2 kita menggunakan Image Ready untuk membuat animasi di Photoshop. Namun mulai Adobe photoshop CS 3 kita tidak akan menjumpai aplikasi image ready tersebut karena Adobe telah menggabungkan elemen dari image ready ini ke dalam fitur dari Photoshop itu sendiri. Hal ini tentu saja lebih menghemat memory (kinerja komputer) karena mengurangi jumlah aplikasi yang aktif di Windows dan akan berpengaruh pada kinerja / kecepatan komputer serta memberikan segi kepraktisan kepada kita.

Baik, sekarang bagaimana langkah langkah membuatnya, mari kita ikuti tutorialnya:

1. Buka aplikasi photoshop CS 3 atau CS 4 atau CS 5
Disini penulis menggunakan Photoshop CS 3
klik CTRL + N = untuk membuat lembar kerja baru

Nah inilah rahasianya, aktifkan panel Animation, caranya: pada menu utama di atas, pilih Window >> (centang) Animation
image propietary of ilmugrafis
akan muncul sebuah window baru dengan nama Animation (frames)
inilah Rahasia Photoshop nya pengganti image ready di photoshop CS 3 ini


2. Buat lembar kerja baru, ukuran terserah anda, disini saya mencontohkan saja
image propietary of ilmugrafis


3. Dengan Text Tool , tulis IG
image propietary of ilmugrafis

4. Nah kita mempunyai 1 gambar, karena animasi terdiri dari beberapa gabungan gambar maka kita harus punya lebih dari 1 gambar bukan :)
image propietary of ilmugrafis
saatnya kita menekan Duplicate Selected Frame (ini untuk menduplikasi / menggandakan gambar kita)


5. Sekarang pada frame 2 kita beri warna pada teks IG (ilmugrafis) kita pindahkan tulisan agak ke bawah
image propietary of ilmugrafis
setelah tulisan ke bawah, Klik Tween Animation Frame untuk membuat Frame-frame secara otomatis (jadi tidak perlu capek bikin 1 per 1 frame /gambar)
Semakin banyak frame maka akan semakin halus gerakan animasinya, disini saya pakai 10 sebagai contoh
image propietary of ilmugrafis
hasilnya bisa dilihat dengan menekan tombol Play

6. kita bisa menambahkan animasi lagi, caranya sama seperti langkah 4 dan 5 , misal: membuat tulisan IG bergerak ke atas
image propietary of ilmugrafis
dan hasilnya:
image propietary of ilmugrafis
Cara mengkonvert menjadi animasinya GIF nya yaitu dengan cara klik File >> Save For Web & Device (ALT + Shift + Ctrl + S)
image propietary of ilmugrafis
Pilih GIF , tekan Save

Semoga menambah wawasan kita dan bermanfaat

Cara menggunakan Camtasia Studio 7 :


Sekarang blog Urang Sunda akan memposting kan tentang Cara menggunakan Camtasia Studio :
mungkin ada beberapa orang yang belum mengerti Cara menggunakan Camtasia Studio..
Saya akan posting sekarang lihat saja  di bawah...

Kegunaan Camtasia Studio :

Dunia komputer sangatlah luas dan yang pasti ter update setiap detiknya, banyak aplikasi baru bermunculan dan pasti ada yang menarik perhatian kita, namun kita tidak dapat mengoperasikannya sebagaimana mestinya, yang akan kita lakukan pasti bertanya atau
mencari tutorialnya. Nah sekarang kita akan membahas tentang “bagaimana membuat Tutorial itu sendiri”, banyak orang beranggapan itu sulit dan segan untuk mencoba, padahal sangat simple dalam teori dan praktek.
Camtasia Studio adalah perangkat lunak perekam video atau layar komputer yang diterbitkan oleh TechSmith. Sebelum mulai merekam, pengguna diminta mengatur area dari layar atau jendela yang akan ditangkap atau seluruh layar dapat direkam sebagai gantinya. Camtasia Studio dapat juga digunakan untuk merekam audio dari mikrofon atau speaker Anda dan merekam video dari webcam Anda di layar.
Dengan Camtasia Studio Anda dapat dengan mudah membuat video tutorial dengan merekam beberapa langkah-langkah yang kita lakukan pada desktop sehingga pemirsa dapat dengan mudah mempraktekkan.
Mula-mula Anda melakukan semua langkah demonstrasi dalam urutan dan mampu melompat dari satu aplikasi ke yang lain tanpa mengganggu proses perekaman. Anda dapat menghentikan perekaman dengan kombinasi hotkey pada setiap saat, di titik mana perangkat lunak membuat masukan yang telah ditangkap, dan menerapkan pengaturan yang ditetapkan pengguna, seperti kapan dan bagaimana menampilkan kursor. Camtasia versi yang lebih baru menawarkan pilihan untuk menggambar sebuah lingkaran sekitar setiap kali kursor mouse diklik, untuk lebih menggambarkan tindakan Anda di layar dekstop.
Jendela utama dapat Anda tambahkan dengan beberapa keterangan dan memberi banyak efek, menambahkan suara atau musik, klip tempat judul, memperbesar dan memperkecil dan banyak efek-efek lainnya.
Dan ini Cara nya...
Cara menggunakan Camtasia Studio :
  1. Klik aplikasi Camtasia Studio 7, maka akan tampil 4 menu:
  • Record the screen berfungsi sebagai merekam aktifitas dalam komputer yang sedang kita operasikan.
  • Record voice narration berfungsi sebagai merekam suara.
  • Record power point berfungsi sebagai merekam aktifitas komputer, menggunakan aplikasi microsfot power point.
  • Import media berfungsi sebagai menginpor media/menggambil media video dan kemudian pengambilan media tersebut akan diedit sesuai kebutuhan user.
  1. Klik “record the screen”.
  2. Drag area yang akan kita rekam, kemudian tekan tombol berwarna merah dengan nama “rec”, maka aktifitas merekampun berlansung sesuai keinginan user,
  3. Untuk berhenti merekam aktifitas, tekan “f10″ untuk selesai rekam.
  4. Kemudian klik save and edit dan beri nama “belajar1.camrec”.
  5. Pada menu “Editing Dimensions”, atur dimensi yang anda suka lalu OK.
  6. Klik menu “produce and share“, pada bagian show me to my video anda pilih “costum production settings“, klik next.
  7. pilih format video berbentuk WMV, atau format video lainnya, kemudian klik next.
  8. Atur selera anda lebar dan tinggi pada video size,
  9. Pada video option dan Maker Option, anda lewati saja.
  10. Pada product video, isikan pada production name ” belajar”,kemudian klik finish.
  11. Tunggulah hasil convert nya sampai 100%,maka pembuatan tutorial akan selesai.
Selamat Mencoba dan Semoga bermanfaat...