Dari Curve ke Filmstrip di Adobe Illustrator

Dalam tutorial Adobe Illustrator ini kita akan membuat ilustrasi vektor Filmstrip memutar. Dengan menggunakan kombinasi beberapa alat yang sangat berguna, seperti Pen Tool, Extrude & Bevel 3D effect dan Blend Tool, kami akan mengubah kurva sederhana menjadi Filmstrip yang indah. Kita belajar untuk menekankan tampilan ilustrasi yang realistis dengan menerapkan gradien yang diperlukan. Mari kita mulai bisnis!

Langkah 1

Buat dokumen Illustrator baru. Atur dimensi ke 1000 piksel dengan 600 piksel.

Langkah 2

Mari kita mulai dengan membuat simbol strip film. Kami akan menerapkan simbol itu ke strip film 3D yang akan kami buat nantinya. Pertama, kita harus menetapkan lebar strip film. Dalam tutorial ini akan menjadi 150 piksel. Detail ini sebenarnya sangatlah penting untuk membuat objek 3D.

Ambil Rectangle Tool (M) dari Tool Panel dan klik dimanapun di area kerja. Kotak pilihan Rectangle akan muncul. Tetapkan nilai untuk lebar hingga 2000 piksel dan tingginya menjadi 150 piksel. Ini akan membuat strip yang sangat panjang.

Langkah 3

Sekarang kita perlu membuat lubang kecil di kedua sisi strip. Pilih Rounded Rectangle Tool dari Tool Panel, klik pada area kerja dan atur nilainya seperti yang Anda lihat pada gambar di bawah ini.

Langkah 4

Tempatkan persegi panjang kecil di sudut kiri atas dari strip hijau. Tahan tombol Alt pada keyboard, lalu klik pada persegi panjang kuning dan seret ke kanan (jangan lupa untuk menahan tombol Shift pada keyboard untuk menyeret lurus).

Langkah 5

Pilih kedua persegi panjang kuning, kemudian di bawah terapkan Object> Blend> Make.

Langkah 6

Pilih lagi Objek> Blend> Blend Options. Atur Spacing ke Langkah-Langkah Yang Ditentukan dalam menu dropdown, lalu tetapkan nilai Spacing ke 100. Ini akan membuat  persegi panjang kuning yang banyak.

Langkah 7

Gandakan (Command + C, Command + F) persegi panjang yang baru saja kita buat dan pindahkan salinannya ke bawah. Pilih kedua baris persegi panjang kuning, rentangkan (Object> Expand) dan kelompokkan (Command + G). Sambil menahan tombol Shift pada keyboard, pilih strip hijau di bawah Align Panel, tekan Horizontal Align Center, lalu Vertical Align Center.

Langkah 8

Ambil Rectangle Tool (M) sekali lagi dan buat persegi panjang dengan dimensi 70px x 201px. Tempatkanlah di bagian tengah kiri jalur hijau. Tahan tombol Alt pada keyboard dan seret persegi panjang ke kanan. Ini akan membuat salinan kotak merah. Jangan lupa untuk menahan tombol Shift pada keyboard untuk menyeret lurus.

Langkah 9

Blend Tool akan membantu kita sekali lagi untuk membuat persegi panjang merah yang kita butuhkan. Pilih kedua persegi panjang merah dan di bawah Objectnya pilih Blend> Make. Pilih lagi Object> Blend> Blend Options. Atur Spacing ke Langkah Tertentu dalam menu dropdown, dan tetapkan nilai Spacing ke 30.

Langkah 10

Jangan lupa untuk menyelaraskan persegi panjang dengan sisa strip menggunakan Horizontal dan Vertical Align Center di bawah Align Panel, seperti yang kami lakukan dengan persegi panjang kuning.

Kita hampir selesai dengan simbol strip film. Yang perlu kita lakukan adalah membuat lubang aktual pada strip film. Kita perlu Ungroup (Shift + Command + G) barisnya dari persegi panjang kuning. Pertama pilih baris atas dari persegi panjang dan strip hijau. Di bawah Pathfinder Panel tekan tombol Minus Front.

Langkah 11

Ulangi langkah sebelumnya dengan baris bawah persegi panjang kuning. Anda harus berakhir dengan sesuatu seperti ini:

Langkah 12

Kita juga harus memperluas persegi panjang merah  (Object> Expand), kemudian mengubah warna strip film seperti yang ditunjukkan.

Langkah 13

Pilih semua elemen dari strip film dan Kelompokkan mereka (Command + G), ambil strip film dan seret ke dalam Symbol Panel. Dalam kotak Opsi Simbol pilih Grafis.

Langkah 14

Sekarang kita akan membuat kurva yang bagus dan sederhana. Pilih Pen Tool (P) dari Tool Panel dan buat kurva seperti yang ditunjukkan pada gambar di bawah ini. Atur warna Stroke menjadi abu-abu dan hapus warna Isi.

