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