Rabu, 03 September 2008

Membuat Animasi Black and White to Color dengan Photoshop CS2

. Rabu, 03 September 2008

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


2 komentar:

Anonim mengatakan...

Bang itu misalnya diganti gambarnya pakai cewek pasti lebih yahudddd... lho... hehehehe.. btw bagus and sippp... thanks atas pencerahannya.. ya bang...

Taat Prasetya mengatakan...

Besok meh tak ganti gambarnya...dengan yang lebih yahud.. wes.. pokoke tenang wae.. wokeeee... btw thanks deh ats komentnya

 

Tutorial Blogger

Blogroll

Namablogkamu is proudly powered by Blogger.com | Template by o-om.com