1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Menarik Cowardly Lion dari Wizard of Oz dalam Adobe Illustrator

Scroll to top
Read Time: 13 min
This post is part of a series called The Wizard of Oz.
Create a Fun, Seamless Yellow Brick Road and Poppy Pattern in Adobe Photoshop
Use Filter Forge and Adobe Photoshop to Create a Yellow Brick Road

() translation by (you can also view the original English article)

Final product image
What You'll Be Creating

Indah Wizard of Oz adalah salah satu novel dongeng paling populer untuk anak-anak, yang juga dicintai oleh jutaan orang dewasa untuk suasana yang fantastis, magis. Dalam tutorial ini kami akan membuat gambaran berwarna-warni Cowardly Lion, menggunakan stok foto untuk membuat realistis, diuraikan tampilan. Kami akan menambahkan beberapa efek yang kumuh dan pencahayaan, menciptakan sebuah poster tematik yang bergaya dengan Cowardly Lion. Mari kita mulai!

1. Buat garis seni dari Stock Photo

Langkah 1

Untuk tutorial kami, kami akan menggunakan foto ini singa dari Pixabay.com.

File > Place foto dalam Anda Dokumen Adobe Illustrator dan posisikan sehingga kepala singa berada di dalam Pusat Artboard Anda. Saya telah menetapkan ukuran Artboard menjadi 700 x 800 piksel. Anda dapat mengubah ukuran Artboard Kapan saja dengan bantuan Artboard Tool (Shift-O).

Klik dua kali lapisan yang mengandung singa foto di panel Layers dan centang Dim Gambar ke kotak, mengubah gambar referensi kami menjadi semi-transparan template.

Buat Layer baru di atas lapisan sketsa untuk garis besar.

place the stock photo on the artboard

Langkah 2

Mari kita mulai dari mata singa. Kami akan menggunakan Blob Brush Tool (Shift-B). Anda benar-benar dapat menggunakan Paintbrush Tool (B) karena lebih fleksibel dan mudah diedit, karena memungkinkan Anda untuk menggambar jalur terpisah dan kemudian menyesuaikan setiap jalur, menggunakan Direct Selection Tool (A). Namun, Blob Brush Tool (Shift-B) lebih dekat dengan gambar kehidupan nyata, seolah-olah Anda menggunakan spidol. Kekurangan dari alat ini adalah bahwa Anda menggambar dengan bentuk, yang lebih sulit untuk mengedit. Namun, mereka terlihat lebih natural, sehingga sampai dengan Anda untuk memutuskan mana alat untuk memilih.

Anda dapat melihat pengaturan Blob Brush Tool saya (Shift-B) di screenshot di bawah ini. Saya menggunakan tablet digital, jadi saya mengaktifkan fitur Tekanan di samping penggeser Ukuran.

Kita mulai menguraikan mata, mengubah lebar jalur dengan memvariasikan tekanan. Tekan keras pada tablet Anda untuk mendapatkan garis tebal dan penggunaan sangat ringan tekanan untuk mendapatkan garis tipis. Anda juga dapat mengubah ukuran sikat, menggunakan [ dan tombol ].

start drawing the eye with the blob brush tool

Langkah 3

Menambahkan rincian lebih lanjut, menambahkan kecil, tipis stroke di sekitar mata untuk bulu. Mengikuti arah singa rambut dengan melihat foto.

Add more details around the eye

Langkah 4

Pindah ke hidung dan mulut singa kami. Perhatikan bahwa kita sedang menguraikan hanya bagian kiri wajah, karena kemudian kami akan membuat salinan cermin, menciptakan sebuah potret yang simetris.

Jangan khawatir jika garis tumpang tindih pada langkah ini, karena kami akan memperbaiki itu juga.

Move to the nose and mouth of our lion

Langkah 5

Gunakan stroke yang melengkung untuk menambahkan bagian berjanggut di bawah mulut.

Use curved strokes to add a bearded part under the mouth

Langkah 6

Mari kita beralih ke telinga kami singa. Garis bentuk telinga terlihat lebih kasar dan bergelombang, jadi mari kita ubah Fidelity Blob Brush Tool (Shift-B), menggerakkan slider lebih dekat ke Accurate di sisi kiri. Sekarang kita dapat membuat bahkan lebih alami stroke dengan detail kecil.

change the Fidelity of our Blob Brush Tool for the ear

Langkah 7

Menarik keluar singa surai di sekitar wajah (hanya dari sisi kiri kepala). Kemudian pilih semua garis yang dibuat, Group (Control-G) mereka dan klik dua kali Reflect Tool (O) untuk membuka Reflect jendela Options. Balik gambar di atas Sumbu Vertikal dan gunakan tombol Salin ke membuat sisi kanan kepala singa.

Gunakan foto referensi untuk menempatkan diuraikan menyalin dalam posisi yang tepat, bergerak mata kanan ke tempat yang sama seperti dalam foto. Anda akan melihat bahwa beberapa bagian lain (mulut dan hidung) dapat tumpang tindih dengan sebelah kiri setengah dari gambar diuraikan, Tapi jangan khawatir tentang hal itu.

reflect the left side over the vertical axis

Langkah 8

Pilih salinan garis-garis di sisi kanan dan klik dua kali untuk Isolate Grup yang dipilih. Memilih baris hidung dan memindahkan mereka ke kanan, menempatkan hidung dalam posisi yang tepat. Melakukan hal yang sama untuk mulut dan jenggot.

move the overlapping parts

Langkah 9

Menyesuaikan posisi surai pada sisi kanan gambar. Redraw beberapa bagian dari surai untuk membuat gambar lebih fleksibel dan tidak sepenuhnya simetris.

redraw the mane

Langkah 10

Mari kita memutar singa alis terbalik untuk membuat dia terlihat lebih pengecut. Dalam rangka meningkatkan efek ini, mari kita juga menambahkan sebuah garis melengkung kecil di tepi luar mata.

make the lion cowardly

Langkah 11

Gunakan panduan untuk menemukan pusat wajah singa dan posisi elemen simetris. Tekan Control-R untuk menunjukkan para Rulers. Klik pada Ruler sisi kiri dan seret Guide ke Artboard Anda, letakkan di tengah singa wajah. Tambahkan detail kecil ke hidung, tentukan pusatnya.

use the Guides for symmetry

Langkah 12

Jika Anda memperbesar, Anda mungkin menemukan beberapa garis tumpang tindih. Mari kita lihat bagaimana kita dapat menyingkirkan potongan-potongan yang tidak diinginkan di luar garis. Pilih dua garis yang tumpang tindih dan gunakan Shape Builder Tool (Shift-M). Arahkan kursor mouse Bagian yang tidak diinginkan dan klik sambil memegang Alt untuk menghapusnya.

edit the overlapping lines

Langkah 13

Gunakan Delete Anchor Point Tool (-) untuk menghapus tidak dibutuhkan jangkar poin dan Direct Selection Tool (A) ke memindahkan titik-titik di sekelilingnya, membuat bentuknya cocok satu sama lain.

make the lines fit each other

2. Warna Garis Besar yang Dibuat

Mari kita ramaikan gambar kita dengan menambahkan warna! Pertama, kami akan membangun skema warna dasar dengan warna-warna datar, menciptakan tampilan keseluruhan singa kita. Lalu kami akan menambahkan lebih banyak aksen dan menggunakan gradien untuk bayangan dan nada tambahan, membuat gambar lebih realistis.

Langkah 1

Buat Layer Baru di bawah layer outline. Tempatkan gambar referensi dari singa di samping Artboard dan gunakan Eyedropper Tool (I) untuk memilih warna dasar kecokelatan dari foto.

