Menggambar gaya Manga menggunakan AI (Adobe Illustrator) Part 1

jika Anda menyukai dan menggunakan Software bernama Illustrator atau mau memakainya seperti kami silakan dinikmati.


pertama siapkan alat dan bahan, seperangkat PC ukuran sedang (penting kuat nampung AI CS one)



siapkan worksheet yang mau dipake, biar gambarnya jelas bikin halaman size A4 saja. orientasi ukurannya terserah yang mau pake, sayangnya aku lebih suka pake cm kerana enak di mata, hehehe.









Masuk ke peralatannya, kita bakal butuh garis bantu yang di buat pake Line Segmen Tool sebagai kerangka nempatin mata, mulut, idung dan telinga. lalu buat bikin gari lengkung sebangsa dagu kita manfaatin yang namanya pen tool. jangan lupa non aktifkan fill color dari pen tool nya biar nyisa garis luarnya saja. OK mari lanjut membuat gambar gaya manga tampak dari depan.













ini dia yang di bikin sebagai permulaan.
buat garis berantakan seperti gambar di samping.
satu tegak dan dua horizon berurut atas bawah. fungsi dari garis tegak sebagai reflektor alias cermin -.- kan bentuk wajah normalnya simetri kiri kanan nya jadi di bagi dua saja seperti begino.
garis horizon 1 (atas) membantu mengatur posisi penggambaran mata
garis horizon 2 (bawah) membantu mengatur posisi penggambaran mulut.




Wokey,
garis mayanya sudah, di bedain aja pake warna biru biar gag ganggu.
lanjut dengan membuat garis lengkung mengelilingi garis maya yang di buat. Sebenarnya untuk membuat agar tampak simetri kayak contoh bikin satu garis dulu baru di copy dan di cerminkan.

caranya di bawah ini....


kalo Transform--> Reflect di klik yang muncul ginian...
















OK, di lanjut ke tambah alis mata, dari gambar kelihatan kan kalo alis di buat sejajar dengan garis horizon 1 . lalu buat nambah mata di bawahnya kasih lagi garis bantu,
yang putus2 atas buat mata
yang putus2 bawah buat nempelin kembang idung.
biar nggak bikin rancu mana yang garis bantu mana yang outline kasi warna yang beda lagi, pake biru saja biar sama kayak garis maya.



Sip... sudah ketambahan mata agak berbentuk sekarang.
buat bikin mata sama alis cukup satu saja lalu di copi dan di cerminkan mirip kayak bikin setengah muka di atas. karena itu bersyukurlah yang mukanya simetris hehehe...



Mata udah... tambahkan idung sesuai dengan pertemuan garis tegak dan garis putus2 bawah.
Ya otomatis garis yang nyisa alias garis maya bawah di pake buat menentukan letak gambar mulut. Corek deh di perpotongan garis nya.





Kelar... kelar hampir kelar....
biar kelihatan manusia tambahkan telinganya,
jarak antara garis putus2 atas dan putus2 bawah adalah gambaran tinggi telinga. Rasakan sendiri kalau tinggi telinga kita itu ternyata sama dengan tinggi tidung kita.




Yap >..< ayo tambah rambutnya....
silakan aktifkan fill color pada pen tool biar langsung kelihatan area yang ditutup, tapi kalo mau diaktifkan belakangan ya OK saja kok.







Last...Last....Last!!!
pilih area wajah dan silahkan aktifkan fill color untuk area wajah, isi dengan warna krem atau lazimnya warna kulit manusia.
hehehehe

Mengubah Gambar Rester Menjadi Gambar Vector Menggunakan Adobe Illustrator

Seteleh mengenal tool-tool dalam adobe illustrator, selanjutnya kita masuk ke project pembuatan vector image. Langkah2nya adalah sbb:

1. Buka foto / file image dengan adobe illustrator :
image ilmugrafis

2. Duplicate layer foto menjadi 2
image ilmugrafis

3. Buat trace foto (layer 1 copy) dengan live trace
Caranya: pada menu utama klik: Object >> Live Trace >> Tracing Options...
maka akan muncul dialog box seperti gambar dibawah ini:
image ilmugrafis
Seting properties seperti tampak pada gambar diatas. Kemudian tekan button Trace

4. Maka akan diperoleh gambar sebagai berikut:
image ilmugrafis
Kemudian set transparency layer 1 copy seperti pada gambar di bawah ini:
Cara mengesetnya adalah dengan merubah persentase dari Opacity 100% ke sesuai kebutuhan
image ilmugrafis
Catatan: opacity tergantung pada source image, jika source image terlalu terang maka opacity dikurangi hingga menghasilkan pencahayaan yang proporsional.

5. Kemudian create new layer, setelah itu kunci 2 layer terbawah, maka akan didapatkan susunan layer seperti pada gambar dibawah ini:
image ilmugrafis
Setelah itu proses selanjutnya adalah menggambar ulang image dengan menggunakan pen tool. Gambar image menurut warna pada layer ke 3, semisal anggota badan jadikan 1 warna seperti tampak pada gambar dibawah ini:
image ilmugrafis
Pen Tool, Opacity 59, Trace Tangan dan Wajah

Gambar seluruh foto/image dengan menggunakan pen tool menurut dengan perbedan warna pada foto/image. semisal pada objek mata, rambut, alis, dsb, gambar dengan path tersendiri seperti tampak pada gambar di bawah ini:
image ilmugrafis

6. Setelah seluruh objek telah tergambar ulang dengan pen tool, kemudian warnai dengan palete color, maka akan didapatkan gambar seperti di bawah ini:
image ilmugrafis
Beberapa skin color dalam vector yang sering saya pakai:

RGB mode:

  • fde0c2 dengan toleransi warna tergelap > cf936a
  • fee1cf dengan toleransi warna tergelap > c4947c
  • f8d2bf dengan toleransi warna tergelap > ac7c69
  • f0d3bd dengan toleransi warna tergelap > 9a6b51
  • fbdcbd dengan toleransi warna tergelap > 845449

CMYK mode:

  • edcfb6 dengan toleransi warna tergelap > ac8066
  • efd2bd dengan toleransi warna tergelap > 986a50
  • feddcb dengan toleransi warna tergelap > c2927b
  • f6dacc dengan toleransi warna tergelap > 9a6b51
  • ffe5c9 dengan toleransi warna tergelap > 835449

image ilmugrafis
Vector Image

Pengenalan Adobe Illustrator

Sebelum melangkah lebih jauh ada baiknya berkenalan dengan dasar-sasar vector dan Adobe illustrator, apa itu vector? berikut penjelasannya:

  • vector: adalah sekumpulan titik dan garis yang saling terhubung yang merupakan perpaduan dari warna2 sehingga membentuk sebuah objek.
    intinya: gambar vector merupakan kumpulan curva-curva warna yang disusun sedemikian rupa, sehingga menghasilkan sebuah bentuk objek.

Software yang biasa digunakan (berbasic vector) untuk membuat vector image:

  • Adobe Illustrator
  • Corel Draw
  • Macromedia Flash
  • 3D max
  • Free Hand, dsb.

Karena saya biasa menggunakan Adobe illustrator CS-2, maka disini akan dijelaskan sedikit pengetahuan saya tentang adobe illustrator CS-2.

Pengenalan Adobe Illustrator CS-2
Sebelum memulai proses kerja pada Adobe Illustrator CS-2, akan lebih baik jika terlebih dahulu mengenal siapa dan bagaimana Adobe Illustrator  itu. Area kerja Adobe Illustrator CS-2 pada dasarnya terdiri atas beberapa komponen antara lain:

