Advertisement
  1. Design & Illustration
  2. Illustration

Membuat vektor kaset Tape ilustrasi

Scroll to top
Read Time: 16 min

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

Dalam tutorial berikut ini Anda akan belajar membuat ilustrasi kaset. Kami akan menggunakan teknik bangunan bentuk vektor, serta pencahayaan canggih, topeng vektor, gradien dan banyak lagi.


Langkah 1

Buat 340 dengan 310px, dokumen RGB. Pertama, Aktifkan Grid (Lihat > Grid) dan Snap untuk Grid (Lihat > Snap untuk Grid). Selanjutnya, Anda akan memerlukan sebuah grid 5px setiap. Pergi ke Edit > preferensi > & panduan Grid, 5 masuk Gridline setiap kotak dan 1 di kotak subdivisi.

Anda juga dapat membuka Info panel (jendela > Info) untuk pratayang langsung dengan ukuran dan posisi dari bentuk Anda. Jangan lupa untuk mengganti satuan pengukuran ke piksel dari Edit > Preferensi > Unit > Umum. Semua opsi ini secara signifikan akan meningkatkan kecepatan kerja Anda.


Langkah 2

Memilih Rectangle Tool (M), membuat 275 dengan bentuk 175px dan mengisinya dengan setiap warna. Saya mengisinya dengan merah dan menurunkan Opacity yang 30% sehingga Anda dapat membedakan Berikat lebih mudah. Pilih bentuk ini dan pergi ke efek > Stylize > Rounded Corner. Masukkan 8px radius, klik OK dan kemudian pergi ke objek > penampilan memperluas. Pilih bentuk dihasilkan dan membuat salinan di belakang (Command + C > Command + B).

Pilih salinan ini dan membuatnya tidak terlihat dengan mengklik ikon mata dari panel lapisan. Anda akan memerlukan bentuk ini untuk langkah lebih lanjut. Memilih ulang Rectangle Tool (M), membuat 245 110px bentuk dan tempat itu seperti yang ditunjukkan di bawah ini. Pilih dan pergi ke efek > Stylize > Rounded Corner. Masukkan 5px radius, klik OK, kemudian pergi ke objek > penampilan memperluas.


Langkah 3

Lanjutkan dengan alat persegi panjang (M), membuat 235 dengan bentuk 100px dan tempat itu seperti yang ditunjukkan dalam gambar berikut. Snap untuk pegangan akan meringankan pekerjaan Anda. Pilih bentuk baru ini dan pergi ke Effect > Stylize > Rounded Corners. Masukkan radius 4px, klik OK, lalu pergi ke Object > Expand Appearance.

Memilih ulang Rectangle Tool (M), membuat 165 50px bentuk dan tempat itu seperti yang ditunjukkan di bawah ini. Sekali lagi, memilih bentuk segar ini dan pergi ke efek > Stylize > Rounded Corner. Masukkan 25px radius, klik OK, kemudian pergi ke objek > penampilan memperluas.


Langkah 4

Terus bekerja dengan alat persegi panjang (M). Membuat 65 oleh 30px dan 195 oleh 45px bentuk dan menempatkan mereka seperti yang ditunjukkan dalam gambar berikut.


Langkah 5

Sekarang, beralih ke Ellipse Tool (L). Membuat dua lingkaran sempurna (30 oleh 30px) dan menempatkan mereka seperti yang ditunjukkan pada gambar pertama. Pilih bentuk-bentuk baru ini dua dan pergi ke objek > jalan > Offset jalan. Masukkan 35px Offset dan klik OK. Bentuk yang dihasilkan akan terlihat seperti gambar kedua. Memilih mereka dan mengirim mereka kembali (Shift + Command + Bracket kiri tombol).


Langkah 6

Sekarang, mari kita fokus pada persegi panjang bawah yang dibuat pada langkah keempat. Pertama, Anda akan membutuhkan kotak setiap 2.5px. Pergi ke Edit > Preferences > Guides * Grid dan masukkan 2.5 di kotak Gridline Every. Berikutnya, memilih alat seleksi langsung (A) dan berfokus pada poin-poin atas jangkar. Pilih bagian atas, kiri jangkar titik dan memindahkannya 10px ke kanan. Sekarang pilih titik anchor atas, kanan dan memindahkannya 10px ke kiri.