Ambil Pencil Tool (N) dan mulailah mengisi bagian atas surai dengan warna. Anda tidak perlu membuat garis rambut mengulang persis bentuk yang sama dengan garis tepi yang telah kami buat sebelumnya. Buat saja bentuknya cocok satu sama lain. Berjalan terus tepi surai, menambahkan bintik-bintik berwarna, tetapi meninggalkan pusat wajah singa kosong untuk saat ini.

Anda dapat melihat pengaturan dari saya Pencil Tool (N) dalam gambar di bawah ini.

use the pencil tool to color the mane

Langkah 2

Ketika Anda membuat bentuk cukup krem sekitar wajah, memilih mereka dan Unite dalam Pathfinder panel, menciptakan gabungan bentuk dengan ruang kosong di pusat.

unite the hair shapes in pathfinder

Langkah 3

Menggambar bentuk cahaya-beige ke pusat wajah dan Send it to Back (Control-Shift-[), menempatkannya di bawah surai. Pilih warna coklat-terang dari referensi foto dan menambah gelap aksen potret, menggambar coklat bentuk rambut sepanjang tulang pipi, dahi dan telinga.

color the face and the ears adding accents

Langkah 4

Pindah ke bagian bawah wajah, mengisi bagian dalam hidung dan mulut dengan warna coklat gelap dan menempatkan ringan keabu-pink bentuk di atas, menambahkan kedalaman unsur-unsur.

color the nose and mouth

Langkah 5

Sekarang mari kita meramaikan mata! Kami masih menggunakan Pencil Tool (N) di sini. Membuat dasar berwarna cokelat dalam bentuk mata. Menambahkan bentuk tipis, abu-abu terang, bergelombang sepanjang kelopak mata bawah, membuatnya tampak basah.

Menggambar sebuah lingkaran untuk iris. Dan mari kita membuatnya lebih benar hidup dengan menerapkan gradien radial dengan pusat oranye cerah dan edge cahaya kuning.

Kita juga dapat menambahkan kedalaman mata dengan menempatkan bayangan semi-transparan di bawah kelopak mata atas. Menggambar bentuk sedikit melengkung di bagian atas mata dan mengisinya dengan gradien linier vertikal coklat di atas putih di bagian bawah. Beralih ke Multiply Blending Mode di Transparansi panel, sehingga membuat bagian putih gradien transparan dan berubah bentuk menjadi halus bayangan.

color the eyes with gradients and add a shadow

Langkah 6

Selesaikan dengan mata dengan menambahkan beberapa glossy menyoroti, mengisi mereka dengan gradien linear horisontal dari cahaya kuning untuk hitam. Beralih ke Mode Screen Blending untuk mengubah bagian hitam transparan, membuat mata terlihat jelas dan mengkilap.

add highlights in screen blending mode

Langkah 7

Mari kita membuat potret lebih tiga dimensi dan bertekstur oleh menambahkan menyoroti sekitar mata dan hidung singa kami. Membuat tepi Highlights kasar, menggambarkan terpisah bulu bulu, dan menggunakan sama gradien linier kuning-hitam dan Mode Screen Blending untuk membuat bentuk semi-transparan.

Mari kita tambahkan kedalaman lebih potret dengan mengubah warna dasar datar surai halus gradien nuansa yang sama, yang membuat bagian bawah kepala lebih gelap dari bagian atas.

add more highlights and apply gradients

Langkah 8

Mari kita membuat warna lebih hidup dengan meningkatkan saturasi. Membuat warna surai dan bagian tengah wajah cerah dengan membuat mereka lebih kekuningan. Dan menambahkan lebih oranye tints ke telinga dan sekitar tulang pipi.

Aku telah memutuskan untuk menghapus garis hitam surai sepanjang tepi potret, sehingga menambah lebih banyak udara untuk gambar dan membuat itu kurang "bising".

Lets make the colors more vivid and bright by increasing the saturation

Langkah 9

Mari kita menyesuaikan garis-garis yang sedikit lebih, membuat mereka cocok palet warna singa kami. Pilih garis-garis hitam yang kita miliki pada lapisan atas. Bersatu garis-garis yang dipilih di Pathfinder dan klik kanan untuk membuka menu konteks. Pilih Make Compound Path (atau tekan Control-8), menggabungkan semua potongan yang terpisah dari garis ke dalam satu objek tunggal.

Akhirnya, berlaku gradien linier untuk garis-garis dari ungu gelap di tengah gelap-oranye di tepi.

unite and recolor the outlines

Ini adalah bagaimana kami singa tampak pada langkah ini.

This is how our lion looks at this step

Langkah 10

Mari kita membuat Singa terlihat bangga dan stately dengan menambahkan volume untuk surai nya, membuat lebih besar dan furrier. Ambil Pencil Tool (N) dan gambar bentuk rambut lain di sekitar kepala. Kirim ke belakang (Control-Shift-[), menempatkannya di bawah kepala, dan mengisi dengan gradien radial terang dari kuning di tengah untuk deep-oranye di tepi, membuatnya lebih gelap dari warna dasar surai dan dengan demikian menekankan wajah.

add another hair shape for the mane

Langkah 11

Dan menggambar lapisan lain rambut di bawah satu sebelumnya, membuat surai lebih rinci. Isi dengan ringan radial gradien untuk memisahkan bentuk rambut dari satu sama lain, menambahkan dimensi untuk kami gambar.

draw another layer of hair beneath the previous one

3. bekerja di latar belakang dan menambahkan rincian

Mari kita membentuk latar belakang sederhana dan menambahkan beberapa detail yang rumit potret kami, mengubahnya menjadi sebuah poster didedikasikan untuk Penyihir Ozu.

Langkah 1

Pertama-tama, buat Layer Baru dan gunakan Rectangle Tool (M) untuk membuat persegi panjang dengan ukuran yang sama dengan Artboard kami (dalam kasus kami adalah 700 x 800 px). Mengisi bentuk dengan radial gradien dari cahaya-beige di pusat untuk lebih gelap-beige di tepi, dengan demikian menciptakan efek gambaran halus.

add a background with radial gradient

Langkah 2

Mari kita menambahkan beberapa detail, yang erat terhubung ke cerita Wizard of Oz. Ingat medali keberanian itu Cowardly Lion menerima dari Wizard of Oz?

Kami tidak akan menggambarkan medali itu sendiri; Namun, itu akan membantu kita untuk mendapatkan inspirasi dan menggunakan beberapa elemen untuk poster kami, seperti garis-garis merah dan pita biru.

Ambil Rectangle Tool (M) dan gambar garis vertikal yang sempit tingginya Artboard kami. Tahan Alt-Shift dan tarik garis di sebelah kanan, membuat salinan. Tekan Control-D beberapa kali, membuat salinan lain.

Akhirnya, pilih semua garis dan Group (Control-G) mereka. Berlaku gradien radial untuk kelompok kami garis, dari merah terang di tengah ke merah gelap di tepi, membuat garis-garis yang terlihat mengkilap dan halus.

add red stripes to the background

Langkah 3

Salin bentuk rambut bawah surai singa dan Paste di Belakang (Control-C > Kontrol-B). Membuat salinan yang sedikit lebih besar dan beralih warnanya untuk gradien radial dari merah gelap di tengah putih di tepi. Terapkan Multiply Blending Mode, balikkan bentuk menjadi bayangan halus untuk membuat kepala menonjol dengan latar belakang.

add radial shadow beneath the head

Ini adalah tampilan keseluruhan komposisi pada langkah ini.

This is how the overall composition looks at this step

Langkah 4

Sekarang mari kita tambahkan beberapa tempat dan memercik ke poster kami, menciptakan efek kumuh, retro. Ada dua cara untuk melakukan itu. Pertama dan lebih mudah menggunakan built-in Adobe ilustrator artistik sikat, yang dapat Anda temukan di Brushes Library panel Brushes Anda (klik ikon Brushes Libraries Menu dan pergi ke Artistic > Artistic_Ink atau Artistic_Watercolor).

Anda dapat memeriksa Bagian 3, Langkah 2 dan seterusnya Desain Cover CD dalam gaya grunge poligonal rendah dalam Adobe Illustrator tutorial untuk melihat bagaimana menerapkan seperti kuas gambar Anda, menciptakan efek yang diinginkan.

Cara kedua lebih memakan waktu, tetapi pada saat yang sama, itu jauh lebih kreatif dan menarik. Jadi jika Anda ingin untuk menempatkan lebih banyak Roh ke gambar Anda, mari kita bekerja dengan media tradisional sedikit.

Menggunakan tinta, cat air, guas atau apapun yang Anda suka untuk membuat percikan dan memercik di atas kertas. Saya menggunakan tinta hitam dan bertekstur kuas umum untuk membuat banyak kecil, bintik-bintik dengan membuat menetes tinta pada kertas dari ujung sikat. Anda juga dapat menggunakan sikat gigi untuk mendapatkan yang bagus memerciki efek.

Memindai gambar Anda atau menggunakan ponsel Anda untuk membuat foto, tapi pastikan bahwa Anda memiliki cukup cahaya, sehingga latar belakang lebih atau kurang bersih, tanpa setiap bayangan.

Buka gambar Anda di Adobe Photoshop dan tekan Control-L untuk membuka jendela pilihan Tingkat (atau pergi ke Image > Adjustments >Levels). Dan dari sini, mari kita coba untuk memberikan gambar kita sebanyak mungkin kontras dengan menarik slider hitam kiri ke kanan, membuat bagian gelap dari gambar lebih gelap. Dan tarik tepat putih slider ke kiri, pemutih putih daerah yang bahkan lebih.

scan your image and edit in photoshop

Itulah bagaimana tampilannya sekarang: kami memiliki padat flek-flek hitam pada latar belakang putih bersih.

contrast image in photoshop

Langkah 5

Menyimpan gambar JPEG dan File > Place di Adobe Ilustrator. Sekarang kita memiliki Image Trace fungsi yang tersedia di panel kontrol atas.

Pilih preset High Fidelity Photo dari daftar Image Trace drop-down dan kemudian, setelah gambar dilacak, klik tombol Image Trace Panel, yang muncul di panel kontrol di atas.

Di sini, di panel opsi Image Trace, pindahkan Paths dan Corners slider untuk 100% untuk mendapatkan sedetail mungkin. Untuk slider Warna, mari kita atur warnanya nilai untuk 1, karena kami memiliki hanya satu warna: hitam. Menetapkan nilai Noise 1 px juga.

Biarkan semua pengaturan lain sebagai default dan Perluas gambar dari kontrol atas panel, mengubah hasil dijiplak menjadi bentuk vektor.

trace the splatter in adobe illustrator

Langkah 6

Buat Layer Baru antara lapisan, yang mengandung latar belakang dan singa kepala. Dan mulai menambahkan tempat kumuh yang kita baru saja dibuat.

add grungy spots to the background

Langkah 7

Mengisi beberapa tempat dengan linear gradien dari oranye ke putih dan dari merah ke putih, dan beralih ke Mode Perpaduan Multiply, membuat bintik-bintik semi-transparan.

Mengisi bentuk lainnya dengan warna gelap-Burgundia, menerapkan Mode Layar, sehingga menciptakan cahaya, memudar bintik-bintik di atas latar belakang.

apply Screen and Multiply Blending Mode to the spots

Langkah 8

Buat Layer Baru yang lain, kali ini menempatkan itu di atas kepala singa. Menambahkan lebih banyak percikan di atas wajah dan di sekitar kepala, mengisi bentuk dengan semi-transparan gradien di Multiply modus.

Tempatkan dua putaran tempat di atas mata singa dan mengisinya dengan gradien radial tidaklah dari putih di tengah ke oranye di tepi. Terapkan Multiply Blending Mode, membuat pusat-pusat bintik transparan.

add more grunge spots on top of the lion

Langkah 9

Sekarang mari kita membuat pita cerah di bawah poster kami. Mulailah dengan membuat garis sempit dengan bantuan Rectangle Tool (M) dan mengisinya dengan horisontal linear gradient dari gelap-ungu di tepi untuk jelas-biru di pusat.

Ambil Pen Tool (P) dan bentuk segitiga hitam kecil di bagian bawah kiri bagian dari pita. Smart Guides (View> Smart Guides) benar-benar bermanfaat pada langkah ini, ketika Anda butuhkan untuk posisi objek yang satu ke yang lain dan untuk membuat mereka cocok satu sama lain.

Menambahkan sebuah persegi kecil di bawah bentuk, membentuk lipatan pita.

form the ribbon from a narrow rectangle

Langkah 10

Pilih kedua segitiga kecil dan lipat, dan gunakan Reflect Tool (O) menjungkir unsur-unsur Vertikal AXIS. Tekan tombol Copy dan pindahkan salinan yang dibuat ke sisi berlawanan dari pita.

reflect the folding making a copy

Langkah 11

Sekarang mari kita menambahkan judul untuk pita kami. Penggunaan font yang rumit dengan serif, misalnya Trajan Pro 3 atau font gratis Tampilan Playfair, dan jenis KEBERANIAN. Object > Expand Appearance, mengubah teks menjadi satu set huruf vektor yang terpisah.

Dan mari kita membuat huruf emas oleh menerapkan gradien linier vertikal yang kompleks, terbuat dari enam warna, dari berwarna cokelat di tepi cahaya kuning dan oranye di tengah.

Membuat judul lebih tiga dimensi dengan pergi ke Object > Path > Offset Path dan menerapkan 2 px Offset nilai. Mengisi bentuk diciptakan dengan gradiasi linear vertikal dari krem di tepi untuk lampu kuning (hampir putih) di pusat.

apply golden gradient to the letters

Langkah 12

Tempatkan judul di atas pita dan tambahkan bentuk Offset lain dengan 2 px Offset nilai. Isi bentuknya dengan warna biru gelap dan beralih ke Mode Penggabungan Multiply, membuat bayangan di bawah huruf dan membuatnya berdiri lebih lanjut terhadap pita.

Mari kita membuat pita kami sedikit membungkuk. Pilih pita dan judul dan Group (Control-G) mereka. Pergi ke Effect > Warp > Arc. Bergerak geser ke kiri, atur nilai Horizontal Bend ke -20%, buat pita melengkung.

apply arc effect to the ribbon

Langkah 13

Objek > Expand pita dan menempatkannya di bagian bawah dari kami poster, membuat komposisi terlihat lengkap. Tambahkan halus bayangan di bawah pita dengan cara yang sama seperti yang kita lakukan untuk kepala singa, dengan menempatkan salinan pita di bawah bentuk dasar, mengisinya dengan gradien linier merah-putih dan beralih ke Multiply Blending Modus.

add the ribbon to the poster

Berani sebagai badai salju

Kerja yang bagus! Kami sudah selesai kami pengecut Potret singa, dan sehingga ia memperoleh keberaniannya!

Saya harap Anda punya terinspirasi sementara Berikut ini tutorial dan menemukan beberapa baru mewarnai dan texturing teknik, yang akan berguna untuk desain Anda dan karya seni!

Anda dapat pergi lebih jauh dan menambahkan rincian lebih lanjut mengkilap Poster dengan menempatkan beberapa warna-warni dekorasi bunga api di sana-sini. Periksa Bagian 4, Langkah 3 dan 4 dari tutorial Cara Membuat Lentera Lilin Musim Dingin di Adobe Illustrator untuk mengetahui cara membuat percikan api yang bersinar dan membuatnya lebih berwarna!

Bersenang-senang, dan menantikan untuk lebih!

Cowardly lion from Wizard of Oz
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads