Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Membuat Sebuah Gaya Tambalan Bordir Dengan Adobe Illustrator

Scroll to top
Read Time: 9 min

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Bawakan sedikit nostalgia pada desain kamu dengan rangkaian piktogram bergaya tambalan bordir. Di dalam tutorial ini kamu akan belajar cara membuat layer fill, stroke dan efek spesial dalam Panel Appearance untuk membuat gambar tambal bordir yang kompleks hanya dengan menggunakan satu lingkaran dan beberapa bentuk. Mari kita mulai!


Catatan: Karena tambalan ini digunakan sebagai grafik web kita akan membuat itu dalam pixel dan pada skala kecil. Jika kamu ingin membuat efek ini untuk grafik yang lebih besar atau untuk cetak kamu akan perlu mengubah skala pilihan Appearance atau meratakan gambar setelah selesai dan mengubah skala dari situ.


Langkah 1

Mari kita mulai! Terlebih dahulu, buka Adobe Illustrator dan buat dokumen baru berukuran 160px x 160px, RGB dan 75ppi, klik OK.



Langkah 2

Pilih Ellipse Tool (L) dan Option + klik pada artboard untuk menampilkan pilihan ukuran. Atur Width dan Height menjadi 140px, klik OK.



Langkah 3

Buka Pengaturan Align (Window > Align) dan dengan memilih Ellipse, pilih Align to Artboard sejajarkan Ellipse secara vertikal dan horizontal terhadap artboard.



Langkah 4

Pergi ke Panel Appearance (Window > Appearance) dan atur Ellipse agar memiliki no fill dan garis 3pt dalam warna tonal menengah (saya menggunakan oranye hangat - #F7941E) atur Cap dan Corner menjadi Round.



Langkah 5

Klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Distort & Transform > Zig Zag. Atur ukuran Zig Zag menjadi 6pt dan klik OK.



Langkah 6

Klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Distort & Transform > Transform. Atur Horizontal dan Vertical Scale menjadi 103% dan Move Horizontal dan Vertical menjadi 1.4px, klik OK.



Langkah 7

Pilih goresan dalam Panel Appearance dan klik icon "Duplicate Selected Item" di bagian bawah Panel. Pastikan goresan baru berada di atas yang pertama kamu buat, ubah warna menjadi sedikt lebih cerah dari warna pertama (saya menggunakan oranye hangat cerah - #FBB040).

Buka Pengaturan Stroke dengan mengklik menu drill down dan klik pada Pengaturan Transform. Ubah Horizontal dan Vertical pada Scale menjadi 100%, klik OK.



Langkah 8

Pilih goresan terakhir yang kamu buat dalam Panel Appearance dan klik icon "Duplicate Selected Item" di bagian bawah Panel. Pastikan goresan baru di atas yang pertama yang kamu buat, ubah warna menjadi sedikit lebih cerah dan terang daripada warna kedua (saya menggunakan kuning hangat - #FBDC6F). Turunkan bobot goresan menjadi 0.25pt, klik pada pilihan Zig Zag dan ubah size menjadi 3px.



Langkah 9

Pilih goresan terakhir yang kamu buat dalam Panel Appearance dan klik icon "Duplicate Selected Item" di bagian bawah Panel. Pastikan goresan baru di atas yang pertama kali  kamu buat, ubah warna menjadi sedikit lebih cerah dan terang daripada warna ketiga (saya menggunakan kuning muda - #FFE395).

Naikkan bobot goresan menjadi 0.75pt, klik pada pilihan Zig Zag dan ubah size menjadi 6px. Periksa bahwa pengaturan Transform Effect diatur menjadi Horizontal dan Vertical Scale pada 100%, klik OK.




Langkah 10

Pilih goresan terakhir yang kamu buat dalam Panel Appearance dan klik icon "Duplicate Selected Item" di bagian bawah Panel. Pastikan goresan baru di atas yang pertama kamu buat, ubah warna menjadi sedikitl lebih gelap daripada ketiga warna lainnya (saya menggunakan coklat mustar - #BA6F18). Naikkan bobot goresan menjadi 1pt.



Langkah 11

Klik pada pilihan Zig Zag dan ubah size menjadi 3px, klik OK.



Langkah 12

Ubah pengaturan Transform Effect menjadi Horizontal dan Vertical Scale pada 95% dan Horizontal dan Vertical Move pada 0.7px, klik OK.



Langkah 13

Pastikan grid diatur ke pixels, kamu bisa melakukan ini dengan pergi ke Settings > Guides & Grid dan mengubah Gridline menjadi setiap 10px dan Subdivisions menjadi 10px. Buat grid menjadi tampak (View > Show Grid) dan snap bentuk pada Grid (View > Snap to Grid).

Sekarang kita akan membuat motif kain pada lencana. Buat Layer baru dan kunci layer sebelumnya sebelum kamu memulai langkah ini. Ambil Rectangle Tool (M) dan Option-klik pada artboard. Atur Rectangle agar memiliki width 4px dan height 1px, klik OK.


Pilih Rectangle dan Option + Tarik Mouse pada bentuk untuk membuat salinan. Buat dua salinan, satu di sebelah yang lainnya. Ini adalah baris persegi panjang pertama yang akan membuat pola. Di dalam contoh di bawah Persegi panjang tengah berwarna abu-abu mudah sehingga kamu bisa melihat bagaimana itu ditempatkan. Persegi panjang anda bisa berwarna apa pun pada tahap ini, kita akan mewarnainya dengan gradien nantinya.


Pilih dua Persegi panjang yang berada di sebelah satu sama lain dan Option + Tarik Mouse terhadap dua bentuk untuk membuat salinan di tengah baris pertama persegi panjang. Ini adalah baris kedua persegi panjang yang akan membuat pola.


Pilih semua persegi panjang (5 persegi panjang) dan Option + Tarik Mouse terhadap kelima bentuk untuk membuat salinan di bawah dua baris pertama persegi panjang. Ini adalah baris ketiga dan keempat persegi panjang yang akan membuat pola.



Langkah 14

Buka Panel Gradient (Window > Gradient) dan isi persegi panjang dengan Linear Gradient krem / coklat, satu gelap satu terang. Kamu bisa melihat distribusi gradien di dalam gambar di bawah.



Langkah 15

Gambarkan sebuah Persegi panjang dengan fill dan line diatur menjadi nol, yang menutupi pola dengan menggunakan dua persegi panjang bawah sebagai panduan. Klik ke dalam layer yang sedang kamu kerjakan dan kamu akan melihat bahwa persegi panjang berada di dalam layer itu sendiri (ditandai dengan warna biru). Ambil layer ini dan tarik itu di bawah obyek yang membuat pola.



Pilih semua Persegi panjang dan tarik mereka ke dalam Panel Swatches, gambarkan sebuah persegi panjang besar dan isi itu dengan swatch yang baru saja kamu buat. Jika pola dibuat dengan benar kamu akan memiliki sebuah pola mulus yang tampak serupa dengan gambar di bawah. Jika pola tidak berkerja dengan benar, kembali ke langkah sebelumnya dan pastikan bahwa sepanjang persegi panjang diposisikan dengan benar di bawah persegi panjang gradien.



Langkah 16

Matikan layer pola dan kembali ke Patch. Pilih itu dan tambahkan sebuah fill baru ke bawah Appearance (kamu bisa melakukan ini dengan mengklik pada icon Add New Fill di bagian bawah panel). Klik ke dalam pilihan Fill dan pilih pola yang kamu buat di dalam langkah sebelumnya.


Tambahkan sebuah fill baru di atas pola kain dan isi itu dengan warna coklat muda (saya menggunakan #C69C6D). Klik ke dalam opsi Fill dan atur Opacity menjadi 65%, ini akan memperhalus pola sedikit dan memungkinkan kamu untuk bermain dengan intensitas tanpa harus mengubah gradien.


Pilih layer pola dan Alt + klik dengan Rotate Tool (R) untuk menampilkan Pilihan Rotate. Atur Angle menjadi -20 dan hilangkan centang pada Objects sehingga hanya Pattern yang akan berubah. Klik OK.



Langkah 17

Tambalan sekarang hampir tampak selesai. Untuk membuatnya tampak sedikit lebih realistis, pilih isi pola di dalam panel appearance dan tambahkan Drop Shadow. Klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Stylize > Drop Shadow. Atur X dan Y offset menjadi 7px, blur menjadi 5px dan Blending Mode menjadi Multiply, klik OK.



Langkah 18

Sekarang kita akan menambahkan jahitan dalam. Tambahkan goresan putih pada bagian atas Appearance, dan klik ke dalam pilihan stroke. Atur itu menjadi 1px. Klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Path > Offset Path. Atur Offset menjadi -10px, klik OK.


Sekali lagi, klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Distort & Transform > Transform. Atur Scale menjadi 100% dan Move Horizontal menjadi 1px dan Move Vertical menjadi 2px. Klik OK.


Buka pengaturan Stroke, klik Dashed Line, dan buat Dashes dan Gaps masing-masing sebesar 6pt. Kemudian ubah Cap dan Corners menjadi Rounded.


Terakhir, klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Stylize > Drop Shadow. Atur pilihan menjadi Mode, Normal - Y dan X Offset, 0px dan Blur 1px. Klik OK.



Langkah 19

Duplikasikan tampilan Dashed Line dan ubah Transform Effect agar memiliki sudut Rotate pada 45°, klik OK.



Langkah 20

Sekarang kita akan menambahkan beberapa efek cahaya pada tambalan. Pertama-tama, buat sebuah layer isi di atas pengaturan appearance lainnya. Klik pada icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Path > Offset Path. Atur Offset menjadi -11px, klik OK.


Isi layer ini dengan gradien radial yang bergerak dari krem hangat / oranye menjadi putih transparan. Gunakan Gradient Tool (G) untuk memposisikan dan menyesuaikan radial pada sisi kiri atas tambalan.


Atur Opacity pada Radial Fill menjadi 25%.



Langkah 21

Duplikasikan Radial Fill Appearance dan ubah gradien agar memiliki warna coklat menengah, gunakan Gradient Tool (G) untuk memposisikan Radial Gradient di sisi kanan bawah tambalan.




Langkah 22

Lakukan zoom out dan lihat tambalan. Jika itu sedikit gelap, atau kamu ingin membuatnya sedikit mengkilap, maka tambahkan Stroke akhir ke bagian atas Appearance (duplikasikan salah satu goresan Zig Zag sebelumnya dan pindahkan itu ke bagian atas Panel Appearance). Buka Pilihan Zig Zag, ubah ukuran menjadi 8px, dan ridges per segment menjadi 100. Klik OK.


Jika ada Transform Effect yang diterapkan pada Stroke, ubah pengaturan Move menjadi 0px, dan Horizontal dan Vertical scale menjadi 101%.


Buka pengaturan Opacity, ubah Blending Mode menjadi Screen dan Opacity menjadi 40%.



Langkah 23

Kamu sekarang telah menyelesaikan pola Tambalan. Pembuatan warna yang berbeda itu sederhana, yang kamu perlukan adalah mengubah warna garis ZigZag. Pastikan kamu menyimpan Appearance dengan memilih Patch dan mengklik pada icon New Graphic Style di bagian bawah panel Graphic Styles.



Langkah 24

Sekarang kita akan membuat gambar Bordir. Dengan menggunakan Langkah 13 hingga 15 sebagai panduan, kembali ke Layer Pattern dan buat grid gradiaen yang diisi persegi panjang yang berwarna Cream dan Beige. Buat pola dari persegi panjang dan kembali ke Layer Patch.




Langkah 25

Dengan menggunakan Pen Tool, gambarkan bentuk yang ingin kamu gunakan pada tambalan. Pastikan tidak ada sudut pada gambar karena itu bisa mendistorsi pola jahitan. Saya menggunakan Logo Envato.

Pilih bentuk baru gambar dan terapkan Appearance baru. Appearance diatur pada 36% Opaque White Fill di bagian atas, pola kain di tengah, dengan coklat menengah di bawah. Juga sebuah Offset Path (icon "Fx" di bagian bawah Panel Appearance dan arahkan ke Path > Offset Path. Atur Offset menjadi 3px, klik OK.)



Kamu bisa dengan mudah mengubah bayangan isi kain dengan mengubah warna isi di bagian layer atas pada Panel Appearance.




Langkah 26

Untuk melengkapi gambar pada tambalan, kita akan menerapkan sebuah garis jahitan silang pada bagian atas bentuk. Pertama-tama, buat sebuah palang kecil dengan Pen Tool (pastikan garis memiliki ujung yang bulat) dan tarik itu ke dalam Panel Brushes. Atur Brush menjadi Pattern Brush dan atur Fit menjadi "Stretch to Fit". Atur Colorization Method menjadi "Hue Shift" (Ini akan memungkinkan kamu untuk mewarnai garis dengan warna apapun yang kamu suka), klik OK.

Pilih bagian pertama bentuk dan buat salinan di atas dengan Command + C then Command + F. Sekarang bersihkan tampilan dari bentuk (klik menu pada bagian samping Panel Appearance dan klik Clear Appearance).

Atur garis pada bentuk bersih menjadi Pattern Brush jahitan silang dan ubah warna agar cocok dengan gambar, saya menggunakan putih. Simpan tampilan garis jahitan silang pada Panel Graphic Styles dan salin bagian gambar berikutnya (Command + C lalu Command + F). Sekarang klik pada Cross Stitch Line Appearance di dalam Panel Graphic Styles untuk menerapkan efek jahitan. Ulangi untuk bentuk-bentuk lainnya.




Kesimpulan

Dan inilah dia, tambalan bordir 100% vector. Sangat menyenangkan untuk membuat desain-desain yang berbeda. Silahkan bermain dengan kombinasi warna pada garis dan isi untuk membuat desain unik milikmu. Selamat bersenang-senang!



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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.