Sekarang, bentuk Anda harus llok seperti sebuah trapesium. Pilih dan pergi ke objek > jalan > Offset jalan. Masukkan 2.5px - Offset dan klik OK. Memilih ulang alat seleksi langsung (A), pilih bawah jangkar poin ini bentuk yang baru (disorot dalam gambar ketiga) dan menyeret mereka seperti yang ditunjukkan pada gambar keempat.


Langkah 7

Pindah ke atas persegi panjang dibuat pada langkah keempat. Pilih dan pergi ke objek > jalan > Offset jalan. Masukkan 2.5px Offset dan klik OK.


Langkah 8

Sekarang, mari kita membuat komponen yang lebih kecil. Pertama, menggunakan Ellipse Tool (L), membuat empat bentuk baru (7,5 oleh 7.5px) dan menempatkan mereka di sudut-sudut. Juga, menggunakan Ellipse Tool (L), buat tiga lingkaran sempurna (10 kali 10px) dan tempatkan seperti yang ditunjukkan pada gambar berikut.

Sekali lagi, Snap untuk Grid harus mengurangi pekerjaan Anda. Akhirnya, menggunakan Rectangle Tool (M), membuat dua kotak kecil (10 oleh 10px) dan menempatkan mereka seperti yang ditunjukkan di bawah ini. Pilih kedua bentuk dan pergi ke efek > Stylize > Rounded Corner. Masukkan 2px radius, klik OK dan kemudian pergi ke objek > penampilan memperluas.


Langkah 9

Pilih bentuk trapesium besar dan bulat persegi di gambar pertama, kemudian menduplikasi mereka (Command + C > Command + F). Pilih salinan ini bersama dengan persegi panjang bulat terbesar dan klik pada tombol Minus depan dari Pathfinder panel. Bentuk yang dihasilkan akan terlihat seperti gambar keempat yang ditunjukkan di bawah ini. Isi dengan putih sederhana sehingga Anda dapat membedakan itu lebih mudah dari sisa bentuk.


Langkah 10

Gandakan persegi panjang bulat yang dipilih pada gambar pertama (Command + C> Command + F). Pilih salinan ini bersama dengan persegi panjang bulat terbesar dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan R = 147, G = 149 dan B = 152.


Langkah 11

Pilih bentuk dipilih dalam gambar pertama dan pergi ke objek > jalan > Offset jalan. Masukkan 5px Offset dan klik OK. Pilih bentuk dihasilkan bersama dengan persegi panjang bulat terbesar dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan putih.


Langkah 12

Duplikat persegi kecil, atas dan dua lingkaran. Pilih salinan ini bersama dengan sisa persegi panjang bulat dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan putih.


Langkah 13

Pilih dua persegi panjang atas dan klik tombol Minus Front dari panel Pathfinder. Bentuk yang dihasilkan akan terlihat seperti gambar kedua di bawah ini. Isi dengan R = 147, G = 149, B = 152.


Langkah 14

Sekarang, Anda perlu untuk membagi bentuk yang dibuat di langkah sebelumnya. Memilih Pen Tool (P) dan membuat jalur horisontal empat yang ditunjukkan dalam gambar berikut. Sekali lagi, Snap untuk Grid akan meringankan pekerjaan Anda. Pilih jalur ini empat bersama dengan bentuk yang dibuat di langkah sebelumnya dan klik pada tombol membagi dari Pathfinder panel. Anda akan mendapatkan sekelompok empat bentuk baru. Mengisi mereka dengan warna pada gambar ketiga.


Langkah 15

Pilih bentuk trapesium kecil dan duplikat ini (Command + C > Command + F). Pilih salinan ini bersama dengan bentuk trapesium terbesar dan klik pada tombol Minus depan dari Pathfinder panel. Bentuk yang dihasilkan akan terlihat seperti gambar ketiga yang ditampilkan.


Langkah 16

