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

Cara Ilustrasi Ikon Biola yang Luar Biasa

by
Difficulty:AdvancedLength:MediumLanguages:
This post is part of a series called Icon Design.
How to Draw a Glossy Yo-Yo Icon using Adobe Illustrator
How to Create a Hyper-realistic Flashlight

Indonesian (Bahasa Indonesia) translation by Nur Muhammad Zain (you can also view the original English article)

Lenturkan otot kreatif Anda dengan tutorial keren ini tentang cara membuat ikon biola. Kita akan mengeksplorasi bagaimana bentuk dasar dan pemahaman yang kuat tentang perspektif dan volume bekerja bersama untuk membangun ikon yang sukses dengan cepat.


Langkah 1

Bentuk dasar dari biola digambar menggunakan Alat Pen (P). Beri perhatian khusus untuk memastikan bahwa kurva Anda alami dan menyenangkan.



Langkah 2

Lanjutkan menggambar bagian bawah bentuk.



Langkah 3

Hanya gambar setengah bentuk karena kita akan menggunakan alat pantulan untuk melengkapi setengah lainnya. Menggunakan alat pantulan akan memungkinkan kita untuk memastikan bentuk benar-benar simetris. Pilih bentuk biola kemudian klik dua kali ikon Reflect Tool untuk memunculkan dialog. Pilih vertikal dan klik OK.



Langkah 4

Sekarang Anda akan memiliki dua bagian yang akan Anda gabungkan menggunakan Pathfinder. Pilih kedua bentuk dan klik Unite.



Langkah 5

Gunakan Pen Tool untuk menggambar fondasi bentuk "S". Jika diinginkan, Anda juga dapat menggambar setengah bagian atas dari bentuk "S" dan merefleksikan bagian bawahnya sehingga benar-benar simetris juga, tetapi saya merasa lebih mudah, dalam hal ini, untuk hanya menggambar seluruh bentuk dalam satu gerakan.



Langkah 6

Gunakan Ellipse Tool (L) dan gambar dua lingkaran, satu di bagian atas dan yang lainnya di bagian bawah. Satukan ketiga bentuk menggunakan Pathfinder.



Langkah 7

Refleksikan bentuk "S" dan letakkan di atas biola.



Langkah 8

Untuk memberikan ilustrasi tampilan miring, kelompokkan semua bentuk Anda (bentuk biola dan "S"), kemudian pergi ke Efek > 3D > Putar.

Masukkan variabel yang ditunjukkan di bawah ini, X: 23, Y: -27 dan Z: 32.



Langkah 9

Pergi ke Object > Expand Appearance. Untuk mengedit bentuk lebih lanjut, Anda harus menghapus kotak di sekitarnya. Selesaikan ini dengan menggunakan Direct Selection Tool (A). Pilih setiap poin yang disorot dengan warna kuning dan hapus mereka.



Langkah 10

Selanjutnya, pergi ke Object > Flatten Transparency. Pindahkan slider Raster/Vektor Balance sepenuhnya ke kanan lalu klik OK.



Langkah 11

Terakhir, pisahkan objek Anda sehingga bentuk "S" dan bentuk biola terpisah lagi. Pergi ke Objek > Ungroup.



Langkah 12

Berikan kedalaman biola dengan menduplikasi wajah biola dan menempatkannya di bawah semua bentuk lainnya. Pastikan Anda menjaga bagian atas dan bawah biola tetap berada di tengah (seperti yang ditunjukkan oleh garis biru di samping.)



Langkah 13

Gunakan Pen Tool untuk menggambar sisi biola. Gambarlah setiap bagian satu per satu.

Catatan: ketika Anda menggambar bentuk yang tumpang tindih satu sama lain atau yang sangat dekat dengan tepi objek lain, terkadang sulit untuk tidak mengganggu pekerjaan garis yang ada. Dalam hal ini, saya merasa lebih membantu untuk mengunci semua objek dengan pergi ke Object > Lock, kemudian Saya menggambar bentuk baru saya.



Langkah 14

Di bawah ini, tiap bagian sisi biola telah digambar.



Langkah 15

Panduan biru membantu menentukan apakah sudut dan benda vertikal Anda digambar dengan benar. Terdapat tingkat kemampuan artistik yang berperan untuk menempatkan elemen secara visual (berlawanan dengan teknis). Jembatan tengah sepenuhnya vertikal sementara fingerboard (leher) berada pada sudut yang sama dengan biola. Anda dapat menggunakan dialog Rotasi 3D, seperti yang kita lakukan untuk bentuk biola dasar, namun, begitu Anda bisa membayangkan sudut yang benar dan penempatan elemen yang benar, mudah untuk menggambar benda dengan tangan. Semua elemen abu-abu yang ditunjukkan di bawah ini diambil dan ditempatkan dengan tangan.

Menggambar dengan tangan sangat penting ketika benda memiliki sudut serta kedalaman. Fingerboard biola dapat dengan mudah diposisikan menggunakan dialog Rotasi 3D tetapi tailpiece (batang bawah) memiliki kedalaman yang tidak dapat dengan mudah direproduksi dengan hanya memutar objek datar. Jadi, biasakan membayangkan bagaimana elemen-elemen seharusnya terlihat ketika berada pada sudut dan Anda akan dapat dengan cepat menggambar sebagian besar elemen apa pun!



Langkah 16

Inilah bentuk biola yang terlihat tanpa panduan.



Langkah 17

Duplikat fingerboard untuk memberikan kedalaman juga.



Langkah 18

Gambar sisi-sisi fingerboard seperti yang dilakukan untuk biola.



Langkah 19

Pasak penyetelan (knobs di bagian atas) juga mengikuti sudut yang sama dengan objek lainnya.



Langkah 20

Gambar elips untuk membuat ujungnya.



Langkah 21

Rotasi elips untuk memberi sudut yang tepat.



Langkah 22

Memiliki kemampuan yang kuat untuk membayangkan bentuk dalam 3D adalah kunci untuk menambahkan elemen lainnya. Illustrator memiliki kemampuan 3D yang terbatas tetapi jika Anda menggabungkan pengetahuan dasar tentang perspektif dan Pen Tool Illustrator, Anda akan dapat menciptakan tampilan persis seperti yang Anda butuhkan. Bayangkan pemandu miring sebagai tusukan scroll (bentuk abu-abu melengkung besar) di tengah. Elips hijau terletak di tengah scroll.



Langkah 23

Gambar elips lain yang memberikan ujung pasak penyetelan bentuk bulat. Satukan elips dan pasak penyetelan menggunakan Pathfinder.



Langkah 24

Menambahkan bayangan sangat penting untuk keseluruhan penampilan objek. Berikan wajah biola gradien radial (G). Menyesuaikan area yang disorot akan membolehkan Anda untuk mempersempit gradien dari lingkaran menjadi gerakan oval. Karena biola panjang dan tidak berbentuk bujur sangkar, oval bekerja lebih baik untuk bayangan keseluruhan.



Langkah 25

Berikan gulungan gradien radialnya sendiri. Perhatikan bahwa tepi bawah kiri jauh lebih gelap dari yang seharusnya dalam bayangan.



Langkah 26

Berikan sisi gradien linier atau radial tergantung pada efek yang Anda mau.



Langkah 27

Untuk membuat sisi gulir, pertama gambarlah sebuah lingkaran sempurna, beri gradien radial, lalu kondensasi dan rotasi lingkaran itu menjadi bentuk oval. Melengkapi langkah ini dalam urutan yang diuraikan di atas akan memudahkan Anda untuk mencapai gradasi yang sempurna di sekitar seluruh perimeter oval.



Langkah 28

Buat variasi cincin tengah sisi gulir dengan menyalin dan menempelkan oval di tempatnya. Untuk menempel di tempat tekan Command + F. Setelah Anda menempelkan oval di tempatnya cukup skala mereka lebih kecil dari titik pusatnya dengan menahan option + shift sementara Anda skala oval lebih kecil.



Langkah 29

Berikan pasak gradien linier sehingga mereka terlihat berisi. Untuk membuat kedalaman di sekitar area oval dari pasak, letakkan elips kecil lainnya di atas oval dan beri warna gradien putih hingga transparan.



Langkah 30

Berikan bentuk "S" outer glow dengan pergi ke Effect > Stylize > Outer Glow. Pilih warna yang sedikit lebih terang dari semua warna cokelat lainnya dalam ilustrasi. Masukkan Opacity dan Blur yang terlihat bagus bagi Anda lalu klik OK.



