TUTORIAL#5: BAYANGAN

Gambar di samping ini adalah hasil tutorial sebelumnya. Masih terlihat datar sebetulnya meski sudah cukup memuaskan (duh!). Tutorial terakhir adalah yang terpenting karena berfungsi untuk memberi bentuk kepada wajah, sehingga mata, hidung, dan mulut tidak seperti bagian yang ditempelkan di atas wajah.

Untuk memudahkan mengikuti tutorial ini, dan jika Anda langsung melompat ke bagian ini, download source fla hasil dari tutorial sebelumnya. Isinya adalah wajah yang komplet dengan mata, hidung, mulut, namun belum memakai bayangan. DOWNLOAD.

Pada intinya, bagian ini akan menjelaskan teknik membuat bayangan dan pantulan cahaya.

BAYANGAN
Bayangan berfungsi memberi bentuk pada wajah. Untuk memudahkan memberi bayangan, temukan bagian yang lebih gelap pada wajah dan petakan. Gambar di bawah ini adalah peta bayangan di wajah objek. Gambar di sampingnya adalah pemberian bayangan di sisi pinggir wajah dengan teknik gradasi radial, dengan empat kunci warna dan alpha:  #92594B dengan alpha 88% ke 50% lalu di tengahnya #F0CCB5 (ini warna dasar wajah) dengan alpha 0%. Kita hanya memerlukan bagian gelap di ujung gradasi radial.



Kemudian kita perlu memberi bayangan di pipi untuk mengesankan tulang pipi. Buat shape di bagian itu dengan lebar yang menutupi pipi. Lalu buat gradasi radial dengan tiga kunci warna: #92594B alpha 35%, #92594B alpha 14%  dan #F0CCB5 alpha 0%, seperti pada gambar di bawah ini. Jadikan movieclip. Gambar di sampingnya adalah bayangan untuk tulang pipi di kanan. Prinsipnya sama, gradasi radial namun dengan pusat kebalikan bayangan sebelumnya: #F0CCB5 alpha 0%, sementara pinggirannya #92594B alpha 0% setelah alpha 33%. Coba lihat pada gambar, bayangan tulang pipinya membentuk lingkaran tampak lebih jelas.





Lakukan hal serupa untuk bayangan di dahi. Kunci warna gradasi radialnya sama, hanya alpha yang berbeda. Perbedaan lain, pada akhir gradasi adalah alpha 0%. Tujuannya agar tidak muncul perbedaan warna dengan gradasi sebelumnya. Lakukan hal serupa dengan shape berbeda untuk bayangan di dahi kanan.

Kemudian buat bayangan di atas mata dan bawah mata, juga dengan teknik gradasi radial. Karena jatuhnya bayangan di atas mata sedikit berbeda dengan yang di bawah mata, potong shape bayangan, dan geser gradasi radialnya. Untuk mata di kanan, geser pusat gradasi ke arah kanan dan rotasi berlawanan arah jarum jam, sekitar 15-20%, sama juga dengan gradasi di mata di kiri seperti pada gambar.

BAYANGAN MULUT
Untuk mulut, gunakan "Soften fill edges". Pertama, buat shape dengan warna #92594B alpha 15% sebagai warna dasar. Lalu di atasnya, copy paste in place shape tersebut dan beri gradasi linear dengan bagian yang lebih gelap lebih dekat ke tulang pipi. Kemudian beri efek "Soften fill edges". Hei, Anda sekarang belajar teknik mengombinasikan "Soften fill edges" dan gradasi. Lakukan hal serupa untuk bayangan seperti garis yang membentuk lipatan di tulang pipi, seperti pada gambar berikutnya. Itu adalah shape yang diberi gradasi linear kemudian diefek dengan "Soften fill edges". Tujuannya, gradasi linear akan memberikan efek tebal tipis. Namun tanpa "Soften fill edges", garis tebal tipis seperti tempelan. "Soften fill edges" berguna untuk menyatukannya dengan warna dasar.
Tambahkan juga bayangan sedikit gelap di bawah hidung kanan.


Gambar terakhir, paling kanan adalah bayangan untuk mulut. Ada dua bagian bayangannya, pertama gradasi radial di bagian bawah. Kunci warna dan alpha-nya sama dengan gradasi radial sebelumnya, dengan pusat gradasi #92594B alpha 33%. Di atasnya adalah shape gradasi linear dari atas warna #92594B alpha 0% ke bawah abu-abu (#E0DADB) alpha 40%. Ini merupakan pemberi bentuk bibir bawah sehingga mulut tidak seperti tempelan.

Di atas bibir-atas, ada bagian terang. Buat dengan shape yang bawahnya mengikuti bibir atas dan beri efek "Soften fill edges". Ini  tidak begitu terlihat namun penting untuk memberi bentuk bibir atas.

Pada akhirnya, bayangan gelap di wajah adalah seperti gambar berikut. Jadikan movieclip.







PANTULAN CAHAYA
Berikutnya ada pantulan cahaya. Ini sangat mudah. Buat shape di area yang mendapat pantulan cahaya, dan beri gradasi radial. Pusat gradasi adalah putih alpha 36% lalu 0% dan di pinggirnya adalah warna base wajah #F0CCB5 alpha  0%. Gambar berikut ini adalah area yang mendapat cahaya.

Terakhir, berikan setitik cahaya yang kuat di ujung hidung. Caranya pasti sudah tahu kan?

Done.

Karena kita menggambar dengan vektor, outputnya bisa disesuaikan dengan kemauan tanpa menurunkan kualitas gambar. Ketika "export image" (klik "File" lalau "export", lalu "export image", cukup ubah  resolusinya menjadi 300 (standar cetak). Lihat preview hasil akhir ini (3095x3194px).

Ukuran jpeg 3095x3194 px hanya 767 KB sementara file Flash hanya 1,2 Mb dan file sfw hanya 82 Kb.

EKSPERIMEN ALPHA
Beberapa monitor komputer merender warna lebih baik, terutama bagian-bagian yang halus, daripada komputer yang lain. Ini akan mengakibatkan perbedaan warna bayangan yang muncul di layar monitor.
Karena itulah, membuat banyak aset sebagai movieclip akan sangat membantu untuk melakukan resize, edit, atau mengubah alpha.

Coba eksperimen dengan mengubah-ubah alpha movieclip bayangan.
Berikut ini adalah bayangan dengan alpha 80%.

Berikut ini adalah bayangan dengan alpha 60%.

Download source fla hasil akhir:
DOWNLOAD