Sekali lagi, Anda perlu membagi bentuk yang dibuat pada langkah sebelumnya. Nonaktifkan Snap to Grid, aktifkan Smart Guides (Command + U), lalu buat dua jalur horizontal yang ditunjukkan pada gambar pertama. Pilih jalur ini kecil bersama dengan bentuk yang dibuat di langkah sebelumnya dan klik pada tombol membagi dari Pathfinder panel. Anda akan mendapatkan sebuah grup dengan tiga bentuk. Mengisi mereka dengan warna pada gambar ketiga.


Langkah 17

Pergi ke Edit > preferensi > Umum dan masukkan 0.5px dalam kotak kenaikan Keyboard. Sekarang, mari kita fokus pada lingkaran kecil dan bulat persegi dari bawah ilustrasi Anda. Pertama, pilih salah satu bentuk-bentuk ini dan membuat dua salinan (Command + C > Command + F > Command + F).

Pilih Salin atas dan memukul panah atas tiga kali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan R = 40 G = 40, B = 40. Ulangi teknik yang sama untuk sisa empat bentuk. Di ujung seharusnya terlihat seperti gambar ketiga yang ditampilkan.


Langkah 18

Pilih lingkaran kecil dan persegi panjang bulat, bersama dengan bentuk trapesium yang tersisa, lalu klik tombol Minus Front dari panel Pathfinder. Mengisi bentuk dihasilkan dengan R = 147, G = 149, B = 152. Sekarang ilustrasi Anda akan terlihat seperti gambar ketiga.


Langkah 19

Sekarang mari kita membuat rekaman digulung dalam kaset. Fokus pada dua lingkaran yang ditunjukkan di bawah ini. Pertama, duplikat mereka. Pilih salinan ini dan klik pada Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan R = 38, G = 17, B = 10 dan membawa ke depan (Shift + Command + Bracket kanan kunci).


Langkah 20

Pilih dua salinan yang dibuat di langkah sebelumnya dan membawa mereka ke depan (Shift + Command + Bracket kanan kunci). Mengisi mereka berdua dengan tidak ada dan tambahkan 0.2pt stroke (R = 87, G = 56, B = 43). Pilih jalur dua ini dan pergi ke objek > campuran > membuat.

Selanjutnya, pergi ke objek > campuran > campuran Options, pilih ditentukan langkah-langkah dari drop-down menu, masukkan 50 dalam kotak dan klik OK. Sekarang seharusnya terlihat seperti gambar kedua. Pilih campuran ini bersama dengan bentuk buat di langkah sebelumnya dan Kirim kembali (Shift + Command + kunci Bracket Kiri).


Langkah 21

Mengaktifkan Snap untuk Grid, kemudian gunakan Ellipse Tool (L) untuk menciptakan sebuah lingkaran sempurna yang baru seperti yang ditunjukkan pada gambar pertama. Duplikat ini (Command + C > Command + F) kemudian menonaktifkan Snap untuk Grid. Pilih Salin dan tekan panah atas tiga kali. Memilih ulang lingkaran kedua dan klik pada tombol Minus depan dari Pathfinder panel. Isi dihasilkan bentuk dengan R = 25 G = 25, B = 25.


Langkah 22

Mengaktifkan Snap untuk Grid dan menciptakan bentuk baru seperti satu dari langkah sebelumnya. Kirim ke belakang (Shift + Command + Bracket kiri tombol), mengisinya dengan tidak ada dan menambahkan 6pt stroke. Atur warnanya pada R = 46, G = 47, B = 43. Sekarang buka panel Stroke. Pastikan bahwa garis lurus ke tengah, kemudian centang kotak Garis putus-putus. Masukkan 4pt di kotak dasbor dan 9.5pt di kotak celah.

Sekarang stroke Anda akan terlihat seperti gambar pertama. Mencentang ulang dan pergi ke objek > memperluas. Pilih jalur yang dihasilkan dan pergi ke efek > Stylize > Rounded Corner. Masukkan 0.5px radius, klik OK dan kemudian pergi ke objek > penampilan memperluas.


Langkah 23

