Jubilee Enterprise » Animasi

Membuat Gerakan Memukul dengan 3D Studio Max

Jubilee — Wed, 12 Mar 2008 03:57:14 +0000

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.

Gambar 7.2. Memilih Tab Motion

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

Gambar 7.3. Objek Manusia di dalam Viewport

5. Klik ikon Select by Name .

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

Gambar 7.4. Seleksi Seluruh Objek

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

Gambar 7.5. Objek Manusia yang Terseleksi Secara Utuh

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

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

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

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.

Gambar 7.8. Pilihlah Kepalan Tangan

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

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.

Gambar 7.10. Menarik Tangan Sisi Kanan ke Arah Atas

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

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.

Gambar 7.12. Posisi Kaki Kuda-Kuda

19. Klik ikon Time Configuration .

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

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.

Gambar 7.14. Memilih Kepalan Tangan Sisi Kanan

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

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.

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.

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.

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.

Gambar 7.19. Memilih Kepalan Tangan Sisi Kanan

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

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.

Gambar 7.21. Pengaturan untuk To

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

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

Membuat Animasi Black and White to Color dengan Photoshop CS2

Jubilee — Fri, 07 Mar 2008 03:24:09 +0000

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:

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.

Gambar 5.2. Bukalah File Img1.jpg

2. Setelahnya, tekan tombol Open.

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.

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.

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.

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.

Gambar 5.7. Layer Hue/Saturation

10. Gandakan frame 1 dengan mengklik Duplicates Selected Frame.

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.

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.

Gambar 5.10. Aktifkan Option Effects

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

Gambar 5.11. Deretan Animasi-Animasi di dalam Palet Animation

15. Mainkan seperti biasa dengan menekan tombol Plays Animation .

16. Berhentikan animasi dengan mengklik Stops Animation .

Gambar 5.12. Deretan Screenshot Animasi B/W to Color