1. Design & Illustration
  2. Patterns

Cara Membuat Pola Seamless Bertemakan Pensil di Adobe Illustrator

Scroll to top
Read Time: 8 min

() translation by (you can also view the original English article)

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

Dalam tutorial hari ini, kita akan segera melihat proses pembuatan pola bertema pensil di Adobe Illustrator. Anda akan belajar cara menyatukannya dengan mudah menggunakan beberapa bentuk dan alat geometrik dasar.

Oh, dan jangan lupa Anda selalu dapat memperluas perpustakaan Anda dengan menuju ke GraphicRiver, di mana Anda akan menemukan banyak pilihan pola vektor.

Yang artinya, sesap jus kacang ajaib itu, dan mari melompat langsung ke dalamnya!

1. Cara Menyiapkan File Proyek Baru

Mari menendang keadaan dengan menyiapkan Dokumen Baru dengan membuka File> New atau dengan menggunakan pintasan keyboard Control-N. Kemudian sesuaikan sebagai berikut:

  • Jumlah Artboard: 1
  • Width: 1560 px
  • Height: 1360 px
  • Units: Pixels

Dan dari tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new documentsetting up a new documentsetting up a new document

2. Cara Membuat Background

Setelah kita memiliki file proyek baru kita, kita dapat mulai bekerja pada pola yang sebenarnya dengan membuat background.

Langkah 1

Ambil Rectangle Tool (M) dan buat bentuk 1560 x 1360 px, yang akan kita warnai menggunakan #FFD44D dan kemudian tengahkan secara sejajar dengan Artboard yang mendasari menggunakan opsi Horizontal dan Vertical Align Center pada panel Align.

creating and positioning the main shape for the backgroundcreating and positioning the main shape for the backgroundcreating and positioning the main shape for the background

Langkah 2

Mulai kerjakan lubang pengulangan dengan membuat bentuk utama untuk instance awal menggunakan elips 120 x 32 px, yang akan kita warnai menggunakan #FFB450 dan kemudian tengahkan secara sejajar dengan Artboard seperti yang kita lakukan dengan persegi panjang yang lebih besar.

creating the main shape for the first instance of the repeating holecreating the main shape for the first instance of the repeating holecreating the main shape for the first instance of the repeating hole

Langkah 3

Perbesar bentuk yang baru saja kita buat dan tambahkan bagian dalamnya yang lebih gelap menggunakan elips 120 x 32 px lainnya, yang akan kita warnai menggunakan #E2963B dan kemudian posisikan di atas bagian bawahnya seperti yang terlihat pada gambar referensi.

adding the inner darker section to the first instance of the repeating holeadding the inner darker section to the first instance of the repeating holeadding the inner darker section to the first instance of the repeating hole

Langkah 4

Karena kita ingin bagian yang lebih gelap tetap berada di permukaan elips yang lebih terang, kita harus menutupinya menggunakan salinan (Control-C) yang terakhir, yang akan kita tempel di depan (Control-F) dan kemudian, dengan keduanya dipilih, cukup klik kanan> Make Clipping Mask.  Setelah selesai, pastikan Anda memilih dan kelompokkan kedua bentuk bersama menggunakan pintasan keyboard Control-G sebelum melanjutkan ke langkah berikutnya.

masking the inner darker section of the repeating holemasking the inner darker section of the repeating holemasking the inner darker section of the repeating hole

Langkah 5

Sekarang kita memiliki lubang pertama, kita dapat menggunakannya untuk membuat baris tengah dengan membuat dua salinan (Control-C> Control-F dua kali) yang akan kita posisikan pada sisi, pada jarak yang cukup besar dari 400 px. Segera setelah Anda memiliki lubang di tempatnya, pastikan Anda memilih dan mengelompokkan (Control-G) ketiganya sebelum melanjutkan ke langkah berikutnya.

creating the first row of holescreating the first row of holescreating the first row of holes

Langkah 6

Mulai mengerjakan baris yang lebih luas dengan menempelkan salinan lubang awal menggunakan pintasan keyboard Control-F, yang akan kita posisikan di atas instance asli, pada jarak 104 px, pastikan untuk menyejajarkannya dengan tepi kiri Artboard sesudahnya.

creating and positioning the main hole for the wider rowcreating and positioning the main hole for the wider rowcreating and positioning the main hole for the wider row

Langkah 7

Buat instance yang tersisa menggunakan tiga salinan (Control-F tiga kali) yang akan kita posisikan 400 px dari yang baru saja kita buat, pastikan untuk memilih dan mengelompokkan (Control-G) keempatnya setelahnya.

adding the remaining holes to the wider rowadding the remaining holes to the wider rowadding the remaining holes to the wider row

Langkah 8

Tambahkan sisa baris menggunakan salinan yang baru saja kita buat, yang akan kita susun secara vertikal pada jarak 104 px dari satu sama lain, bergantian seperti yang terlihat pada gambar referensi. Luangkan waktu Anda, dan setelah selesai, pastikan untuk memilih dan kelompokkan semuanya bersama-sama menggunakan pintasan keyboard Control-G.

adding the remaining holes to the backgroundadding the remaining holes to the backgroundadding the remaining holes to the background

3. Cara Membuat Pensil yang Menghadapi ke Atas

Setelah selesai mengerjakan background, kita dapat menambahkan elemen yang berbeda secara bertahap. Kita akan melakukannya dimulai dengan variasi pertama pensil.

Langkah 1

Posisikan diri Anda ke salah satu lubang, dan buat badan utama pensil menggunakan persegi panjang 48 x 152 px, yang akan kita warnai menggunakan #FF7348 dan kemudian tengah sejajar dengan titik jangkar bawah ellipse.

creating the main shape for the upward-facing pencilcreating the main shape for the upward-facing pencilcreating the main shape for the upward-facing pencil

Langkah 2

Tambahkan bagian bawah ujung menggunakan elips 48 x 16 px (#FFE5CC). Hapus bagian atasnya dengan pilih titik anchor atas menggunakan Direct Selection Tool (A) dan kemudian tekan Delete.  Tutup jalur yang dihasilkan menggunakan pintasan keyboard Control-J, tempatkan bentuk yang disesuaikan seperti yang terlihat pada gambar referensi.

adding the lower section of the tip to the upward-facing penciladding the lower section of the tip to the upward-facing penciladding the lower section of the tip to the upward-facing pencil

Langkah 3

Buat bagian atas ujung menggunakan 48 x 48 px square (#FFE5CC), yang akan kita ubah menjadi segitiga dengan menambahkan titik anchor baru ke tengah tepi atasnya menggunakan Add Anchor Point Tool (+) dan kemudian hapus yang sudut atas menggunakan Delete Anchor Point Tool (-).  Kemudian, kita ingin menyesuaikan ketajamannya dengan mengubah titik anchor teratas menjadi halus menggunakan fungsi Convert selected anchor points to smooth, dan memposisikan kembali pegangannya.

adding the upper section of the tip to the upward-facing penciladding the upper section of the tip to the upward-facing penciladding the upper section of the tip to the upward-facing pencil

Langkah 4

Tambahkan ujung berwarna menggunakan lingkaran 40 x 40 px (#916353), yang akan kita posisikan seperti terlihat pada gambar referensi, pastikan untuk menutupinya menggunakan salinan (Control-C> Control-F) dari bentuk yang mendasarinya. Setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk penulisan pensil sebelum beralih ke langkah berikutnya.

adding the colored section to the tip of the upward-facing penciladding the colored section to the tip of the upward-facing penciladding the colored section to the tip of the upward-facing pencil

Langkah 5

Karena kita ingin bagian bawah pensil mengikuti kelengkungan lubang, kita akan menutupinya menggunakan salinan yang disesuaikan (Control-C> Control-F) dari elips yang mendasari, yang akan mengikuti seluruh ketinggian dari obyek.

masking the upward-facing pencilmasking the upward-facing pencilmasking the upward-facing pencil

Langkah 6

Setelah selesai membuat dan menyamarkan pensil, Anda dapat mengisi beberapa lubang bagian dalam menggunakan salinan (Control-C> Control-F), memvariasikan tinggi mereka seperti yang terlihat pada gambar referensi.

adding the upward-facing pencils to the backgroundadding the upward-facing pencils to the backgroundadding the upward-facing pencils to the background

4. Cara Membuat Pensil yang Menghadapi ke Bawah

Sekarang kita memiliki pensil menghadap ke atas di tempat, kita bisa beralih ke yang menghadap ke bawah, yang akan kita buat menggunakan beberapa bentuk geometris dasar.

Langkah 1

Posisikan diri Anda ke salah satu lubang kosong, dan buat badan utama pensil menggunakan persegi panjang 48 x 194 px, yang akan kita warnai menggunakan #FF7348 dan kemudian tengah sejajar dengan titik jangkar bawah elips yang mendasarinya.

creating the main shape for the down-facing pencilcreating the main shape for the down-facing pencilcreating the main shape for the down-facing pencil

Langkah 2

Tambahkan bentuk utama untuk bagian bawah pensil menggunakan elips 48 x 12 px, yang akan kita warnai menggunakan # FFE5CC dan kemudian posisikan di atas persegi panjang yang lebih besar sehingga ujung tumpang tindih setengahnya.

adding the rear end to the down-facing penciladding the rear end to the down-facing penciladding the rear end to the down-facing pencil

Langkah 3

Buat bagian berwarna dalam menggunakan elips 16 x 4 px, yang akan kita warnai menggunakan #916353 dan kemudian tengah sejajarkan dengan bentuk yang lebih besar dari langkah sebelumnya. Setelah selesai, jangan lupa memilih dan mengelompokkan (Control-G) semua bentuk penyusun pensil sebelum melanjutkan ke langkah berikutnya.

adding the inner colored section to the down-facing penciladding the inner colored section to the down-facing penciladding the inner colored section to the down-facing pencil

Langkah 4

Seperti yang kita lakukan dengan variasi pensil sebelumnya, pastikan Anda menutupi yang sekarang menggunakan salinan yang dimodifikasi (Control-C> Control-F) dari elips yang mendasari sehingga menutupi seluruh ketinggian objek.

masking the down-facing pencilmasking the down-facing pencilmasking the down-facing pencil

Langkah 5

Isi beberapa lubang kosong (baik yang menghadap dalam maupun luar), dengan menggunakan beberapa salinan ketinggian yang bervariasi, atur warna Fill untuk sebagian dari tubuh mereka ke #7BA1FF.

adding the downward-facing pencils to the backgroundadding the downward-facing pencils to the backgroundadding the downward-facing pencils to the background

Tip cepat: ketika Anda mengisi lubang luar yang berada di dalam tepi Artboard, pastikan Anda selalu menambahkannya secara berpasangan pada sisi yang berlawanan, jika tidak, pola tersebut akan putus.

5. Cara Membuat Penghapus

Sekarang setelah kita memiliki kedua variasi pensil, kita bisa beralih ke elemen terakhir, penghapus, yang mungkin paling mudah dibuat, seperti yang akan Anda lihat di saat-saat berikutnya.

Langkah 1

Mulai dengan memposisikan diri Anda ke lubang kosong, lalu buat bentuk utama untuk bagian bawahnya menggunakan persegi panjang 64 x 16 px, yang akan kita warnai menggunakan #FFE7E1 dan kemudian sejajarkan di tengah dengan titik anchor ellipse yang mendasarinya.

creating the lower section of the erasercreating the lower section of the erasercreating the lower section of the eraser

Langkah 2

Tambahkan bagian atas penghapus menggunakan 64 x 64 px persegi (#5EC9F7), yang akan kita sesuaikan dengan menyetel Radius sudut atasnya menjadi 8 px dari Rectangle Properties dalam panel Transform. Setelah selesai, pastikan Anda memilih dan mengelompokkan (Control-G) semua bentuk penyusunannya sebelum melanjutkan ke langkah berikutnya.

creating the upper section of the erasercreating the upper section of the erasercreating the upper section of the eraser

Langkah 3

Cepat tutup penghapus menggunakan salinan yang disesuaikan (Control-C> Control-F) dari elips yang mendasari sehingga sesuai dengan tinggi objek seperti yang terlihat pada gambar referensi.

masking the erasermasking the erasermasking the eraser

Langkah 4

Segera setelah Anda selesai mengerjakan penghapus, Anda dapat menggunakan salinan (Control-C> Control-F) untuk mengisi beberapa lubang tersisa di background, menambahkan variasi dengan membalik beberapa warna isian mereka seperti yang terlihat pada gambar referensi.

adding the erasers to the backgroundadding the erasers to the backgroundadding the erasers to the background

6. Cara Membuat Pola

Sekarang setelah kita memiliki semua elemen penyusunan, kita akhirnya bisa menggunakannya untuk membuat pola yang sebenarnya.

Langkah 1

Mulai dengan memilih dan mengelompokkan semua bentuk (kecuali untuk background) menggunakan pintasan keyboard Control-G, pastikan untuk menutupinya menggunakan salinan (Control-C) background yang mendasarinya, yang akan kita tempel di depan (Control- F), dan kemudian dengan semuanya dipilih cukup klik kanan> Make Clipping Mask.  Setelah selesai, pilih dan kelompokkan (Control-G) bentuk mask dan background sebelum melanjutkan ke langkah berikutnya.

masking all the shapes togethermasking all the shapes togethermasking all the shapes together

Langkah 2

Pilih karya seni yang baru saja kita kelompokkan, lalu buka Object> Pattern dan tekan Make, yang akan memunculkan jendela baru tempat kita bisa menyesuaikan beberapa pengaturannya, tapi pertama-tama mari kita beri nama khusus.

naming the custom patternnaming the custom patternnaming the custom pattern

Langkah 3

Selanjutnya, kita ingin memilih Grid sebagai Tile Tyle kita, pastikan untuk mengatur nilai Width dan Height-nya ke yang sama yang digunakan untuk Artboard (1560 x 1360 px). Anda juga dapat menggunakan opsi Size Tile to Art, yang seharusnya menghasilkan hasil yang sama.

setting the size of the pattern tilesetting the size of the pattern tilesetting the size of the pattern tile

Langkah 4

Terakhir, kita akan membiarkan pengaturan Overlap dan Copies sebagaimana adanya dan tekan Done, yang akan menyimpan semua pengaturan kita.

pattern overlap and copies settingspattern overlap and copies settingspattern overlap and copies settings

7. Cara Menggunakan Pola

Jadi sekarang kita sudah selesai membuat pola baru kita, tapi bagaimana cara kita menggunakannya?

Nah, jika Anda membuka panel Swatch, Anda akan segera melihat bahwa itu telah ditambahkan ke Library-nya, yang berarti kita dapat mengaturnya sebagai warna Fill kita dan kemudian menggunakan Rectangle Tool (M) untuk menggambar berbagai bentuk ukuran.

example of using the custom patternexample of using the custom patternexample of using the custom pattern

Tip cepat: karena kita menggunakan bentuk yang lebih besar untuk membuat pola yang sebenarnya, Anda harus menggambar persegi panjang yang cukup besar agar sesuai dengan seluruh komposisi. Jika Anda ingin menggunakan pola dalam proyek-proyek yang lebih kecil, Anda dapat dengan mudah mengubah ukuran komposisi akhir (klik kanan> Transform> Scale) ke ukuran khusus tergantung pada apa yang ingin Anda capai.

Kerja Bagus!

Di sana Anda memilikinya: cara yang bagus dan mudah untuk menciptakan pola bertema pensil Anda sendiri.

Seperti biasa, saya harap Anda bersenang-senang mengerjakan proyek ini. Jika Anda memiliki pertanyaan, jangan ragu untuk mempostingnya di bagian komentar dan saya akan menghubungi Anda sesegera mungkin!

finished project previewfinished project previewfinished project preview
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.
One subscription. Unlimited Downloads.
Get unlimited downloads