Langkah 31

Berikan sisa dagu inner glow dengan pergi ke Effect > Stylize > Inner Glow. Kali ini pilih Multiply untuk Mode dan gunakan hitam untuk warnanya.



Langkah 32

Berikan tiap bentuk cokelat yang meliputi biola inner glow juga. Gunakan warna cokelat yang lebih gelap untuk inner glow-nya karena warna dasar biola adalah cokelat.



Langkah 33

Untuk membuat bentuk seragam dan sedikit lebih kecil di setiap sisi biola pilih bentuk pertama dan pergi ke Object > Path > Offset Path. Bergantung pada skala dan ukuran ilustrasi Anda akan menentukan nilai apa yang harus Anda masukkan. Gunakan nilai negatif dan sesuaikan Offset sesuai keinginan Anda.



Langkah 34

Ini adalah tampilan close-up dari efek yang dihasilkan dari mengimbangi setiap sisi biola.



Langkah 35

Selanjutnya kita akan menggambar senar dengan menggunakan Pen Tool dan menggambar garis dari atas ke tepat di atas jembatan dan titik ke-3 tepat di atas tailpiece.



Langkah 36

Dengan garis yang dipilih, pergi ke Object > Expand, lalu klik OK. Menggunakan Direct Selection Tool pilih poin-poin di ujung garis dan seret mereka berdekatan untuk membuat garis meruncing. Lakukan ini di kedua ujung tali.



Langkah 37

Gambar tiga senar lainnya dan beri tiap senar stroke warna abu-abu.



Langkah 38

Beri semua cincin gradien linier sehingga mereka memberikan ilusi reflektif.



Langkah 39

Membuat bayangan untuk berbagai elemen pada biola dapat dilakukan dengan menggunakan teknik berikut. Pertama gambar (atau duplikasi) bentuk dasar yang akan ditempati oleh bayangan. Atur bentuk ke Multiply dalam palet Transparansi dan beri gradien hitam ke putih.

Catatan: Meskipun bayangan khusus ini tidak perlu, menggunakan gradien hitam ke putih akan memastikan bahwa bayangan Anda dapat memudar menjadi 0 jika perlu.



Langkah 40

Pilih bentuk bayangan dan pergi ke Effect > Blur > Gaussian Blur. Masukkan nilai yang terlihat bagus untuk Anda dan klik OK.



Langkah 41

Beri semua elemen bervolume drop shadow menggunakan teknik yang sama.



Langkah 42

Untuk membuat refleksi utama pada biola, pertama salin dan tempel wajah biola. Menggunakan Pen Tool, gambar bentuk bebas di atasnya.



Langkah 43

Pilih kedua bentuk dan di Pathfinder klik Divide. Ungroup objek hingga Anda tidak dapat lagi memisahkannya (umumnya empat kali.) Di bawah ini, Saya telah menghapus bentuk di sekitar tepinya sehingga Anda memiliki ide yang lebih baik dari hasil yang Anda cari. Satu-satunya bentuk yang Anda butuhkan adalah bentuk merah yang ditunjukkan di bawah ini. Hapus bentuk-bentuk itu dan letakkan di atas biola.



Langkah 44

Beri bentuk gradien putih ke transparan untuk membuat refleksi yang menakjubkan! Gunakan proses yang sama untuk memberikan area lain dari refleksi biola jika Anda mau. Jangan berlebihan dengan refleksi. Biasanya satu atau dua sudah cukup.



Langkah 45

Gambarlah persegi menggunakan Rectangle Tool (M) dan beri gradien radial biru.



Langkah 46

Terapkan sudut bulat dengan pergi ke Effect > Stylize > Round Corners.



Langkah 47

Notasi musik terbuat dari bentuk dasar.



Langkah 48

Gabungkan bentuk-bentuk dengan mengklik Unite di Pathfinder.



Langkah 49

Beri notasi musik variasi derajat rotasi dan bayangan untuk membuat rasa bergerak. Ketika menempatkan notasi musik tambahkan mereka secara acak sebagai lawan dari sproradis, ini akan memberikan ilustrasi keseluruhan tampilan yang lebih seimbang.



Pratinjau Gambar Akhir

Begitulah! Ilustrasi icon Anda telah selesai! Anda telah mempelajari cara membuat vektor biola yang keren.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.