Ulangi teknik yang sama untuk rekaman digulung kiri. Atau, cukup duplikat bentuk yang dibuat di langkah empat dan memindahkan salinan ke kiri.


Langkah 24

Menonaktifkan Snap untuk Grid dan Smart panduan, kemudian belok keterlihatan untuk bentuk yang dibuat di langkah kedua. Mengisinya dengan putih, membawanya ke depan (Shift + Command + Bracket kanan kunci), kemudian membuat dua salinan (Command + C > Command + F > Command + F). Pilih Salin atas dan memukul panah bawah tiga kali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan R = 188, G = 190, B = 192.

Buat dua salinan baru dari bentuk putih besar ini (Command + C> Command + F> Command + F). Pilih salinan dan tekan panah bawah dua kali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan R = 59, G = 59, B = 59 dan membawa ke depan (Shift + Command + Bracket kanan kunci).


Langkah 25

Memilih ulang bentuk putih besar, menghapus mengisi warna dan menambahkan 0.8pt, selaras dengan luar stroke (R = 46, G = 47, B = 43).


Langkah 26

Pilih bentuk putih yang dibuat di langkah kesembilan. Pertama mengganti putih dengan gradien linier yang ditunjukkan di bawah ini. Nomor putih dari gambar gradien singkatan lokasi persentase. Memilih ulang jalan ini, buka terbang-out menu Tampilan Panel dan klik pada Tambahkan isi baru.

Ini akan menambah isi kedua untuk bentuk Anda. Membuat hitam, menurunkan Opacity yang sampai 10%, mengubah modus blending untuk mengalikan, lalu pergi ke efek > artistik > Film gandum. Masukkan data yang ditunjukkan di bawah ini dan klik OK.


Langkah 27

Pindah ke bentuk trapesium. Pertama mengganti warna mengisi keluar dengan gradien linier yang ditunjukkan di bawah ini, kemudian tambahkan mengisi kedua. Membuat hitam, menurunkan Opacity nya 3%, mengubah modus blending untuk mengalikan, lalu pergi ke efek > artistik > Film gandum. Masukkan data yang ditunjukkan di bawah ini dan klik OK.


Langkah 28

Gunakan Rectangle Tool (M) untuk membuat bentuk 190 x 2px, dan letakkan seperti yang ditunjukkan pada gambar pertama. Isi dengan R = 59, G = 59, B = 59 dan tambahkan 0,25, selaras dengan stroke bagian dalam. Sekarang pergi ke efek > & Distort mengubah > mengubah. Masukkan 10 dalam kotak salinan, seret penggeser bergerak-vertikal ke 4px dan klik OK. Sekarang pekerjaan Anda akan terlihat seperti gambar pertama di bawah ini.

Duplikat bentuk trapesium diedit di langkah sebelumnya. Membawa salinan ini ke depan (Shift + Command + Bracket kanan kunci) dan isi hanya dengan putih. Pilih warna putih dengan bentuk bersama dengan tipis, dikalikan persegi ini dan pergi ke panel transparansi. Buka terbang-out menu dan klik membuat masker Opacity. Sekarang seharusnya terlihat seperti gambar ketiga yang ditampilkan.


Langkah 29

Memilih ulang bentuk trapesium dan membuat dua salinan baru (Command + C > Command + F > Command + F). Pilih Salin atas dan memukul panah bawah sekali. Memilih ulang salinan kedua dan klik pada tombol Minus depan dari Pathfinder panel. Isi sekelompok dihasilkan bentuk dengan R = 167, G = 169, B = 172 dan membawa ke depan (Shift + Command + Bracket kanan kunci).


Langkah 30

Pilih bentuk abu-abu yang dibuat pada langkah kesepuluh. Pertama, ganti warna isian yang ada dengan R = 59, G = 59, B = 59, lalu tambahkan isian kedua. Membuat hitam, menurunkan Opacity yang sampai 10%, mengubah modus blending untuk mengalikan, lalu pergi ke efek > artistik > Film gandum. Masukkan data yang ditunjukkan di bawah ini dan klik OK.

