Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Illustration

Membuat Ilustrasi Wajah Kucing, dari Stok Gambar, menggunakan Adobe Illustrator

by
Read Time:9 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Dhayzblue (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Terus terang...Saya wanita yang "gila" kucing. Ketika tren memiliki t-shirt, dengan gambar wajah yang besar dari hewan, digabung kedalam kanvas dimulai, saya jelajahi semua situs desain t-shirt untuk menemukan satu desain yang sempurna untuk saya. Terinspirasi akan hal itu, saya akan tunjukan bagaimana cara membuat desain versi kamu sendiri, dari stok gambar yang ada, menggunakan Adobe Illustrator.


1. Putar dan Pangkas Gambar Kamu 

Langkah 1

Semua diawali dengan gambar yang menggemaskan ini . Sempatkanlah waktu melihat-lihat begitu banyak foto kucing di situs penyedia gambar favoritmu, favorit saya adalah Photodune Pilih satu foto kucing yang memandang lurus kearah kamera. Saya memilih gambar seekor anak kucing jenis British Longhair yang menggemaskan ini.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial
Atau kamu bisa memfoto kucing kamu sendiri... jika dia bisa duduk dengan tenang cukup lama!

Langkah 2

Baik, sekarang kita bawa gambarnya kedalam Adobe Photoshop. Potret yang terbaik adalah yang kedua matanya sejajar sempurna secara horizontal. Dengan Crop Tool, Pertama - tama saya pilih area yang saya inginkan untuk di pangkas kemudian memutarnya sebelum benar-benar di pangkas. Grid yang ada didalam antarmuka Crop Tool memungkinkan kamu menyejajarkan kedua mata kucing kedalam garis horizontal.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Sekarang saya punya hasilnya, siap untuk dipindahkan ke Illustrator.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

2. Persiapkan Mirror Layer Kamu

Langkah 1

Pertama-tama Siapkan dokumen kita.  Jadi, buatlah New document dan File > Place letakan gambar yang sudah di crop kedalam kanvas Lalu saya buat diatasnya, Rectangle (M) dengan warna coklat dan atur Opacity menjadi 50%. Tujuannya supaya saya bisa menambahkan sapuan yang lebih ringan di atas foto tersebut dan tetap bisa melihatnya. Saya juga bisa mengganti warnanya menjadi putih untuk melihat sapuan berwarna lebih gelap.

Kemudian Buat layer baru,  disinilah tempat keajaiban akan berlangsung.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 2

Alasan utama kenapa kita membutuhkan foto dengan Kedua matanya memandang lurus dan seimbang secara horizontal adalah agar kita bisa melakukan mirror terhadap strokes dan shapes yang kita buat diatas kanvas nanti. Jadi, secara teori, kamu hanya butuh menggambar setengah muka saja...itu membuat proses pembuatan bulu nanti menjadi tidak terlalu menyeramkan bukan?

Gunakan Line Segment Tool (\) untuk menggambar garis vertikal ke bawah ditengah potret. Dengan Smart Guides (Control-U) diaktifkan, buatlah Rectangle (M) dengan ukuran lebih dari setengah ukuran portrait , Pastikan garis persegi empat itu selaras dengan garis vertikal ditengah tadi. Setelah selesai, Garis tengah dan persegi empat tadi kita gabung menggunakan Group (Control-G).

Saya akan jelaskan teorinya. Kita akan memantulkan apapun yang ada didalam area persegi empat itu ke sisi kanan. Dengan menentukan batas, kita tahu apapun yang kita buat diarea tersebut akan terpantul atau tercermin tanpa mendistorsi mirror effect kita nanti.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 3

Apakah kamu tahu, kamu dapat menerapkan efek ke seluruh lapisan, bukan hanya pada shape / bentuk ? Yah itulah yang akan kita lakukan disini, jadi ini mempengaruhi segala sesuatu di setiap layer. Alihkan layer yang berisi garis dan bentuk persegi empat kamu dan buka Effect> Distort & Transform > Transform. Kita akan melakukan Reflect di axis X, dari shape sebelah kiri dan membuat 1 Copy.

Jika Kamu sudah isi ini dengan benar, Kamu akan dapat melihat garis persegi panjang tercermin pada sisi kiri. Klik OK setelah selesai.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

3. Membuat Bulu Kucing

Langkah 1

Saat Kamu membuat bulu, Kamu harus memperhatikan panjang dan arah bulunya. Perhatikan dibagian hidung, bulu kucing jauh lebih pendek dan halus. dan diluar area tadi, bulunya lebih tebal dan lebih panjang. Ingatlah ini.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 2

Saya akan membuat bulu dengan Brush/kuas yang runcing atau tajam. Kamu bisa mengetahui cara membuatnya dari tutorial Width Profile saya. Saya akan menggunakan "Width Profile 1" brush, bersama dengan Paintbrush Tool (B).

Saat kamu menggambar menggunakan banyak brush, itu bisa membuat memory komputer anda bekerja keras... tidak peduli seberapa bagus spesifikasinya. Jadi saya sarankan untuk setiap set bulu yang Kamu buat, drag dan drop layer cermin ke ikon Create New Layer, untuk menduplikasinya. Kemudian buatlah bulu di layer yang baru dibuat. Dengan cara ini Kamu dapat menyembunyikan semua stroke yang sudah di buat dan komputer kamu pun tidak akan mengalami lag atau istilah gaulnya lemot.

Mari kita mulai dengan menduplikasi layer cermin Kamu dan membuat goresan pertama. Ini akan menjadi 0,5pt Stroke Weight dan menggunakan warna coklat gelap. Ini akan menjadi sapuan - sapuan halus yang berfokus pada pusat wajah dan akan membantu mengukir hidung. Saya atur sapuan-sapuan tersebut ke Blending Mode Multiply, Opacity 20%.

Ingat, Kamu hanya menggambar sisi kanan seperti yang tercermin di sebelah kiri.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 3

Mari kita sembunyikan layer pertama dari sapuan itu dan gandakan layer cermin yang asli.

Saya akan menambahkan beberapa sapuan ringan di sekitar pusat wajah sekarang. Lagi dengan 0.5pt Stroke Weight, dengan sapuan berwarna Putih/Abu-abu dan atur ke Blending Mode Screen, Opacity 70%.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 4

Saya kemudian membuat layer baru di bawah semua layer bulu dan menggambar Rectangle (M) berawrna krim di bawahnya. Sekarang Kamu bisa melihat seperti apa bulunya terlihat di atas latar belakang.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 5

Ayo kita lanjutkan menambah lebih banyak bulu. Pertama-tama beberapa sapuan dengan warna mid Coklat, untuk membantu memadukan warna area yang lebih terang dengan area yang lebih gelap.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 6

Kemudian buat beberapa sapuan mid coklat panjang di sekitar bagian luar dan beberapa di tengah.  Kamu ingin bagian tengah potret menjadi titik fokus, tetapi kamu juga ingin bagian luar potret menyatu dengan latar belakang.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 7

Campurkan lebih lanjut dengan beberapa goresan yang lebih terang.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 8

Lalu dengan Opacity yang jauh lebih rendah, tambahkan goresan yang lebih ringan.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 9

Di Layer latar belakang, tambahkan Rectangle (M) dengan Radial Gradient ke tengah potret. Gunakan Gradient Tool (G) untuk memodifikasi dimensinya. Saya telah menggunakan warna latar belakang yang tepat untuk gradien transparan ini dan kemudian mengatur Blending Mode dari bentuk tersebut menjadi Multiply.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 10

Mari kita perbaiki bulu di sekitar bagian tengah potret dengan beberapa goresan yang lebih gelap.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 11

Lalu dengan Stroke Weight yang lebih tebal, tambahkan beberapa stroke dengan Opacity rendah di bawah goresan bulu yang lebih halus.  Lapiskan goresan satu sama lain untuk mendapatkan nuansa yang lebih gelap, untuk membantu mengubah komposisi warna.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

4. Buat Hidung dan Mulut

Langkah 1

Gunakan gambar stok sebagai referensi untuk mengikuti bentuk hidung, tetapi ingat Kamu hanya diminta untuk menggambar setengah sisi saja. Kamu akan melihat bahwa bulu telah jatuh dari bagian atas hidung, jadi saya baru saja mengisi area ini dengan bentuk yang penuh.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 2

Alihkan layer dengan bentuk hidung didalamnya dan masuk ke Object> Expand Appearance.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 3

Kemudian gunakan panel Pathfinder untuk Menyatukan / Unite bentuk yang sama dan warnai seperti di bawah ini.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 4

Untuk bentuk hidung utama, saya akan menerapkan Effect > Stylize > Feather untuk menciptakan efek warna yang sama dengan gambar stok.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 5

Saya akan menerapkan efek Feather serupa dan Radial Gradient ke dalam bidang di bawah hidung, untuk membantu memperjelas area tersebut.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 6

Pindahkan titik bawah hidung ke atas dengan Direct Selection Tool (A) untuk membuat perpecahan di hidung.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

5. Membuat Mata Kucing

Langkah 1

Duplikasi sebuah mirror layer terlebih dahulu, kemudian ayo kita kerjakan mata kucing sekarang. Gunakan Pen Tool (P) untuk menciptakan bentuk keseluruhan bola mata, termasuk saluran air mata. Gunakan Ellipse Tool (L) untuk membuat pupil dan bentuk iris mata.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 2

Saya kemudian memutuskan untuk memperbesar pupil (pupil besar itu lucu untuk kucing kan?).  Untuk lingkaran iris, saya menerapkan Radial Gradient  seperti yang ditunjukkan di bawah ini dengan stroke 2pt di sekitar iris untuk garis itu. Saya telah mengelompokkan / Grouped dua bentuk dan kemudian menempatkannya dalam Clipping Mask untuk mata (Control-7).

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 3

Mari tambahkan beberapa sorotan ke mata untuk menciptakan kedalaman yang lebih baik. Saya menggunakan latar belakang krem ​​dalam Radial Gradient transparan terbalik dan menggambar bentuk dengan Pen Tool (P) menutupi sebagian besar bola mata, meninggalkan ruang di sekitar tepi.  Saya mengatur ini ke Blending Mode Screen, Opacity 50%.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Buat Layer Baru dan gambar dua Ellipses (L). Isi dengan transparan Radial Gradient dengan pengaturan warna krim dan transparansi yang sama. Gabungkan kedua shape tadi dengan Group dan buat duplikasinya. Kemudian pindahkan ini ke mata yang lain. Jika kita menggunakan efek cermin di sini, sorotan akan datang dari kedua sisi dan bukan dari sumber cahaya yang ditempatkan secara akurat.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

6. Perbaiki Kitty Kamu

Langkah 1

Terlepas dari tidak adanya kumis, ada satu hal yang kurang dari kucing kita ini ... kelucuan. Saat ini,dia terlihat sedikit marah pada dunia. Sebenarnya, itu tidak masalah bagi si pemurung ini, tetapi kucing ini memang butuh bergembira!

Jadi, pertama saya akan menambahkan beberapa sapuan tebal berbagai warna di sekitar potret untuk membantu memadukan secara lebih baik dengan sapuan sebelumnya. Ini akan membuat warna menjadi lebih konsisten dan terlihat lebih alami.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 2

Kemudian di layer baru, tanpa efek cermin, saya telah menambahkan sebagai Radial Gradient transparan gelap untuk menyatukan bulu hidung dengan lebih baik.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 3

Kembali ke layer mata, saya telah menambahkan gradien coklat gelap yang sama di belakang mata, untuk membuatnya tampak lebih dalam lagi.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 4

Lalu ditambahkan sapuan putih di sekitar area mata dan mulut Stroke bulu ini akan membantu melembutkan tepi mata dan menambahkan bulu yang lebih panjang ke sekitar mulut.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 5

Kumis ini akan membantunya menjadi terlihat lebih mirip Kucing. Saya menggunakan panel Appearance untuk menambahkan dua stroke dalam satu ... stroke yang paling gelap memiliki 1pt Stroke Weight dan yang lebih ringan, 0,75pt Stroke Weight. Ini akan memberikan garis halus pada kumis.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 6

Saya kembali ke bola mata dan memutuskan untuk memberikan kedalaman lebih lanjut dengan menambahkan Inner Glow gelap di tepi bentuk. Ini akan membantu menciptakan tampilan mengkilap pada mata.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Langkah 7

Mari kita akhiri dengan menambahkan bulu lebih lanjut di sekitar potret untuk memperhalus setiap celah.

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial
Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial

Potret yang Purrfect !

Saya suka adanya alasan yang bagus untuk membuat vector kucing dan Tren wajah besar binatang pada t-shirt itulah alasan saya. Saya harap Kamu menikmati tutorial ini dan menemukan alasan yang bagus bagi kamu sendiri untuk membuat vector kucing sepanjang hari!

Kitty Vector TutorialKitty Vector TutorialKitty Vector Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads