Cara Membuat Kulit Kura-kura Menggunakan Tampilan Panel di Adobe Illustrator.

Sementara tim Envato Tuts + mungkin memiliki kelemahan untuk membuat sesuatu dari hewan ternak yang berbulu , ada anak kura-kura baru di blok yang membuat kita tercengang ... Dia adalah Tom si kura-kura! Dia tinggal bersama dengan editor Desain Web kami, Ian Yates.

Saya ingin anda bertemu dengannya sehingga anda bisa memahami kehebatan Tom.

Terinspirasi oleh kelucuannya, saya telah memutuskan untuk membuat tutorial tentang cara membuat kulit kura-kura dengan menggunakan tampilan panel. Jika anda belum pernah menggunakan penampilan panel sebelumnya, ini adalah tutorial yang sempurna untuk anda, dan ada juga bezier curve / Pen Tool gratis, jadi sangat mudah untuk dicoba.

Tampilan panel memungkinkan anda menambahkan beberapa pengisian, goresan dan efek ke bentuk tunggal, tanpa memerlukan duplikasi titik dan bentuk. Anda menyimpan pengaturan dari tampilan panel dengan membuat Graphic Style.  Graphic Styles dapat diterapkan pada bentuk yang lebih lanjut. Dengan mengetahui proses ini, anda bisa menggandakan pengaturan dari satu bentuk ke bentuk yang lain tanpa menambahkan bentuk dan poin ekstra ke dokumen anda, membuatnya tidak terlalu berat dan lebih efisien.

Jadi, mari kita ikuti latihan ini.

Tutorial Aset

Untuk menyelesaikan tutorial ini, anda harus mengunduh lampiran yang terletak di kanan atas halaman ini. Ini adalah gambaran referensi untuk latihan ini, dan ini adalah foto udara tempurung Tom.  Anda bisa menggunakan fotografi sendiri jika anda mau, atau anda bisa mencoba banyak gambar yang tersedia di Envato.

1. Buat Bentuk Gambar Dasar

Langkah 1

Saya akan mulai dengan membuat Dokumen Baru di Adobe Illustrator .

Silahkan tambahkan gambar referensi dengan membuka File> Place , cari gambarnya, dan posisikan ke artboard. Jika anda cukup percaya diri dengan menggambar tempurung dan kura-kura, anda berarti bisa melewati langkah ini.

Saya akan menyimpan gambar referensi pada lapisannya sendiri dan menambahkan bentuk pada lapisan tambahan untuk kenyamanan anda.

Langkah 2

Saya memang mengatakan tutorial ini adalah Pen Tool (P) gratis, tapi ketika saya mengatakan ini, maksud saya kita tidak menciptakan kurva dengan Pen Tool, yang merupakan masalah yang paling banyak dialami pemula. Saya akan menggunakan Pen Tool untuk membuat bentuk point-to-point dengan garis lurus ... jadi tidak ada kurva yang dibutuhkan!

Yang saya lakukan pertama kali adalah mengaktifkan Smart Guides ( Control-U ). Hal ini mempermudah saat menggambar pelat yang saling terhubung satu sama lain.

Gambarlah bentuk pertama, dan kemudian gambarlah bentuk penghubung, pastikan anda menyentuh titik jangkar yang sama dan garis lurus yang sama. Hal ini penting untuk pekerjan anda selanjutnya.

Langkah 3

Saya akan menggambar piring untuk bagian tengah cangkang dan kemudian serangkaian piring di sekitar tempurung, yang akan saya sebut roknya.

Biarkan semuanya tetap rapi, dengan piring di lapisan masing-masing.

Langkah 4

Saya akan menduplikat bentuk untuk masing-masing lapisan dan kemudian menggabungkan bentuk ini menggunakan Pathfinder> Unite .

Saya membuat sublayer di masing-masing lapisan rok dan pelat yang berisi lempeng tunggal ... dan kemudian di bawahnya saya membuat bentuk gabungan.

Intinya yang saya lakukan adalah menciptakan basis dasar di setiap bagian bawah. Alasan saya  untuk melakukan ini akan terlihat hasilnya nanti. 

2. Sebelum Saya Melanjutkan Ke Panel Appearance

Langkah 1

Sebelum masuk ke panel Appearance, saya akan menyiapkan dokumen saya.

Pertama, di lapisan referensi, saya akan menduplikat gambar referensi dan menyelaraskannya di samping yang asli.  Ini saya lakukan agar, saat saya membuat Graphic Style, saya dapat dengan jelas melihat gambar referensinya. Tentu saja, ini hanya berlaku jika anda yang menggunakan gambar referensi!

Saya kemudian menambahkan New Layer dan meletakkan duplikat dari salah satu piring. Ini dilakukan agar saya bisa menggambar piring tunggal ini dan menggunakan pengaturan ini dari sisa lempeng tempurung Tom.

Langkah 2

Hal berikutnya yang ingin saya lakukan adalah membuat pilihan warna dan menambahkannya ke panel Swatch saya.

Dengan menggunakan teknik yang saya ambil dari Beto Garza dari tutorial potret dirinya , saya akan menggunakan Alat Pipet (I) untuk mengisi pilihan Rectangles (M) . Saya kemudian pergi ke Blend ( Control-Alt-B ) bersamaan untuk menciptakan warna tambahan.

Saya kemudian melanjutkan ke Object> Expand the blend dan tambahkan ke panel Swatch saya. Saya mungkin tidak menggunakan semua warna itu, tapi setidaknya mereka akan berada di sana dan siap untuk saya jika saya membutuhkannya.

3. Buat Detail Graphic Style

Langkah 1

Saya akan membuka panel Appearance . Jika anda tidak memilikinya tapi tidak terlihat, klik Window> Appearance .

Ada tiga elemen utama untuk ditunjukkan di sini. Anda memiliki Stroke (dan Opacity -nya), Fill (dan Opacity -nya) dan keseluruhan Opacity dari keseluruhan bentuk.  Semua elemen bergerak maju, terlepas dari keseluruhan Opacity , bisa diduplikasi dengan masuk ke menu drop-down dan memilih Duplicate Item .

Jadi mari kita mulai mengisi. Saya akan menggunakan cokelat paling gelap untuk mengisinya pertama kali.

Langkah 2

Saya akan menduplikat untuk mengisi berkali-kali pada tahap pertama latihan ini. Anda melakukan ini dengan mengklik isi, setelah itu dipilih, dan masuk ke menu drop-down di pojok kanan atas dan masuk ke Item Duplikat .

Secara visual, anda tidak akan melihat sesuatu yang berbeda, namun di panel Tampilan. Anda akan melihat dua Isi dengan warna yang sama dan setelan Opacity yang sama.

Langkah 3

Ganti warna fill ke coklat gelap kedua, dan ini akan menyembunyikan warna bagian bawah.

Di sinilah keajaiban terjadi. Saya akan mengecilkan isi yang lebih ringan sehingga membuat beberapa isi terisi. Klik pada tombol FX di sepanjang bagian bawah panel dan masuk ke Path> Offset Path .

Offset Path dapat meningkatkan ukuran bentuk dengan unit tertentu. Namun, untuk mengurangi ukuran bentuknya, anda hanya perlu menggunakan angka negatif.  Dalam kasus ini, saya menggunakan -1mm dan mengklik OK . Anda kemudian akan melihat bagian bawah mengisi secara perlahan di sekitar bagian bentuk luar.

Langkah 4

Saya akan menduplikat proses ini tiga kali lagi, mengurangi isi dengan yang lain -1mm untuk setiap isi. Jadi fill ketiga akan memiliki Offset Path -2mm dan seterusnya. Mengisi ini juga akan dilakukan secara bertahap dan lebih ringan.

Langkah 5

Saya akan menduplikat pengisian yang paling baru dan kali ini mengisinya dengan gradien radial transparan yang terbalik.

Dengan menggunakan Gradient Tool (G) , saya akan memodifikasi bentuk gradien. Saya kemudian akan mengklik link Opacity untuk mengisi. Ini akan membuka pengaturan panel Transparansi untuk pengisian spesifik tersebut. Lalu saya mengubah Blending Mode menjadi Multiply .

Langkah 6

Saya akan bekerja di Strokes sekarang. Sama seperti yang saya lakukan dengan mengisi, saya akan menggunakan Offset Path untuk mengontrak setiap duplikat stroke.

Stroke ini diatur ke Blending Mode Screen Opacity 30% dengan pengecualian dua sentuhan terakhir, yang memiliki Opacity 20% dan 10% .

Selain itu, saya telah menggunakan Art Brushes untuk mengatasi stroke, yang tersedia dari perpustakaan Brush default dari Adobe Illustrator. Anda dapat mengaksesnya dengan masuk ke menu bor dari panel brushes dan memilih Open Brush Library> Artistic> Artistic_ChalkCharcoalPencil .

Langkah 7

Mari tambahkan beberapa tekstur dengan menambahkan dua pengisian baru. Itu akan dipenuhi dengan pola bertekstur yang dapat ditemukan dengan masuk ke panel Swatches> Open Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures .

Anda dapat membuat isi baru di atas Strokes . Hal ini membuat mereka lebih mudah diatur.

Isi bertekstur pertama saya akan menutupi keseluruhan bentuk dan mengatur ke Blending Mode Overlay Opacity 10% . Dengan menggunakan Object> Transform> Scale , saya mengurangi ukuran pola hanya untuk itu sampai sekitar 50% .

Kemudian, untuk mengisi yang kedua, saya menggunakan Offset Path untuk mengontraknya sehingga membuat semacam sorotan tekstur. Hal ini kemudian diatur ke Blending Mode Overlay Opacity 20%.

Langkah 8

Saya akan menyelesaikan dengan menambahkan fill baru dengan gradien radial transparan menggunakan warna paling ringan dari swatch Blend kami, dan menyetelnya ke Blending Mode Screen Opacity 40% .

4. Terapkan Gaya Grafis

Langkah 1

Agar koleksi pengaturan di panel Tampilan menjadi Gaya Grafis, anda harus masuk ke panel Graphic Styles .  Dengan bentuk yang dipilih dan dengan semua pengaturan mewah yang anda miliki di panel Penampilan, klik pada New Graphic Style . Ini akan di "save"  ke pengaturan panel Appearance anda sebagai Graphic Style.

Anda kemudian dapat menerapkan Gaya Grafis ini ke bentuk lainnya di pelat tengah.

Langkah 2

Untuk pelat rok, saya akan menghilangkan beberapa garis besar di tengah piring karena bentuk tersebut tidak perlu memiliki tingkat rincian yang sama. Ingat bahwa setelah anda mengubah setelan menjadi sesuai keinginan anda, tambahkan bentuk tersebut sebagai Gaya Grafis Baru sehingga lebih mudah menerapkannya ke bentuk selanjutnya.

Saat menerapkan Graphic Style ke rok piring, anda mungkin menemukan bahwa beberapa bentuk tidak terlihat seperti yang lain.  Ini murni karena sebagian dari jalur Offset terisi dan stroke dikontrak sedemikian rupa sehingga hanya berfokus pada pengisian dan goresan sentral, oleh karena itu mendorong kita untuk mengisi di sekitar bagian luar pandangan. Mari kita lanjutkan untuk memperbaikinya.

Langkah 3

Anda mengatasi masalah ini dengan mengurangi skala Gaya Grafis.

Oleskan gaya baru dari rok ke bentuk uji. Kemudian, saat dipilih, masuk ke Object> Transform> Scale dan kurangi skala sebesar 55% .

Setelah selesai, buat New Graphic Style dan aplikasikan ke roknya. Jika anda masih mengalami masalah, cobalah mengurangi skala lebih jauh sampai anda mendapatkan efek yang anda inginkan.

5. Gunakan Sudut Pandang untuk Memutar Pelat

Langkah 1

Pada langkah awal, anda mungkin telah mempertanyakan tepinya yang lurus dan sudut tajam piring. Nah, saatnya untuk memperbaikinya!

Dengan Direct Selection Tool (A) dan koleksi piring pertama anda yang dipilih, anda akan melihat lingkaran kecil di setiap sudut. Dengan menarik bentuk tersebut ke dalam, anda melengkapi sudut-sudut bentuknya.

Ini adalah metode pemecahan masalah yang sama dengan yang saya tulis di tutorial tip cepat bagi mereka yang menemukan Pen Tool yang sulit .

Langkah 2

Terapkan ini ke semua bentuk selain bentuk dasar untuk keseluruhan rok dan bagian tengah cangkangnya.

Langkah 3

Untuk mengisi celah di antara piring, saya akan mengisi bentuk dasar untuk bagian tengah dan rok dengan warna yang sama dengan mengisi fill pertama.

6. Sesuaikan Pola Shell

Langkah 1

Saat ini, cangkang kura-kura ini bisa menjadi milik siapa saja. Dan Tom bukan siapa-siapa. Maksudku, apa anda sudah melihat kelucuannya?

Jadi untuk memastikan shell yang saya buat terlihat seperti Tom, saatnya untuk menyesuaikannya.  Saya akan memulai dengan meningkatkan Opacity dari salah satu sentuhan luar pelat tengah. Saya telah memilih sentuhan kedua dari bawah dan meningkatkan Opacity menjadi 50% .

Langkah 2

Dengan menggunakan Pencil Tool (N) , saya akan menambahkan bentuk baru di New Layer , menelusuri dari gambar referensi. Saya menciptakan bentuk gumpalan utama di pusat piring.

Saya telah membuat Graphic Style dari tiga dan mengisi dengan Blending Mode dan Opacities yang berbeda , namun semuanya menggunakan warna fill yang sama.  Anda mungkin juga melihat bahwa saya telah menambahkan bulu, yang dapat anda temukan di menu FX . Saya akan menggunakan Graphic Style ini untuk semua bentuk yang saya tambahkan ke shell.

Langkah 3

Klik dua kali Blob Brush Tool ( Shift-B ) untuk mengakses jendela pilihan. Ubah Ukuran menjadi 5 pt dan membuatnya berpengaruh oleh Tekanan dari tablet grafis anda.

Kemudian dengan alat ini, gambarlah zig-zag di sekitar tepi pelat untuk membuat tekstur. Bentuk ini menggunakan Graphic Style yang sama dari langkah sebelumnya.

Langkah 4

Selanjutnya tambahkan ini ke bagian bawah cangkang menggunakan metode yang sama.

7. Buat kedalaman dengan gradien

Langkah 1

Kita menuju akhir latihan ini, jadi mari tambahkan beberapa kedalaman lebih jauh ke shell dengan menggunakan gradien.

Buat gradien radial transparan menggunakan salah satu warna paling ringan di panel Swatches anda. Gunakan Pensil Tool (N) untuk menambahkan bentuk ke setiap cangkang untuk menciptakan kilau. Saya telah merapikan tepi yang bersinar dengan menerapkan efek Feather.

Langkah 2

Gandakan bentuk dasar untuk pusat dan rok dengan menggunakan Pathfinder> Unite untuk membuat bentuk yang menutupi seluruh cangkangnya.

Tarik bentuk ini ke atas semua bentuk sebelumnya dan isi dengan gradien radial transparan terbalik dengan titik Opacity 0% ke arah bagian depan cangkang. Ini akan memberi kesan pada shell yang datang dari depan dan kegelapan muncul di bagian belakang cangkangnya.

8. Bonus: Warna-Mengubah Kura-kura!

Yang selalu saya anggap menarik dan menyenangkan untuk dilakukan adalah menggunakan Recolor Artwork pada semua bentuk tubuh, begitu saya selesai melakukannya. Jadi pilih semua bentuk anda dan klik Recolor Artwork, yang akan berada di sepanjang bagian atas layar anda.

Klik pada tab Edit , lalu klik Link Colors .

Dengan memindahkan titik-titik warna di sekitar dan memiliki Recolor Art bergerak, anda akan melihat perubahan warna hidup. Klik OK saat anda memiliki kombinasi yang anda sukai.

Semua Orang Mencintai Tom

Memang benar, semua orang menyukai Tom, dan semoga tutorial ini menunjukkan tingkat dedikasi tim Envato Tuts + untuk Overlord imut mereka yang baru!