tutorial illustrator
Klick Image to Zoom

  • Menu berisi kontrol untuk berbagai fungsi seperti membuat, membuka, menyimpan file, dan sebagainya sesuai dengan menu yang ditampilkan.
  • Stage adalah area persegi empat yang merupakan tempat untuk membuat obyek.
  • Toolbox berisi menu untuk membuat atau menggambar bentuk, memberi pewarnaan, dsb.
  • Palete Color berisi warna-warna yang dipakai dalam pewarnaan objek di dalam Adobe Illustrator CS-2.
  • Objek Properties berisi tentang informasi objek antara lain koordinat objek, rotation, fill, stroke, width, height, dsb.
  • Layer Properties berisi layer-layer dimana objek berada (sama seperti di Potoshop).
  • Pathfinder berfungsi untuk triming objek, menggabungkan 2 objek menjadi 1 bangun, dll.
Mengenal fungsi-fungsi tools dalam illustrator:
tutorial illustrator

  • Selection tool : untuk seleksi objek, memindah, memperbesar ukuran, dsb.
  • Direct Selection tool : untuk editing bentuk bidang yang sudah jadi.
  • Magic wand tool : seleksi warna seperti pada potoshop
  • Lasso tool : seleksi objek seperti pada potoshop
  • Pen tool : membuat bentuk objek (curva) sesuai dengan keinginan kita.
  • Type tool : mengetikkan huruf
  • Line segment tool : menggambar garis
  • Rectangle tool : menggambar bidang persegi, jika ingin memunculkan bentuk bidang yg lain maka press rectangle tool agak lama, maka akan muncul pilihan bentuk bidang yg lain seperti oval, polygon, dsb.
  • Paint brush  tool : menggambar garis secara bebas seperti pada Microsoft paint.
  • Pencil tool : hampir sama dengan paint brush tool.
tutorial illustrator
Tool-tool di atas ini fungsinya hampir sama dengan tool pada potoshop

Demikian penjelasan tentang tool dan dasar illustrator
tutorial illustrator

Dasar Photoshop : Color Theme Photoshop CS4

Apapun yang berhubungan dengan grafis pastilah tidak luput dari vector dan warna. Dua hal ini ada point teratas jika memulai sebuah proyek, diikuti proporsional dan kombinasi.
Kadang merancang kartu nama aja udah bingung mau pake konsep apa, yang tentunya warna. Jika kita mau konsepnya techno, pastinya warna2 yang kalem n unsur2 teknologi dsb.

Layout Katalog Tazewell: warna ( blue, grey, white)
dasar photoshop

Kalo bingung mau kombinasi warna2 yang dipakai biar ga nabrak, skrg pshop udah ada aplikasinya, namanya Kuler ( bukan tukul tp Kuler , wkwkwk Ke Je Dott,.!=])
Menu Windows- Extention- Kuler
dasar photoshop

kalo udah dipilih munculnya:
dasar photoshop

Liat pada Base Color –nya, itu adalah warna pilihan anda dan dengan kuler ini akan ditampilkan warna sinkron-nya atau theme warnanya.

Dikuler juga kita bisa men-setting RGBnya atau CMYK utk masing color setting pada setiap proyeknya. (saya lebih terbiasa dengan RGB).

Kuler sebenarnya bukannya bisa menentukan warna kombinasi yang cocok untuk kita pakai buat desain apapun. Kuler bisa menentukan titik warna khusus pada setiap grafik warna sesuai dengan koordinat Color Picker. Hasil kombinasi yang di tampilkan pada Kuler ini benar2 membantu kita dalam men-campur adukan warna2 yang mungkin saja anda bisa memuja-muji olahan anda sendiri, hehe..

Cara pakainya? Gampang aja,.

Pertama anda tentukan sendiri warna yang anda mau,.kalem?ceria?elegant?warna nabrak tapi keren?=P Ke Je DOT lagi yukk,…

Pada Select Rule-nya, anda bebas memilih jenis grafik kombinasi warnanya.
Misalnya saya ingin membuat kartu nama dengan konsep warna ke ijo2an,.maka kita mesti tentuin dulu Rule-nya. Saya pilih yang Monochromatic. Kombinasi warnanya yang tidak terlalu extrim (namanya juga MONO=satu macam)
dasar photoshop

Untuk mendapat Base Color-nya bisa kita pilih dengan KLIK n Drag pada color pointnya dengan lingkaran bulat paling BESAR.
dasar photoshop
Akhirnya dapat kombinasi warna ijo2 yang dapat kita pilih sesuai minat dan selera anda. Jadi tidak susah2 cari warna kombinasi khusus MONO warna HIJAU.

Cara menggunakan warna hasil pencarian dengan kuler ini, cukup double kilik kotak warna hasil nge-KULER-nya, so dapatlah warnanya pindah ke Foreground Color, atau COPAS (copy-paste) angka Hex-nya ke hex di Color Picker.
dasar photoshop

Bagaimana kalo mau kombinasi warna lebih dari satu jenis warna?
Kita cukup pilih jenis Rule-nya,
Saya pilih yang Triad aja, lebih simple titik2 warnanya,.karna Simple itu yang menarik,.;)
Kalo mau warna yang ceria2 atau Colorful, kita bisa mengatur BC-nya (Brightness & Contrast).

kuler photoshop cs4
Untuk mencari kombinasi warna yang sesuai selera, kita bisa C&D (Click & Drag) pada bulatan base colornya, bulatan tengah yang paling BESAR.

Membuat Undangan Sederhana Dengan CorelDraw

Pertama-tama kita membuat kotak merah
tutorial coreldraw

Lalu dari kotak itu tekan CTRL+C lalu dilanjutkan CTRL+V yang dimaksudkan mengkopi bangun itu di tempat yang sama. Warnai kotak kedua dengan warna kuning.

tutorial coreldraw

Selanjutnya tekan CTRL+Q untuk mengubah objek kotak itu menjadi vector.
Tekan F10 untuk shape tool. Bengkokkan tengah garis ke bawah.

tutorial coreldraw

Lalu tekan F11 dan akan muncul panel Fountain Fill
tutorial coreldraw

Kolom type linear diganti dengan conical dan pilih custom
tutorial coreldraw

Mulanya, kolom bagian pewarnaan ada 2 saja antara putih dan hitam. Tapi langsung klik 2X pada segitiga di bagian pewarnaan untuk menambah pewarnaan. Terus pada kotak siluet itu pada mulanya di tengah, seret sendiri ke kanan bawah seperti gambar diatas.
Hasil akan tampak seperti dibawah :

tutorial coreldraw

Lalu samarkan dengan transparancy tool
tutorial coreldraw

Hasil tampak seperti dibawah :
tutorial coreldraw

Lalu buat bangun bintang dengan menu complex star tool
tutorial coreldraw

Lalu tarik complek star itu ke kanan dengan menu interaktiv distortion tool
tutorial coreldraw

Dan warnai hitam untuk sementara. Copy menjadi 4 yang bersinggungan dan kasih efek transparan dengan interaktive transparancy tool dari kanan ke kiri. Seperti pada gambar dibawah :
tutorial coreldraw

Lalu masukkan ke kotak merah yang tadi dengan menu effect => power clip => place inside container
tutorial coreldraw

Hasil akan tampak seperti gambar bawah :
tutorial coreldraw

Klik kanan pada gambar lalu edit content
tutorial coreldraw

Tarik ke kanan atas dan warnai putih. Setelah itu klik kanan lagi, pilih finish edit.
Dan kalau digabungkan dengan pembuatan garis pelangi yang tadi akan tampak seperti dibawah :

tutorial coreldraw

Perlu diingat, bangun lengkung pelangi harus berada diatas kotak yang telah diisi dengan motif bunga.
Setelah itu masukkan gambar pengantin yang saya sediakan untuk didownload.
tutorial coreldraw

Nah, dari sini kasih background sinar pada gambar pengantin itu dengan tool interactive drop shadow tool. Lihat gambar bawah

tutorial coreldraw

Tinggal kasih tulisan aja….
tutorial coreldraw