Archive for the 'Animasi' Category

Mar 12 2008

Membuat Gerakan Memukul dengan 3D Studio Max

Published by Jubilee under Animasi

clip_image002

 

Kita akan membuat gerakan memukul menggunakan 3D Studio Max. Kedua tangan akan kita posisikan agar memukul satu demi satu.

Berikut langkah-langkah untuk membuat gerakan memukul pada objek manusia yang kita letakkan di dalam viewport.

1. Pertama-tama, buat dulu objek manusia (biped) di dalam viewport.

2. Klik pada Perspective Viewport.

3. Kemudian, aktifkan Tab Motion.

 

clip_image004

Gambar 7.2. Memilih Tab Motion

 

4. Setelah itu, posisikan objek manusia di dalam Perspective Viewport agar Anda dapat melihatnya secara utuh menggunakan Zoom clip_image006 dan Pan clip_image008.

 

clip_image010

Gambar 7.3. Objek Manusia di dalam Viewport

 

5. Klik ikon Select by Name clip_image012.

6. Seleksi seluruh bagian-bagian yang membentuk objek manusia dengan menekan tombol All.

 

clip_image014

Gambar 7.4. Seleksi Seluruh Objek

 

7. Tekan tombol Select dan seluruh objek manusia itu akan terseleksi.

 

clip_image016

Gambar 7.5. Objek Manusia yang Terseleksi Secara Utuh

 

8. Klik seluruh ikon di bawah ini yang ada di Keyframing Tools rollout.

 

clip_image018

Gambar 7.6. Mengaktifkan Ikon-Ikon di Atas yang Ada di Keyframing Tools

 

9. Perbesar tampilan objek manusia di dalam Perspective Viewport menggunakan Zoom clip_image019.

 

clip_image021

Gambar 7.7. Memperbesar Objek Manusia di dalam Viewport

 

10. Klik pada kepalan tangan sisi kiri.

11. Setelah itu, drag ke arah atas hingga membentuk persiapan aksi memukul.

 

clip_image023

Gambar 7.8. Pilihlah Kepalan Tangan

 

12. Tarik ke arah dalam jika perlu agar tangan itu terkesan melindungi daerah dada.

 

clip_image025

Gambar 7.9. Menarik Tangan ke Dalam

 

13. Kalau sudah, klik kepalan tangan sisi kanan (tangan satunya).

14. Drag ke arah atas sehingga posisinya mirip dengan posisi tangan sisi kiri yang sudah kita naikkan sebelumnya.

 

clip_image027

Gambar 7.10. Menarik Tangan Sisi Kanan ke Arah Atas

 

15. Dengan bantuan Front Viewport, klik betis kaki kanan.

 

clip_image029

Gambar 7.11. Memilih Betis Kaki Kanan Dilihat dari Front Viewport

 

16. Kembalilah ke Left Viewport.

17. Gunakan sudut perpotongan antara Y dan Z untuk menarik betis itu ke depan sehingga menjadi menekuk.

18. Klik betis kaki sisi lainnya dan dan drag ke arah belakang sehingga membentuk posisi kuda-kuda.

 

clip_image031

Gambar 7.12. Posisi Kaki Kuda-Kuda

 

19. Klik ikon Time Configuration clip_image033.

20. Setelah itu, Anda masukkan angka 100 di bagian End Time.

 

clip_image035

Gambar 7.13. Pengaturan End Time

 

21. Tekan tombol OK.

22. Lanjutkanlah dengan menekan tombol AutoKey.

23. Geser slider animasi ke frame 10/100.

24. Klik kepalan tangan sisi kanan lewat penampang di Perspective Viewport.

 

clip_image037

Gambar 7.14. Memilih Kepalan Tangan Sisi Kanan

 

25. Klik dan drag ke arah depan untuk menciptakan gerakan memukul.

 

clip_image039

Gambar 7.15. Menarik Kepalan Tangan ke Arah Depan

 

26. Naikkan slider animasi ke posisi frame 20/100.

27. Klik dan drag kepalan tangan itu ke arah kiri (arah dalam) kembali untuk gerakan menarik pukulan.

 

clip_image041

Gambar 7.16. Penarikan Kepalan Tangan ke Arah Dalam Kembali

 

28. Kalau sudah, kliklah pada kepalan tangan satunya (tangan kiri).

29. Drag ke arah muka untuk gerakan memukul sama seperti yang kita lakukan tadi pada tangan kanan.

 

clip_image043

Gambar 7.17. Pukulan ke Arah Muka

 

30. Klik pada slider animasi dan geser ke arah kanan pada posisi 40/100.

31. Jika sudah, Anda bisa menarik kepalan tangan itu ke arah dalam lagi untuk menarik pukulan itu.

32. Lanjutkan dengan menaikkan slider animasi ke frame 50/100.

33. Klik pada kepalan tangan sisi kanan dan drag ke arah muka untuk gerakan memukul sekali lagi.

 

clip_image045

Gambar 7.18. Frame 50 Menunjukkan Gerakan Memukul

 

34. Geser slider animasi ke frame 60/100 dan tarik kembali tangan yang memukul itu ke arah dalam.

35. Naikkan slider animasi ke frame 70/100.

36. Klik pada kepalan tangan sisi kiri.

 

clip_image047

Gambar 7.19. Memilih Kepalan Tangan Sisi Kanan

 

37. Klik dan drag ke arah muka untuk gerakan meninju.

 

clip_image049

Gambar 7.20. Gerak Memukul ke Depan

 

38. Geser slider animasi ke posisi 80/100 dan klik serta drag tangan tersebut ke arah dalam lagi.

39. Tekan tombol F10 untuk masuk ke dalam jendela Render Scene.

40. Masukkan angka 100 di bagian To.

 

clip_image051

Gambar 7.21. Pengaturan untuk To

 

41. Gunakan resolusi yang lebih rendah, misalnya 720x486 dengan cara menekan tombol tersebut.

42. Tekan tombol Files dan simpan dalam bentuk animasi .Avi.

One response so far

Mar 07 2008

Membuat Animasi Black and White to Color dengan Photoshop CS2

Published by Jubilee under Animasi

Selain objek, warnapun bisa dianimasikan. Kita bisa menciptakan kesan bahwa objek itu bereaksi, bergerak, dan hidup dengan hanya mengandalkan permainan warna saja. Contohnya pada latihan kali ini. Kita akan menciptakan animasi dimana sebuah foto yang semula tampak hitam putih, secara perlahan namun pasti beranjak menjadi foto yang penuh warna. Animasi seperti ini cocok diterapkan untuk animasi tombol web dimana tombol itu bisa bereaksi sesaat setelah kursor mouse berada di atasnya dalam beberapa detik.

Berikut konsep animasi B/W to Color ini bekerja. Anda akan melihat deretan frame-frame di bawah ini:

clip_image002 clip_image004 clip_image006

Gambar 5.1. Perubahan Tahapan Warna

Tentu saja, Anda tidak melihat begitu banyak perubahan pada gambar-gambar di atas karena buku ini dicetak dalam tinta hitam-putih saja sehingga ketiga gambar di atas sangat identik satu dengan lainnya. Tapi, begitu Anda mencobanya langsung menggunakan Photoshop CS2, Anda akan melihat cara kerja animasi ini.

Menciptakan Animasi B/W to Color

Setelah Anda tahu konsep membuat animasi B/W menjadi berwarna, maka Anda bisa langsung mempraktekkan konsep di atas dalam langkah-langkah yang konkrit. Silakan Anda manfaatkan deretan langkah-langkah yang tersaji di bawah ini dengan baik.

1. Buka file Img1.jpg yang ada di folder /Project5/. Tekan Ctrl+O untuk membukanya.

clip_image010

Gambar 5.2. Bukalah File Img1.jpg

2. Setelahnya, tekan tombol Open.

clip_image012

Gambar 5.3. Tampilan File Img1.jpg

3. Tekan tombol Ctrl+A.

4. Susul dengan menekan Shift+Ctrl+J. Tugas Anda untuk memindahkan foto ke layer khusus telah usai.

5. Sekarang, mari kita ciptakan kreasi warna hitam putih pada foto tersebut. Pilih menu Layer > New Adjustment Layer > Hue/Saturation.

clip_image014

Gambar 5.4. Membuat Adjustment Layer yang dalam Hal ini adalah Hue/Saturation

6. Tekanlah tombol OK.

7. Tugas Anda berikutnya adalah mengatur Hue/Saturation ini agar menciptakan tampilan warna hitam-putih pada foto. Pertama-tama, klik kotak cek Colorize terlebih dulu.

clip_image016

Gambar 5.5. Pertama-tama, Aktifkan Kotak Cek Colorize Terlebih Dulu

8. Pengaturan Hue, Saturation, dan Lightness untuk membuat kesan hitam-putih adalah sebagai berikut, Hue: 59, Saturation:1, dan Lightness:0.

9. Tekanlah tombol OK. Adjustment Layer bernama Hue/Saturation itu akan muncul di jendela Layers.

clip_image018

Gambar 5.6. Pengaturan Hue, Saturation, dan Lightness

Pengaturan Hue, Saturation, dan Lightness di atas bisa sangat variatif. Semuanya tergantung pada kondisi foto yang Anda pakai. Setting nilai yang tercantum di dalam kotak dialog Hue/Saturation di atas hanya ideal bagi foto yang saat ini kita pakai, yaitu file img1.jpg.

clip_image020

Gambar 5.7. Layer Hue/Saturation

10. Gandakan frame 1 dengan mengklik Duplicates Selected Frame.

clip_image022

Gambar 5.8. Menduplikat Frame 1

11. Turunkan nilai Fill yang ada di jendela Layers ke posisi 0%. Tapi, pastikan dulu bahwa layer yang aktif adalah Hue/Saturation.

clip_image024

Gambar 5.9. Turunkan Nilai Fill ke 0%

12. Karena kita menggunakan Fill, maka prosesnya sedikit berbeda. Klik Tweens Animation Frame.

13. Anda dapat menggunakan setting-setting yang dulu pernah kita pakai. Hanya saja, khusus untuk bagian Parameter, aktifkanlah Effects.

clip_image026

Gambar 5.10. Aktifkan Option Effects

14. Tekanlah tombol OK dan lihatlah deretan frame-frame yang akan tercipta secara otomatis dalam waktu singkat.

clip_image028

Gambar 5.11. Deretan Animasi-Animasi di dalam Palet Animation

15. Mainkan seperti biasa dengan menekan tombol Plays Animation clip_image029.

16. Berhentikan animasi dengan mengklik Stops Animation clip_image031.

clip_image032 clip_image033 clip_image035 clip_image036

Gambar 5.12. Deretan Screenshot Animasi B/W to Color

One response so far

Close
E-mail It