What's New in CSS3

Here's a brief peak at what's new in CSS3:

• Borders—Multiple border colors on a side, border images, and rounded corners
• Backgrounds—Multiple backgrounds can be added to a single element, backgrounds can be more precisely positioned, backgrounds can be extended and clipped to the inside or outside of a border, and backgrounds can be resized.
• Color—Color opacity settings, gradients in backgrounds, and HSL color values
• Text—Text shadows, text overflow, and word wrapping
• Transformations—Scale, skew, move, and rotate an element in 2D or 3D space.
• ransitions—Simple dynamic style transitions\
• Box—Add Drop shadows, place userresizable boxes, set overflow separately in horizontal and vertical directions, use outline offset to set space between the outline and the border, apply box model specifications to set how width and height are applied to a box.
• Content—Styles can add content to an element.
• Opacity—Elements can be transparent.
• Media—Style pages based on the viewport size, color, aspect ratio, resolution and other important design considerations.
• Web fonts—Updates and extends the ability to link to fonts for use in a design.

Taken from : CSS3 Quick Start Guide by Jason Cranford Teague

Face Tracing

Setahun yang lalu saya mencoba men-tracing wajah, dan hasilnya bisa dilihat seperti gambar yang ada di header blog ini. Masih kasar dan kesulitan menciptakan tampilan yang apik & realistik.

Sekarang saya beranikan diri men-trace wajah, kebetulan saya dapet foto seseorang yang kelihatannya smart (Mentari, esia, XL, Simpati nggak ikutan), foto genit eh genic & good looking too. (Hmmm kira-kira siapa laki-laki beruntung itu? Yang bisa memiliki dia seutuhnya?). Baiklah kita tinggalkan saja kekagumanku pada gadiez itu. OK intinya sangat inspiratif buat di trace.

Software yang saya gunakan adalah Illustrator CS3, namun demikian Anda bisa mencobanya dengan versi berapapun karena saya tidak menggunakan effect khusus dalam men-trace wajah ini. Dengan senjata utama Pen Tool (P) saya coba menelusuri setiap lekuk wajahnya. Kebetualan kualitas fotonya tidak maximal jadi harus ekstra teliti men-trace nya. Meskipun dimensinya cukup besar tapi ketajamannya sangat kurang karena diambil menggunakan HP, lokasi indoor dengan pencahayaan seadanya.

Bisa dilihat dari outline yang ada di bawah ini.

Pada tanda X merupakan bagian-bagian wajah yang menggunakan Blend (Object - Blend) dengan Spacing: specified steps 50. Kombinasi Warna yang dipilih sengaja tidak di sesuaikan dengan warna yang ada di foto agar hasilnya lebih terang. Pada bagian pipi & dagu, menggunakan kombinasi warna A, B & C.

Pada bagian bawah menggunakan warna A yang selaras dengar warna dasar wajah, sedangkan bagian atas merupakan gradasi antara warna B & C. Shading nya soft aja karena ingin memberi kesan young & fresh.

Bulu Mata

Ide awalnya, di bagian bulu mata saya buat garis helai demi helai kemudian di Blending. Maksudnya agar terlihat lebih detail ternyata dengan tehnik itu justru terlihat flicker apa lagi jika di zoom dengan ukuran tertentu. Hasilnya justru lebih baik ketika saya mencoba menggambar sisi luar bulu matanya, karena fotonya tidak ditail diperlukan sedikit imajinasi agar terlihat lebih lentik.

Mata

Mengenai mata, setelah beberapa kali percobaan akhirnya saya memilih warna Coklat. Sebenarnya dengan warna hitam 90% matanya akan terlihat lebih tajam. Namun saya sengaja memilh warna coklat agar terlihat lebih anggun. (Cie cie....)

Hmm.. bibir itu.

Kesulitan terbesar adalah membuat bagian yang satu ini. Terutama memilih kombinasi warna yang tepat. Saya ingin membuat bibirnya terlihat natural namun feminim. Pilihan warna yang terlalu mecolok justru menjadikannya terlihat menor dan lebih dewasa dari usianya. Kesulitan berikutnya adalah menentukan effect apa yang tepat untuk bibir mungil ini. (Ehem... di sarankan jangan terlalu lama memandang bagian ini, karena akan mempengaruhi pikiran Anda terlalu jauh.....)

Apakah Blending cara yang cocok untuk membuat bibir ini? Blending warna putih & merah muda memang menarik namun kurang realistik. Effect yang di dapat, justru bibirnya terlalu Glossy dan kurang menyatu dengan wajahnya. Jadi akan seperti mengkombinasikan wajah cantik dengan bibir dari antah-berantah (ha... ha... ha... ha...) saya sengaja tidak menampilkan gambarnya seperti apa. Supaya tidak merusak imej yang akan saya masukkan dalam gambar ini. Beruntung saya mengenal wanita yang menjadi objek gambar ini, dengan sedikit menguras memori, saya mencoba mengingat-ingat kembali seperti apa bentuk bibirnya (Hmmm... ngelonjor mode on)

Hasil tracing ini memang masih jauh dari sempurna, dengan jujur saya katakan jauh lebih cantik aslinya dari pada gambar yang saya buat ini. Namun demikian beberapa langkah yang saya buat baik itu salah atau benar dalam men-trace gambar ini semoga menjadi pelajaran yang patut di share bagi Anda Vector Lover. Jika ada kritik, saran apalagi transferan segera kirim ke rekening saya :) buruaaan! (Special Thank to Aniezha)

Kartu Ucapan Ultah

Membuat kartu ucapan ultah dengan foto. sebenarnya bukan hal yang baru. Dua tahun yang lalu saya pernah melakukan hal yang sama. Membuat undangan ultah anakku Elfan yang ke-3 (lebih lengkapnya ada di artikelku di blog sebelah). Menggabungkan karakter favorit yang sedang laku keras di pasaran dengan foto yang empunya hajat memang sangat menarik terutama bagi anak - anak. Apa lagi kalau mereka di suguhkan dengan alternatif gambar yang beragam. Mereka tidak hanya menerima begitu saja, tapi saling berebut gambar favorit. Untuk tahun ini saya pilih tiga karakter utama; Little Krishna, Bernard Bear dan Upin & Ipin (Betul ...betul...betul...). Dengan sedikit sentuhan Illustrator dan Soto Sop (Photoshop deh) jadi deh kartu ucapan yang menarik.

Mengenai ukuran masih sama dengan tahun-tahun sebelumnya, 4R di bagi dua. Ada dua alasan; pertama menyesuaikan dengan ukuran kemasan bingkisan yang akan dibagikan dan yang kedua, hemat (itu yang utama)

Perubahan yang mendasar dari tahun sebelumnya adalah pada bentuknya. Meskipun tetap mengacu pada ukuran 4R yang di bagi dua, bentuk seperti ini tidak hanya di terima, di baca lalu di buang! :( tapi bisa juga di manfaatkan sebagai pembatas buku.

Berikut ini ukuran foto versi Fuji Images Plaza:

3R = 89 X 127 mm
4R = 102 X 152 mm
5R = 127 X 178 mm
10R = 203 X 254 mm
12R = 203 X 305 mm

Sebenarnya materi cetak tidak hanya di kertas foto, Anda bisa juga memanfaatkan Digital Printing jika ingin menyesuaikan budget. Tapi saya tetap memilih media cetak foto digital karena lebih tahan air dan mereka (Fuji) menggaransi tidak akan pudar sampai 50 tahun lagi . Wow! Semoga menginspirasi :)