Selanjutnya, tambahkan stroke pertama. Membuat lebar, 1.3pt menyelaraskan itu di luar dan menetapkan warna R = 46 G = 47, B = 43. Buka terbang-out menu Tampilan Panel dan klik pada Tambahkan baru Stroke. Ini akan menambah stroke kedua untuk bentuk Anda. Membuat lebar, 0.3pt menyelaraskan itu di luar dan menetapkan warna R = 147, G = 149, B = 152.


Langkah 31

Pilih bentuk putih yang dibuat di langkah kesebelas. Pertama, menggantikan yang ada mengisi warna dengan gradien linier ditunjukkan di bawah ini, kemudian tambahkan mengisi kedua. Sekarang Anda perlu pola yang bagus untuk mengisi baru ini. Pergi ke Swathes panel, buka menu terbang-out dan pergi ke membuka Swatch perpustakaan > pola > grafik dasar > Graphics_Textures dasar.

Ini akan membuka jendela baru dengan beberapa pola yang bagus. Memilih ulang mengisi kedua dari bentuk Anda. Menurunkan Opacity yang 20%, kemudian menggunakan pola berlian. Selanjutnya, tambahkan stroke pertama. Buat lebar 0,75pt, sejajarkan ke dalam dan atur warnanya pada R = 167, G = 169, B = 172. Tambahkan goresan kedua untuk bentuk Anda. Buat lebar 0,25pt, sejajarkan ke dalam dan atur warnanya pada R = 255, G = 255, B = 255.


Langkah 32

Pilih bentuk abu-abu yang dibuat di langkah kedua belas. Pertama, menggantikan yang ada mengisi warna dengan R = 85 G = 85, B = 85. Sekarang tambahkan mengisi kedua. Membuat hitam, menurunkan Opacity yang sampai 10%, mengubah modus blending untuk mengalikan, lalu pergi ke efek > artistik > Film gandum.

Masukkan data yang ditunjukkan di bawah ini dan kemudian klik OK. Selanjutnya, tambahkan stroke pertama. Buat lebar 1pt, sejajarkan ke luar dan atur warnanya pada R = 46, G = 47, B = 43. Buka terbang-out menu panel tampilan dan menambahkan stroke kedua untuk bentuk Anda. Membuat lebar, 0.5pt menyelaraskan itu di luar dan menetapkan warna R = 128 G = 130, B = 133.


Langkah 33

Untuk langkah ini, Anda akan perlu grid 5px setiap. Pertama, mengaktifkan Snap untuk Grid, lalu pergi ke Edit > preferensi > & panduan Grids dan masuk 5 Gridline setiap kotak. Gandakan bentuk yang dibuat pada langkah kesembilan, lalu pilih Ellipse Tool (L), buat bentuk 365 x 110px dan letakkan seperti yang ditunjukkan pada gambar pertama.

Pilih bentuk baru ini foto kopi segar dan klik pada tombol berpotongan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan gradien linier yang ditunjukkan dalam gambar ketiga dan menurunkan Opacity yang sampai 10%. Nomor kuning dari gambar gradien singkatan persentase Opacity.


Langkah 34

Gandakan bentuk yang dibuat pada langkah kedua belas, lalu pilih Ellipse Tool (L) dan buat bentuk terjepit seperti yang dari langkah sebelumnya. Pilih bentuk baru ini, bersama dengan salinan segar, dan klik pada tombol berpotongan dari Pathfinder panel. Mengisi bentuk dihasilkan dengan gradien linier yang ditunjukkan dalam gambar ketiga dan menurunkan Opacity yang sampai 10%.


Langkah 35

Sekarang mari kita fokus pada lingkaran kecil yang ditempatkan di sudut-sudut. Pilih salah satu bentuk-bentuk ini dan mengisinya dengan R = 70 G = 70, B = 70. Tambahkan pilihan kedua bentuk ini, mengatur warna R = 30 G = 30, B = 30. Sekarang pergi ke Effect> Distort & Transform> Transform. Masukkan data yang ditunjukkan di bawah, klik OK, lalu pergi ke Efek> Distort & Transform> Pucker & Bloat.

Seret penggeser di-50%, klik OK dan kemudian menambahkan stroke sederhana untuk bentuk-bentuk ini. Membuat lebar 1 poin, menyelaraskan itu di luar dan mengatur warna R = 45 G = 45, B = 45. Ulangi teknik yang sama untuk tiga lingkaran lain atau, tahan Alt, klik pada ikon target (sedikit gelap titik di sebelah kanan) dan drag ke ikon target yang berdiri untuk tiga bentuk lainnya.


Langkah 36

Pilih semua bentuk yang dibuat sejauh ini (kecuali bentuk bertopeng) dan duplikat (Perintah + C> Perintah + F). Pilih semua salinan ini dan klik tombol Unite dari panel Pathfinder. Mengisi bentuk dihasilkan dengan R = 117, G = 117, B = 117. Kirim ke belakang (Shift + Command + Bracket kiri tombol) dan pergi ke efek > Stylize > Drop Shadow. Masukkan data yang ditunjukkan di bawah ini dan klik OK.


Langkah 37

Memilih alat Ellipse dan menciptakan 265 10px bentuk. Isi dengan R = 46, G = 47, B = 43 dan tempatkan seperti yang ditunjukkan pada gambar berikut, kemudian Kirim ke Kembali (Shift + Command + kunci Bracket Kiri) dan pergi ke Efek> Blur> Gaussian Blur. Masukkan radius 6px dan klik OK.


Langkah 38

Akhirnya, mari kita tambahkan beberapa rekaman di luar kaset. Pertama, buka Brushes panel (jendela > sikat) dan menonaktifkan Snap untuk Grid. Selanjutnya, pilih 5pt. sikat datar dan menggambar jalan acak. Mengatur warna R = 94, G = 56, B = 35 dan kemudian pergi ke objek > penampilan memperluas. Pilih bentuk dihasilkan dan klik pada tombol Unite dari Pathfinder panel.


Langkah 39

Selanjutnya, Anda perlu untuk membagi bentuk yang dibuat di langkah sebelumnya sehingga Anda dapat menambahkan efek yang lebih realistis untuk rekaman ini. Mengaktifkan Smart panduan dan kemudian menggunakan Pen Tool untuk menambahkan beberapa path sederhana seperti ditunjukkan pada gambar pertama. Menambahkan mereka di daerah mana rekaman membungkuk. Pilih semua jalur ini bersama dengan pita keseluruhan bentuk dan klik pada tombol membagi dari Pathfinder panel.


Langkah 40

Sekarang, kami akan menambahkan beberapa bayangan untuk bentuk yang dihasilkan. Buat gradien linier yang ditunjukkan pada gambar pertama dan simpan ke panel Swatch Anda. Sekarang, tambahkan satu atau lebih isian untuk sebagian besar jalur yang dibuat pada langkah sebelumnya dan gunakan gradien baru ini. Anda harus menggunakannya di daerah bend (di tikungan) menambahkan efek bayangan bagus untuk tikungan. Simpan gradien yang ditunjukkan dalam gambar kedua dan kemudian menggunakannya seperti yang ditunjukkan dalam gambar berikut. Gradien ini juga dapat digunakan di daerah tikungan tetapi di luar.


Langkah 41

Simpan gradien yang ditunjukkan pada gambar pertama dan menggunakannya seperti yang ditunjukkan pada gambar pertama. Gradien ketiga ini harus digunakan di suatu tempat di tengah bentuk Anda untuk menambahkan efek luminositas yang bagus untuk rekaman itu. Akhirnya, simpan gradien yang ditunjukkan pada gambar kedua dan gunakan seperti yang ditunjukkan.


Langkah 42

Pilih Semua komponen tape dan kelompok mereka (Command + G). Pilih grup ini segar, pergi ke efek > Stylize > Drop Shadow, memasukkan data yang ditunjukkan di bawah ini dan klik OK.


Langkah 43

Untuk latar belakang gunakan persegi panjang sederhana dan isi dengan gradien linier yang ditunjukkan di bawah ini.


Kesimpulan

Gambar akhir di bawah ini.

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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads