Tips Membuat Border pada Text di Illustrator

Tips membuat border pada text di Illustrator, ini posting pertama saya membahas mengenai illustrator khususnya cara membuat border (garis tepi) pada text di Adobe Illustrator. Jika kita membuat border/stroke pada text dengan cara menambahkan Stroke langsung tanpa menambahkan Fill lagi pada teks maka Fill text tersebut akan tertutup oleh Stroke itu sendiri.

Tips Membuat Border pada Text di Illustrator
Tips Membuat Border pada Text di Illustrator

 

Kenapa Illustrator? karena Illustrator bisa memberikan efek border halus pada text serta kaya akan fitur menarik dan sangat cocok untuk pembuatan logo.

1. Langkah Pertama

Buka Adobe Illustrator, Buat area kerja baru (New Document) dengan cara klik File -> New. lihat gambar dibawah ini:

new
Gambar (1) – Membuat Document Baru Illustrator

2. Langkah Kedua

Sesuaikan document seperti gambar dibawah ini:

  • Name: Contoh satu
  • Size: Custom
  • Units: Pixels
  • Width: 200px
  • Height: 200px
document
Gambar (2) – Setting Document Baru

Setelah document baru di setup klik OK.

3. Langkah Ketiga

Aktifkan Type Tool (T) – (shortcut pencet tombol T pada keyboard).

text

Gambar (3) – Type Tool (T)

4. Langkah Keempat

Buat sebuah object text, disini saya contohkan idnetter seperti gambar di bawah ini:

idnetter
Gambar (4.a) Contoh Text (Tersorot)

Anda bisa merubah jenis Font dan Style seperti gambar dibawah ini letaknya pada panel atas (Character), disini saya memakai font Arial dengan Style : Bold dan Size: 24pt, terlihat lebih jelas dan tebal.

text_setup
Gambar (4.b) Panel Character – Merubah Style Font

 

idnetter_2
Gambar (4.c) – Contoh Text setelah di Custom

5. Langkah Kelima

Masih dalam posisi text tersebut tersorot/terseleksi seperti gambar diatas (Gambar 4.c), aktifkan panel Appereance dengan cara pada panel atas klik Window -> Appereance. Lihat gambar di bawah ini:

appereance
Gambar (5) – Menampilkan Panel Appereance

6. Langkah Keenam

Pada panel Appereance klik icon panah kecil di pojok dan pilih Add New Fill seperti gambar dibawah ini:

appereance_2
Gambar (6.a) Appereance – Add New Fill

Kemudian ulangi sekali lagi,

  • Pada panel Appereance klik icon panah kecil di pojo
  • Pilih Add New Fill. Nah sekarang Fill dan Stroke sudah terbuat seperti gambar dibawah ini
appereance_3
Gambar (6.b) Tampilan Fill dan Stroke

7. Langkah Ketujuh

Masih dalam keadaan text idnetter terseleksi seperti (Gambar 4.c), terseleksi berarti aktif untuk diedit jika tidak maka klik text tersebut agar kembali aktif atau tersorot.

Pada panel Appereance Pilih Fill kemudian pada panel tool atas ubah warna Fill sesuai keinginan, disini saya memakai warna merah. Lihat gambar di bawah ini:

appereance_4
Gambar (7.a) Appereance Merubah Fill
fill
Gambar (7.b) – Merubah Warna Fill

8. Langkah Kedelapan

Pada Appereance aktifkan stroke dengan cara klik stroke. Kemudian pada panel atas ubah Stroke sesuai keinginan saya contohkan seperti gambar di bawah ini Gambar (8.a) – Gambar (8.b). Untuk warna saya pilih Black dan tebal 3pt

Gambar (8.a) Membuat Stroke

 

Gambar (8.b) – Merubah Warna dan Ketebalan Stroke

 

Setelah melewati semua tahap tampilanya akan seperti Gambar (9) dibawah ini:

Gambar (9) - Selesai
Gambar (9) – Selesai

 

Selamat mencoba, Jika Tutorial ini kurang jelas atau ada yang terlewatkan saya mohon maaf.

Terimakasih telah berkunjung di idnetter.com.

Add a comment