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

Cara Membuat Desain Syal Jordan 'Hatta' Dengan Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

'Hatta' adalah nama syal persegi tradisional yang dipakai pria Timur Tengah sebagai hiasan kepala.

Ini adalah kain katun putih, yang dirancang dalam pola kotak-kotak dan secara tradisional dipakai untuk perlindungan terhadap matahari, pasir, dan malam yang dingin. Tergantung pada bagian dunia Arab mana Anda berada, ia juga dikenal sebagai kiffiyeh, ghutrah, shemagh, atau mashadah. Nama, desain, warna, dan gaya berpakaian bervariasi menurut wilayah dan orang-orangnya.

Di Yordania, warna headcloth hatta berwarna merah dan putih — penanda yang terkait dengan warisan negara, dan biasanya dikenakan sebagai simbol nasionalis Arab. Untuk pengetahuan singkat Anda, Jordan secara resmi dikenal sebagai 'Kerajaan Yordania Hashemite'. Warna yang digunakan pada desain hatta kotak-kotak secara historis diadopsi dari kedua Bendera Hashemite merah dan Bendera Revolt Arab, sehingga membuatnya menjadi simbol Jordan.

Di dunia Barat, desain syal biasanya dipakai dalam warna hitam / putih atau merah / putih, dan itu tidak lebih dari aksesori fesyen atau tren pakaian. Negara-negara lain yang telah mengadopsi warna keffiyeh merah-putih adalah Irak, Arab Saudi, dan Suriah.

Dalam tutorial Adobe Illustrator hari ini, kita akan membahas langkah-langkah untuk menciptakan pola desain hatta syal merah-putih dan menerapkannya pada judul "JORDAN".

Jika Anda ingin membeli beberapa desain Arab pattern dan karya seni, pergilah ke GraphicRiver atau lihat tutorial saya yang lain di Envato Tuts +.

Mari kita mulai membuat pola !!

Apa yang Anda Butuhkan

Anda akan mengangkat font berikut untuk menghasilkan proyek ini:

  • Robinson Reguler. Jika Anda ingin menggunakan font yang serupa, Anda masih dapat mencapai hasil akhir yang serupa.

1. Cara Merancang Desain Pola Kotak-Kotak

Langkah 1

Desain hatta terdiri dari tiga pola desain yang berbeda: Checker, Wave, dan Diagonal.

Sebelum memulai, buat New Document (Command-N) ukuran banner 851 x 315 px, orientasi Landscape, dan mode warna RGB.

adobe illustrator create new document width height landscape and RGB color mode

Langkah 2

Mari kita mulai dengan merancang pola Checker.

Mulailah dengan menggambar dua persegi panjang. Pilih Rectangle Tool (M). Gambar 6 x 18 px merah # d32127 persegi panjang, dan persegi panjang lain dimensi 8 x 16 px.

Buka panel Properties (Window> Properties) untuk mengakses pengaturan, kontrol, opsi pengeditan, dan penyelarasan dengan cepat.

Ambil Selection Tool (V), pilih kedua persegi panjang, dan terapkan tindakan Horizontal dan Vertical Align Center kepada keduanya. Command-G ke Grup.

rectangle tool properties panel horizontal and vertical center alignment

Langkah 3

Beralih ke Direct Selection Tool (A) untuk secara otomatis melihat semua widget Live Corner yang muncul di sebelah setiap sudut titik. Klik tautan Corners di Control panel (Window> Control), dan atur Radius menjadi 2 px.

Control Panel live widget corner radius curve window control

Langkah 4

Selanjutnya, dengan Rectangle Tool (M), menggunakan red fill yang sama dari # d32127, gambarkan sebuah persegi panjang vertikal 2.3 x 25.6 px dan persegi panjang horizontal 14.6 x 2.3 px.

Pilih semua persegi panjang dengan Selection Tool (V). Terapkan tindakan Horizontal and Vertical Align Center, dari panel Properties, untuk menyelaraskannya secara vertikal dan horizontal.

draw with rectangle tool and horizontal vertical center align

Langkah 5

Pilih grup persegi panjang yang dibulatkan. Kemudian Copy (Command-C) dan Paste in Front (Command-F).

Objek> TransformRotate the group 90°. Kemudian pilih bar persegi panjang vertikal, dan Copy (Command-C) dan Paste in Front (Command-F).

Kemudian pilih kelompok bulat horizontal ditambah dengan batang persegi panjang vertikal. Tahan tombol Shift untuk membatasi gerakan, dan tarik objek ke tepi bar horizontal, seperti yang ditunjukkan.

rotate rounded rectangle and align center horizontal and vertical

Langkah 6

Pilih semua bentuk. Object> Pattern> Make. Kotak dialog Pattern Options akan terbuka. Terapkan pengaturan berikut:

  • Name: Checker
  • Tile Type: Brick by Row
  • Brick Offset: 1/2
  • Unlink the Width and Height link
  • Height: 21 px
  • Copies: 7 x 7

Setelah pola dibuat, Anda dapat menghapus bentuk, karena sekarang pola Checker akan muncul di panel Swatches (Window> Swatches).

Pola pertama kita sudah siap.

Checker Pattern design jordanian hatta tile type brick offset height and copies

2. Cara Membuat Desain Pola Gelombang

Langkah 1

Pilih Ellipse Tool (L) dan gambar elips merah 5 x 11.5 px # d32127.

Pilih Anchor Point Tool (Shift-C), dan taper titik jangkar atas dan bawah dari elips. Kemudian dari panel Properties, terapkan Rotate -45 ° ke bentuk.

Langkah 2

Aktifkan Smart Guides Anda (Command-U). Panduan snap-to ini akan muncul ketika Anda memindahkan objek di sekitar, dan mereka akan membantu memandu Anda dalam menyelaraskan objek secara akurat.

Dari menu Tools, pilih Rounded Rectangle Tool, di bawah Rectangle Tool. Ketuk sekali pada artboard untuk membuka kotak dialog Rounded Rectangle dan pilih pengaturan berikut:

  • Width: 1.2 px
  • Height: 2 px
  • Corner Radius: 0.7 px
  • OK

Kemudian gunakan Selection Tool (V), dan dengan bantuan Smart Guides, posisikan persegi panjang bulat di atas elips yang runcing seperti yang terlihat di bawah ini.

rounded rectangle tool width height corner radius Selection Tool

Langkah 3

Pilih bentuk daun dan persegi panjang bulat, dan Copy (Command-C) dan Paste in Front (Command-F).

Ambil Reflect Tool (O) dan atur titik referensi pusat biru di ujung pangkal daun, seperti yang terlihat pada gambar. Tahan Option-Shift dan seret dan lepaskan saat pilihan dicerminkan.

Use reflect Tool O to mirror selection center reference point copy paste in Front shortcut

Langkah 4

Sebuah pintas waktu-cerdas untuk belajar di Adobe Illustrator adalah aksi Drag-Drop bukan tindakan Copy-Paste.

Kita perlu menduplikasi bentuk persegi panjang bulat, untuk memposisikannya di dasar kedua benda daun. Pilih persegi panjang bulat, tahan tombol Option-Alt, dan tarik objek dengan Selection Tool (V) ke pangkal daun. Ini akan membuat duplikat.

copy paste option alt drag and drop shortcut

Langkah 5

Pilih semua bentuk, lalu klik aksi Unite dari Pathfinder di panel Properties.

Unite shapes from Properties panel Unite action Pathfinder

Langkah 6

Object> Pattern> Make untuk membuka kotak dialog Pattern Options.

  • NameWave
  • Tile Type: Grid
  • Unlink Width dan Height
  • Width: 14.15 px (sesuaikan lebar sehingga bagian atas persegi panjang yang bundar tumpang tindih di persimpangan).
  • Copies: 7 x 7

Kita siap dengan pola kedua. Ini akan muncul di panel Swatches setelahnya.

pattern options wave tile type width overlap copies swatches panel

3. Cara Mengatur Pola Pola Diagonal

Pola ketiga, Diagonal, adalah yang paling mudah diatur. Kita hanya perlu membuat pola persegi panjang vertikal yang akan kita ubah nantinya.

Ambil Rectangle Tool (M), dan buat red fill # d32127 rectangle sekitar 2 x 5 px.

Object> Pattern> Make untuk membuka kotak dialog Pattern Options.

  • Name: Diagonal
  • Tile Type: Grid
  • Unlink Width and Height
  • Width: 3 px
  • Height: 5 px (approx)
  • Copies: 7 x 7

Dan pola ketiga kita sudah siap!

pattern make options swatches panel diagonal grid width height copies

4. Bagaimana Merancang Judul "Jordan"

Langkah 1

Buka panel Character (Window> Type> Character atau Command-T). Pilih Type Tool dari panel Tools. Pilih Robinson Regular font family (font yang ditemukan di Envato Elements) dari Character panel.

Set Font Size hingga 400 pt, dengan Tracking ditetapkan pada 25 pt, ketik "JORDAN", dan biarkan N keluar. Kita akan mendesain syal dalam bentuk 'N'.

Object> Expand. Pastikan untuk memeriksa Object dan Fill, lalu OK, sehingga jenisnya berubah menjadi bentuk individual.

Character panel command T shortcut type font size object expand shape type

Langkah 2

Bendera Jordan memiliki bintang kecil, putih, berujung tujuh, jadi kita akan membuat bintang di depan jenis untuk mewakili bendera.

Pilih Star Tool, dari opsi drop-down Rectangle Tool di panel Tools.

Ketuk sekali pada artboard untuk kotak dialog Star, dan set:

  • Radius 1:26 px
  • Radius 2:14 px
  • Points: 7
  • Ok
star tool under rectangle tool set radius pixels points

Langkah 3

Mari kita buat N untuk 'Jordan'.

Pilih Rectangle Tool (M), dan dengan bantuan Smart Guides, gambar bar vertikal yang memiliki ketebalan dan tinggi yang sama dengan jenis huruf:

  • Width: 34.96 px
  • Height: 279.297 px
Rectangle tool draw vertical rectangle width height properties

Langkah 4

Object > Path > Add Anchor Points ke persegi panjang. Ini akan menambah titik jangkar di antara titik jangkar lainnya.

Ambil Direct Selection Tool (A), dan pilih basis poin anchor kiri dan kanan dan seret ke atas sekitar -35 px.

Pilih titik anchor kiri atas dan tarik ke bawah sekitar 35 px.

direct selection tool object path anchor points drag anchor points

Langkah 5

Hapus titik anchor tengah atas pada persegi panjang, menggunakan Delete Anchor Point Tool (-).

Kemudian pilih Reflect Tool (O) dan atur titik referensi pusat biru di sebelah kanan bentuk seperti yang ditunjukkan di bawah ini. Option-Shift-Drag dan lepaskan ke cermin.

Setelah itu, gunakan Rectangle Tool (M), dan dengan bantuan Smart Guides, gambar persegi panjang yang menghubungkan dengan tinggi piksel yang hampir sama dari lebar bentuk huruf kita , pada 37,86 px.

delete anchor use refelct tool to mirror shape and draw rectangle

Langkah 6

Sekarang mari kita lingkari pinggiran syal 'N' sedikit agar sesuai dengan gaya teks.

Ambil Direct Selection Tool (A) dan pilih anchor point yang tidak menyentuh persimpangan tengah.

Pada pilihan Corners pada panel Control, atur Radius ke 1 px.

use direct selection tool to curve corner radius from control panel

Langkah 7

Pilih semua bentuk 'N', dengan Selection Tool (V). Gunakan tombol Left Arrow untuk secara visual menyelaraskan jarak dari antara 'A' dan 'N'.

Selanjutnya, pilih bentuk 'JORDA', ditambah dua kaki 'N'. Kemudian buka panel Pathfinder (Window> Pathfinder).

Dari menu opsi, pilih Make Compound Shape. Ini akan menggabungkan semua bentuk menjadi satu bentuk senyawa.

pathfinder panel window pathfinder make compound shapes

Langkah 8

Sekarang mari kita paparkan pola kita, dimulai dengan pola Checker.

Shift-D untuk beralih dari Drawing Mode Normal ke Drawing Mode Behind. Pilih Checker pattern dari panel Swatches. Kemudian, dengan Rectangle Tool (M), gambar persegi panjang 810 x 135 px, dengan bantuan panel Properties dan Smart Guides.

Polanya akan muncul lurus, jadi kita perlu memiringkannya. Object> Transform> Scale ... untuk membuka kotak dialog Scale. Pastikan Transform Patterns dicentang, dan terapkan skala Uniform 60%.

Maka Anda perlu memutar pola. Object> Transform> Rotate ... membuka kotak dialog Rotate. Atur rotasi ke 45 °, dan klik OK.

Pola Checker kita diatur.

transform pattern settings uniform scale rotate properties

Langkah 9

Pindah ke merancang Diagonal stripes.

Pilih pola Diagonal dari panel Swatch. Gambar tiga batang persegi panjang, dengan Rectangle Tool (M), menggunakan pengaturan berikut:

  • Bar 1:810 x 4 px
  • Bar 2:810 x 11 px
  • Bar 3:810 x 4 px

Anda akan menyadari pengaturan transformasi yang kita terapkan pada pola Checker terus berlaku untuk Diagonal, jadi kita tidak perlu mengaturnya lagi.

Set Diagonal pattern swatches and rectangle tool

Langkah 10

Kelompokkan tiga batang Diagonal (Command-G).

Kami perlu menduplikasi grup, jadi terapkan aksi Drag-Drop. Pilih grup bar Diagonal, tahan tombol Option-Alt, dan tarik grup dengan Selection Tool (V) ke tepi 'J'.

diagonal duplicate bars selection tool drag optiona alt

Langkah 11

Sekarang, mari tambahkan Wave pattern.

Pilih Wave pattern dari panel Swatches, dan gunakan Rectangle Tool (M) untuk menggambar persegi panjang 810 x 46 px.

Pengaturan transformasi yang diterapkan ke pola pertama akan tetap ada, jadi Anda perlu mengubahnya. Pilih Wave pattern dari panel Swatch untuk meresetnya. Object> Transform> Scale ... untuk membuka kotak dialog Scale. Pastikan Transform Patterns dicentang, dan terapkan skala Uniform sebesar 60% dan klik OK.

transform pattern by uniform scale dialog box

Langkah 12

Sekarang, Wave pattern membutuhkan sedikit penyesuaian agar sesuai dengan desain.

Untuk mengedit, double-click pola dari panel Swatches. Dalam kotak dialog Pattern Options, Unlink Width and Height. Kemudian sesuaikan Height hingga sekitar 12 px, jadi ada jarak antara bagian atas dan bawah.

pattern options unlink width and height and adjust height distance of copies

Langkah 13

Anda perlu mengubah pola dalam bentuk tanpa memindahkan objek, jadi pilih persegi panjang dengan mengisi Wave pattern 

Kemudian tahan tombol Grave Accent (´) sambil menarik, dan sesuaikan dengan benar.

Wave pattern move grave accent dragging

Langkah 14

Untuk bagian dasar dari efek pola, gambar persegi merah (# d32127) pada 810 x 40 px.

rectangle tool create 810 x 40 px red rectangle

Langkah 15

Group semua pola bersama (Command-G). Kemudian, dengan Selection Tool (V), pilih bentuk 'JORDA' dan pola yang dikelompokkan, dan buat clipping mask dengan Object> Clipping Mask (Command-7).

Object clipping mask group and mask pattern

5. Cara Menyelesaikan Desain

Langkah 1

Pilih bentuk bintang berujung tujuh, dan gunakan Eyedropper Tool (I) untuk menerapkan pola yang sama pada batang Diagonal.

Mari kita skala pola Diagonal dalam desain, sehingga akan terlihat lebih harmonis dengan desain. Select > Same > Fill Color, untuk memilih semua pola diagonal. Object> Transform> Scale ... untuk membuka kotak dialog Scale. Setel skala Uniform pada 150%, dan klik OK.

eyedropper tool I apply same fill color effect and object transform scale

Langkah 2

Pola Checker meluruskan kanan ke kiri, jadi mari kita refleksikan pola Diagonal untuk mengalir ke arah yang sama. Object> Transform> Reflect. Periksa Transform Patterns, atur Angle refleksi ke 0 °, dan klik OK.

object transform patterns reflect angle ok

Langkah 3

Beberapa pola mungkin memerlukan penyelarasan sedikit.

Pergi ke depan dan pilih yang Anda ingin sesuaikan, tahan tombol Grave Accent (´), dan tarik mereka untuk menyelaraskan dengan rapi.

Kemudian pilih 'N' menghubungkan persegi panjang, dan gunakan Eyedropper Tool (I) untuk menerapkan pola Checker yang sama pada huruf.

Grave accent transform pattern use eyedroper rectangle set pattern

Langkah 4

Mari tambahkan bintang berujung tujuh kecil di tengah-tengah dasar segitiga 'N'.

Shift-D untuk beralih kembali ke Normal Drawing Mode. Pilih Star Tool dari panel Tools. Dengan Fill putih dan Stroke nol, gambar bintang berujung tujuh sekitar 8 x 8 px.

Kemudian, dengan bintang yang masih dipilih, terapkan Drag-Drop dengan menekan tombol Option-Alt dan menyeret objek bintang dengan Selection Tool (V) ke ujung segitiga lainnya, seperti yang ditunjukkan di bawah ini.

switch drawing modes use star tool to drag drop on ends

Langkah 5

Untuk menciptakan efek scarf, kita perlu menciptakan efek bayangan pada lipatan.

Ambil Pen Tool (P) dan, dengan mengisi merah (# DB9C9C), menggambar bentuk segitiga di tepi persegi panjang 'N' menghubungkan, seperti yang terlihat pada gambar.

Tahan tombol Shift untuk membatasi garis. Gunakan Smart Guides untuk menggambar segitiga lebar yang sama, pada kedua ujungnya.

Use Pen Tool draw triangular shadows

Langkah 6

Buka Transparency panel (Window > Transparency). Pilih kedua segitiga, dan atur Blending Mode ke Multiply.

Use Pen Tool draw triangular shadows

Langkah 7

Perhatikan detailnya. Luangkan waktu di ujung untuk mengubah pola dan bentuk sehingga semuanya sempurna disatukan.

Untuk menyelesaikan banner, tambahkan latar belakang putih.

Selamat!

Spanduk hatta Timur Tengah Anda "Jordan" selesai!

Lihat, itu mudah untuk membuat. Gunakan imajinasi Anda dan jadilah kreatif.

Saya harap Anda menemukan beberapa alat, kiat, dan trik yang bermanfaat dan Anda menikmati tutorial ini! Sampai jumpa di lain waktu.

Final jordan hatta shemagh banner design star arab middle east
Advertisement
Advertisement
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.