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

Membuat Pola Jangkar yang Halus di Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Adysta Abitama A (you can also view the original English article)

Final product image
What You'll Be Creating

Butuh pola yang bertemakan laut untuk design musim panas? Pola dengan jangkar dan pelampung mungkin bisa menyelesaikan hal ini.

Di tutorial ini, kita akan mendesain sebuah pola geometris bertema laut yang trendi dan simpel, membuat pola yang sempurna untuk sentuhan ringan dari musim panas. Bersenjatakan dengan Pattern Tool, bentuk dasar dalam Adobe Illustrator, dan sebuah script gratis yang sangat berguna, anda akan mampu membuat pola-pola geometris yang hebat menggunakan setiap desain yang Anda inginkan dalam waktu singkat.

1. Buat Jangkar Sederhana Yang Menggunakan Bentuk - Bentuk Dasar

Langkah ke-1

Untuk memulai, buatlah dokumen baru dengan ukuran 600x600 px. Gunakan Ellipse Tool (L) dan buatlah lingkaran yang sempurna dengan menahan tombol Shift. Gunakan Convert Anchor Point Tool (Shift-C) untuk memindahkan anchor handles di bawah lingkarannya Atur tegak lurus dari posisi awal mereka, sehingga kita mendapatkan sudut tajam di bagian bawah bentuknya.

Create a Simple Anchor Using Basic Shapes 1

Berikut adalah bagaimana bentuknya terlihat sekarang.

Create a Simple Anchor Using Basic Shapes 2

Langkah ke-2

Copy dan Paste bentuk itu di depannya (Control-C > Control-F). Pindahkan bentuk salinan tadi ke atas sedikit. Kita akan membutuhkan hanya bagian bawah dari kedua bentuk yang saling melintas, jadi gunakan Shape Builder Tool (Shift-M) untuk menghapus bagian atas yang kita tidak perlukan. Arahkan kursor ke bagian yang tidak dibutuhkan: anda akan melihat bagian ini menjadi abu-abu, kemudian klik sambil menahan tombol Alt untuk menghapus bagian ini.

Create Anchor base with shape Builder Tool 1

Langkah ke-3

Hapus bagian besar yang ada di tengah bentuk yang telah kita buat dengan cara yang sama. Sekarang hanya tersisa bagian bawah—seperti yang kita butuhkan. Isi bentuk ini dengan warna hitam.

Create Anchor base with shape Builder Tool 2

Langkah ke-4

Gunakan Rectangle Tool (M) untuk membuat bentuk persegi panjang yang ramping dari bagian bawah jangkarnya. Pilih dua anchor point yang lebih rendah dengan Direct Selection Tool (A) dan pindahkan mereka ke sisi berlawanan dari satu sama lain untuk membuat persegi yang lebih luas di bagian bawah.

Create Anchor base bottom part

Langkah ke-5

Sekarang buatlah sebuah persegi yang lebih kecil dan letakkan di bagian tengah. Tambahkan sebuah lingkaran kecil yang sempurna di ujung dari bentuk jangkarnya.

Create Anchor base top part

Langkah ke-6

Biarkan lingkaran terseleksi lalu pergi ke Object > Path > Offset Path. Tetapkan nilai offset ke -15px atau sesuaikan nilai ini dengan ukuran jangkar anda, sesuai dengan gambar di bawah ini. Gunakan Shape Builder Tool (Shift-M) lagi untuk memotong lingkaran yang kecil, hal ini akan membuat sebuah bentuk cincin yang bagus.

Create Anchor base with Offset path

Langkah ke-7

Buatlah segitiga menggunakan Polygon Tool dan atur nilai Sides-nya ke 3. Lalu ke Effect > Warp > Arc dan atur nilai Bend-nya ke 20%, pilih Vertical untuk membuat segitiga mu sediki membengkok.

Create Anchor base fluke 1

Langkah ke-8

Tempatkan bentuk yang melengkung itu di atas bagian kiri jangkarnya untuk menciptakan sebuah ujung jangkar.

Create Anchor base fluke 2

Ubahlah sedikit dengan menambah anchor point di tengah basisnya dan arahkan ke atas sedikit. Ubahlah ke sudut yang tajam dengan mengklik point itu dengan Convert Anchor Point Tool (Shift-C).

Create Anchor base fluke 3

Langkah ke-9

Gunakan Reflect Tool (O) untuk merefleksikan ujung jangkar melewati sumbu vertikal dan menempatkan salinannya di sebrang sisi dari jangkar.

Create Anchor base fluke 4

Langkah ke-10

Buatlah bagian bawah dari jangkar sedikit lebih lebar dan lebih berisi lalu Unite bentuk-bentuknya di Panel Pathfinder.

Create Anchor base bottom

Langkah ke-11

Pilih titikk anchor yang ada di bagian bawah tengah dari jangkar dan gunakan opsi Convert selected anchor points to smooth panel kontrol di atas untuk membuat lekukan yang lembut, seperti yang ditunjukkan di screenshot.

Create Anchor base Convert Anchor points to smooth 1

Langkah ke-12

Buatlah pegangannya lebih kecil dengan Convert Anchor Point Tool (Shift-C) untuk meluruskan bentuk tengahnya dan gunakan Guides untuk membuat kedua sisi dari jangkar yang telah dibuat menjadi simetris.

Create Anchor base Convert Anchor points to smooth 2

Jangkar kita telah siap! Kita dapat pindah ke bagian berikutnya dan membuat pola penuh gaya!

Create Anchor base finished

2. Desain sebuah Pola Jangkar Sederhana yang menggunakan Pattern Tool

Langkah ke-1

Seleksi jangkar kita dan pergi ke Object > Pattern > Make. Setelah memasuki Mode Pola, anda akan mendapati ada jendela Pattern Options, yang mana dapat mengubah Nama dari pola dan bemain-main dengan opsi lainnya. Di sini saya telah mengubah Lebar dan Tinggi dari setiap ubin ke 600px (yang mana sama dengan ukuruan Artboard kita) dan tinggalkan pilihan lain seperti adanya. Anda masih dapat mengubah posisi dan ukuran dari benda anda, mewarnai mereka, menambahkan bentuk baru dan melakukan apa pun yang anda suka untuk memperbagus seluruh komposisinya. Saya telah menambahkan satu jangkar lain, mengubahnya terbalik dan ditempatkan beberapa lingkaran untuk membuat pola lebih unik.

Anchor seamless pattern tool 1

Langkah ke-2

Kembali ke mode normal dan gunakan Scale Tool (S) untuk mengurangi skala dari pola setengah lebih kecil. Jangan lupa untuk menghilangkan centang dari semua checkbox kecual checkbox Transform Pattern di opsi jendela Scale.

Anchor seamless scale tool 1

Langkah ke-3

Lanjutkan ke Object > Expand setelah anda cukup senang dengan ukuran dan tampilan keseluruhan pola, yang mana akan mengubah keseluruhan pola ke sebuah set objek yang terpisah. Jangan kuwatir, anda masih dapat menemukan dan mengedit pola anda di Swatches Panel.

Anchor seamless pattern expand appearance

Langkah ke-4

Pilih pola yang telah diperluas dan klik kanan untuk melepaskan kliping mask (Release Clipping Mask).

Anchor seamless pattern release clipping mask

Seleksi semua bentuk hitamnya dan ubah mereka ke Compound Path dengan menekan tombol kombinasi Ctrl+8 atau menemukan opsi ini dalam Object > Compound Path > Make.

Anchor seamless pattern make compound path

Langkah ke-5

Buatlah sebuah persegi putih dengan ukuran seperti Artboard kita lalu tempatkan di belakang (Shift-Control-[ ). Sekarang pilih Compound Path hitamnya dan backgroundnya lalu gunakan fungsi Minus Front di Pathfinder untuk memotong jangkarnya.

Anchor seamless pattern minus front in pathfinder

Di sini adalah bagaimana pola kita terlihat : bagian pinknya memiliki lubang berbentuk jangkar, di mana latar belakang sangat jelas terlihat. Kita telah mengaplikasikan kontrast warna acak untuk menunjukan effek dari fungsi Minus Front.

Anchor seamless pattern minus front in pathfinder 2

3. Membuat tekstur Geometris yang bergaya dengan Pathfinder dan Skrip

Langkah ke-1

Mari kita pindah tempat dan membuat latar belakang yang geometris untuk pola kita. Pertama-tama, buatlah garis lurus secara vertikal dengan Line Segment Tool (\) dan tempatkan garis itu di sebelah kiri dari Artboard kita. Tetaplah menseleksi garisnya, lalu tekan tombol Enter untuk membuka opsi jendela Move. Atur nilai Posisi Horisontal ke 20 px dan Vertikal ke 0 px, biarkan opsi yang lain ke opsi bawaan. Tekan tombol Copy untuk menduplikasi garis anda.

Create vertical line and move

Langkah ke-2

Tekan tombol kombinasi Control+D beberapa kali untuk membuat beberapa salinan garis lagi, yang menutupi seluruh Artboard.

duplicate vertical lines

Langkah ke-3

Ketika anda memiliki garis lurus yang cukup, seleksi semuanya lalu gunakan Rotate Tool (O) untuk memutar garis ke 90 derajat dan tekan tombol Copy, hingga membentuk satu set garis lurus horisontal.

Create crossing lines with Rotate tool

Langkah ke-4

Buatlah garis lain dan kali ini putar garis itu 45 derajat dengan Rotate Tool (O) atau dengan menekan terus tombol Shift dan memutar garis secara manual dengan Selection Tool (V). Tempatkan garis tersebut di atas kiri dari Artboard anda. Pastikan bahwa garis anda cukup panjang untuk membentang di seluruh Artboard. Lebih baik membuat sepanjang mungkin, karena anda dapat menghapus bagian yang tidak dibutuhkan nanti.

create a 45 degrees line

Gunakan opsi Move lagi untuk memindahkan garis 20 px secara vertikal dan Copy garis anda.

Move and duplicate the line

Duplikasi garis beberapa kali dengan menekan Control + D.

Move and duplicate the line 2

Langkah ke-5

Seleksi semua garis dan Divide mereka di Pathfinder.

Divide lines in Pathfinder

Langkah ke-6

Hapus bagian yang berada di luar Artboard. Sekarang kita memiliki grid yang bagus, terdiri dari segitiga terpisah.

Geometrical triangles grid

Lanjutkan dan atur warna Fill dari bentuk ini ke warna biru yang cerah dan warna Stroke ke none.

Fill the grid with blue color

Langkah ke-7

Sekarang kita mengaplikasikan sebuah efek warna vivid untuk pola geometris kita. Kita bisa mengatur warna setiap segitiga secara manual, tapi itu akan sangat memakan waktu. Untungnya, kami memiliki kesempatan untuk menggunakan script yang sangat bagus oleh John Wundes, yang disebut "Vary Hues / Randomize Colors", yang dapat Anda temukan di sini, di John's Script. Lihatlah artikel ini jika anda tidak yakin cara menginstal dan menjalankan script dalam cara yang benar. Pada umumnya, menggunakan skrip cukup mudah dan menghemat banyak waktu.

Untuk memulai, Ungroup bentuk-bentuknya.

Ungroup the shapes

Temukan skrip Vary Hues dengan membuka menu Other  Script dengan kombinasi Control + F12 dan jalankan skrip nya. Pertama-tama , kita perlu mengisi (Fill) warna yang berbeda-beda. Ikuti petunjuk pada jendela pop-up dan masukkan nomor dari 1 hingga 100. Semakin besar jumlah angkanya, lebih banyak variasi yang anda dapatkan. Tetapkan nilai ke 25 dan tekan tombol OK.

Use the vary hues script 1

Langkah ke-8

Kedua, kita perlu untuk memberikan Opacity yang berbeda-beda pada bentuk-bentuk tersebut. Hasil sudah terlihat cukup rumit, namun, mari kita mencobanya. Masukkan dua angka, contohnya, 5 dan 60, dipisahkan dengan koma. Angka-angka ini mewakili kisaran opasitas.

Use the vary hues script 2

Langkah ke-9

Pola kita menjadi lebih transparan.

Use the vary hues script - transparent background

Sekarang letakkan latar belakang yang bagus di belakannya. Tambahkan persegi seukuran Artboard kita dan isilah dengan gradasi radial vivid dari biru cerah di pusat ke biru gelap di tepi, yang membuat pola kita berkilauan dan cerah.

create radial gradient backround

Langkah ke-10

Tempatkan pola jangkar yang telah kita buat sebelumnya di atas pola geometris tadi.

place anchor pattern over the geometrial background

Sekarang Anda dapat menyeret seluruh pola ke Panel Swatches dan menerapkannya ke setiap bentuk ukuran apapun!

create a swatch

Kerja yang hebat! Pola Geometris yang Mulus dengan Jangkar selesai!

Kita telah berhasil untuk mendesain pola yang menggunakan latar belakang geometris yang trendi dan tetap mempertahankan tampilan bahari yang bagus dan bentuk yang rapi serta sederhana. Anda dapat membuat pola anda sendiri yang sama dengan objek dan warna lain jika anda suka. Selamat bersenang-senang dengan eksperimen yang anda buat!

eometrical Seamless Pattern with Anchors final result
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.