Langkah 15

Di bawah Efek pilih 3D> Extrude & Bevel.

Langkah 16

Atur Extrude Depth ke 150 (ini adalah lebar dari strip film yang kami buat di awal tutorial ini). Jangan lupa untuk menyesuaikan Perspektif (objek tanpa perspektif terlihat agak terdistorsi). Kami akan mengaturnya ke 40. Ada satu hal lagi yang cukup penting. Untuk Permukaan pilih No Shading. Dengan cara ini kita akan menghindari membuat banyak bagian kecil dari objek 3D.

Langkah 17

Pada langkah ini kita akan menerapkan simbol strip film yang kita buat sebelumnya ke strip film 3D. Di bawah Extrude & Bevel Option Box tekan tombol Map Art. Jangan lupa untuk mencentang kotak Pratinjau agar dapat menyesuaikan ilustrasi dengan mudah.

Di bawah Map Art Options kita akan menerapkan simbol filmstrip yang telah kita buat sebelumnya ke sisi tertentu dari filmstrip 3D kita. Beralih di antara Permukaan strip film 3D dan terapkan simbol strip film ke sisi: 3, 5 dan 7 dari menu dropdown Simbol.

Langkah 18

Sekarang kita perlu memperluas filmstrip 3D kita untuk menerapkan gradien warna yang bagus. Di bawah Object hit Expand Appearance. Ungroup (Shift + Command + G) thestrip filmnya. Karena ilustrasi kami berisi banyak bagian, bersiaplah untuk memisahkan objek beberapa kali. Ini akan memungkinkan kita untuk menerapkan gradien warna ke setiap bagian secara terpisah. Anda mungkin juga harus menghapus clipping mask untuk memisahkan semua bagian. Untuk melepaskan clipping mask, tekan Alt + Command + 7 shortcut pada keyboard, atau cukup pilih Object> Clipping Mask> Release.

Langkah 19

Setelah kita menyelesaikan pengelompokan filmstrip kita dapat mulai menerapkan gradien warna. Ada satu hal yang harus kita ingat. Gradien warna akan membantu kita membuat ilustrasi yang realistis. Sekarang kita harus fokus pada bagian-bagian ilustrasi yang perlu berada dalam bayangan dan bagian-bagian yang perlu untuk kita sorot. Untuk setiap bagian abu-abu dari filmstrip (bingkai dari filmstrip) menerapkan gradien abu-abu ke abu-abu terang, dan untuk bagian hitam kita perlu menerapkan gradien hitam ke abu-abu. Warna terang dalam gradien akan membuat highlight untuk objeknya.

Mari kita mulai dengan bagian abu-abu.

Langkah 20

Untuk bagian hitam (kotak) kita memerlukan gradien hitam ke abu-abu. Kami tidak membutuhkan gradien untuk semua kotak. Dengan gradien hitam ke abu-abu kami akan mencoba mensimulasikan highlight pada bagian hitam.

Langkah 21

Pada langkah ini kita akan mencoba membuat dua bentuk bayangan  yang tidak beraturan. Untuk melakukan itu kita akan memerlukan Blend Tool. Ambil Pen Tool (P) dari Tool Panel dan buat bentuk seperti yang ditunjukkan. Anda akan melihat bahwa bentuk ini mengandung empat titik jangkar. Atur warna Fill ke abu-abu (# D1D3D4).

Langkah 22

Dengan Pen Tool (P) gambarlah satu bentuk lagi. Pastikan untuk membuatnya hanya dengan empat titik jangkar. Tetapkan warna Isi ke putih (#FFFFF).

Langkah 23

Ketika Anda memadukan jalur vektor, jumlah titik jangkar sangat penting. Anda harus memastikan jalur berisi jumlah titik jangkar yang sama. Jika tidak, Anda tidak akan dapat membuat transisi yang mulus antar warna. Pilih kedua bentuk dan di bawah Object pilih Blend> Make. Kemudian, pilih Object> Blend> Blend Options dan atur nilai untuk Specified Steps ke 50.

Langkah 24

Kirim bayangan yang baru saja kita buat ke belakang (Shift + Command _ + [). Menggunakan teknik yang sama buat bayangan untuk bagian filmstrip lainnya. Pastikan untuk memadukan dua bentuk dengan jumlah titik jangkar yang persis sama. .

Gambar Terakhir

Dan kita selesai! Dengan kombinasi beberapa alat dan bentuk yang sangat berguna, kami telah membuat strip film yang menarik. Cobalah teknik ini dan buat garis film di posisi yang berbeda. Merasa bebas untuk menjadi kreatif dan bermain-main dengan perspektif. Jika Anda memiliki pertanyaan atau komentar, silakan posting di bagian komentar di bawah ini. Saya harap Anda menyukai tutorialnya. Terima kasih telah mengikuti!