Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cara Membuat Efek Teks Bertema Rajutan dalam Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Dalam langkah-langkah berikut, Anda akan belajar cara membuat efek teks benang dalam Adobe Illustrator. Sebagai permulaan, Anda akan belajar cara untuk membuat sebuah grid sederhana. Mengambil keuntungan penuh dari fitur Snap to Grid dan efek Transform, Anda akan mempelajari cara mudah membuat satu set path horizontal dan vertikal Menggunakan efek Warp dan Shape Builder Tool, Anda akan membuat garis sederhana dari bola benang wol. Akhirnya, Anda akan belajar cara untuk menyimpan dan menggunakan pola dan pola brushes.

Untuk lebih banyak inspirasi tentang cara menyesuaikan atau memperbaiki efek teks akhir Anda, Anda dapat menemukan banyak sumber daya di GraphicRiver.

1. Cara Membuat Dokumen baru dan Menyiapkan Sebuah Grid

Tekan Control-N untuk membuat sebuah dokumen baru. Memilih Pixels dari menu drop-down Units, masukkan 850 ke kotak width dan 600 ke kotak height, dan kemudian klik pada tombol Advanced. Pilih RGB dari Color Mode, atur Raster Effects ke Screen (72 ppi), dan kemudian klik tombol Create Document.

Aktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Anda akan membutuhkan grid every 1 px, jadi cukup menuju ke Edit > Preferences > Guides > Grid, dan masukkan pada kotak Gridline every dan 1 pada kotak Subdivisions. Cobalah untuk tidak berkecil hati dengan semua grid—itu akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkan dengan menggunakan shortcut Control-" pada keyboard.

Anda dapat mempelajari lebih lanjut tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Grid Sistem Adobe Illustrator.

Anda juga harus membuka panel Info (Window > Info) untuk live preview dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengatur unit pengukuran untuk pixel dari Edit > Preferences > Units > General. Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.

setup grid

2. Cara Membuat Path Vertikal

Langkah 1

Pilih Ellipse Tool (L) dan fokus pada toolbar Anda. Menghapus warna dari stroke dan kemudian pilih fill dan mengatur warna ke R=137 G=147 B=150. Pindah ke artboard Anda dan hanya membuat lingkaran 40 px—grid dan fitur Snap to Grid harus membuat ini lebih mudah.

Memastikan bahwa bentuk Anda tetap dipilih, fokus pada panel Appearance (Window > Appearance) atau panel Transparency (Window > Transparency), dan menurunkan Opacity ke 50%.

circle

Langkah 2

Menggunakan Pen Tool (P) atau Line Segment Tool (\), membuat path vertikal 40 px dan menempatkannya persis seperti yang ditunjukkan dalam gambar pertama—sekali lagi, grid dan fitur Snap to Grid akan berguna. Menambahkan stroke hitam 2 pt untuk path ini dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Horizontal ke 4 px, masukkan 8 di kotak Copies, dan kemudian klik tombol OK.

Dengan path vertikal Anda masih dipilih, cukup menuju ke Object > Expand Appearance.

vertical path

Langkah 3

Memastikan bahwa set dari path vertikal Anda masih dipilih dan menuju ke Effect > Warp > Arc. Dicentang kotak Vertical, drag slider Bend ke -30%, klik tombol OK, dan kemudian menuju ke Object > Expand Appearance. Ungroup (Shift-Control-G) grup yang dihasilkan dari bentuk-dalam hal ini Anda harus menekan perintah itu dua kali.

warp

Langkah 4

Pilih semua path hitam Anda bersama dengan lingkaran kuning dan memilih Shape Builder Tool (Shift-M). Tahan tombol Alt dari keyboard Anda dan hanya menggambar sebuah path di sepanjang sisi atas path hitam Anda seperti yang ditunjukkan pada gambar pertama. Ini seharusnya mudah menghapus semua path seperti yang ditunjukkan pada gambar kedua.

Pindah ke sisi bawah dan menggunakan teknik yang sama untuk menghapus path seperti yang ditunjukkan pada gambar ketiga.

shape builder tool

Langkah 5

Tetap fokus pada path hitam Anda dan mengganti hitam dengan dua warna yang terlihat dalam gambar berikut.

green blue

3. Cara Membuat Path Horizontal

Langkah 1

Menggunakan Pen Tool (P) atau Line Segment Tool (\), membuat path horizontal 40 px dan menempatkannya persis seperti yang ditunjukkan pada gambar pertama. Menambahkan stroke ungu 2 pt untuk path ini, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Vertical ke 4 px, masukkan 4 di kotak Copies, dan kemudian klik tombol OK.

Dengan path horizontal Anda masih dipilih, cukup menuju ke Object > Expand Appearance.

transform effect

Langkah 2

Memastikan bahwa set path horizontal ungu Anda masih dipilih, dan menuju ke Effect > Warp > Arc. Centang kotak Horizontal, drag slider Bend ke -30%, klik tombol OK, dan kemudian menuju ke Object > Expand Appearance. Ungroup (Shift-Control-G) grup yang dihasilkan dari bentuk.

warp

Langkah 3

Pilih semua path ungu Anda bersama dengan lingkaran kuning dan memilih Shape Builder Tool (Shift-M). Jangan lupa untuk terus menahan tombol Alt pada keyboard Anda dan hanya menggambar sebuah path di sepanjang sisi kanan path ungu Anda seperti yang ditunjukkan pada gambar pertama.

Pindah ke sisi kiri dan menggunakan teknik yang sama untuk menghapus path seperti yang ditunjukkan pada gambar ketiga.

shape builder tool

4. Cara Mengiris Path Anda

Langkah 1

Pilih path ungu Anda bersama dengan yang hijau dan memilih Shape Builder Tool (Shift-M). Jangan lupa untuk terus menahan tombol Alt dan menggambar path sederhana di antara bagian atas dua path ungu. Menggunakan teknik yang sama, menggambar path baru di antara sisa path ungu Anda. Pada akhirnya, hal ini akan terlihat seperti pada gambar keempat.

shape builder tool

Langkah 2

Memilih ulang path ungu Anda bersama dengan yang biru dan ambil Shape Builder Tool (Shift-M) yang sama. Jangan lupa untuk terus menahan tombol Alt, dan menggambar path sederhana antara dua path biru paling kiri. Menggunakan teknik yang sama, menggambar path baru antara sisa path biru Anda. Pada akhirnya hal ini akan terlihat seperti pada gambar keempat.

shape builder tool

5. Menambahkan Stroke Hitam dan Jarum

Langkah 1

Pilih path yang tersisa dan mengganti warna stroke yang ada dengan hitam (R=0 G=0 B=0)

Memilih lingkaran dan fokus pada panel Appearance. Meningkatkan Opacity menjadi 100%, menghapus warna dari fill, dan kemudian pilih stroke. Atur warna menjadi hitam dan meningkatkan Weight ke 2 pt.

black stroke

Langkah 2

Menggunakan Pen Tool (P) atau Line Tool (\), membuat path vertikal 12 px dan menempatkan seperti yang ditunjukkan pada gambar pertama.

Pilih path ini dan fokus pada panel Appearance. Memastikan bahwa tidak ada warna pada fill, mengatur warna stroke ke hitam, dan kemudian cukup klik Stroke pada potongan teks untuk membuka panel fly-out Stroke. Atur Weight ke 2 pt dan centang tombol Round Cap.

Tetap fokus pada bentuk yang dibuat dalam langkah ini dan memilih Direct Selection Tool (A). Pilih anchor point bawah dan drag 12 px ke kiri.

round cap

Langkah 3

Pilih Ellipse Tool (L) dan membuat lingkaran 5 px. Fill bentuk baru dengan warna hitam dan menempatkan seperti yang ditunjukkan pada gambar berikut.

black circle

6. Cara Membuat Pola Potongan Brush

Langkah 1

Sekarang, Anda akan perlu grid setiap 0,5 px, jadi menuju ke Edit > Preferences > Guides & Grid dan masukkan 0,5 di kotak Gridline every.

Pilih Rectangle Tool (M) dan membuat bentuk ukuran 2 x 3 px. Fill bentuk baru dengan warna hitam dan meletakkan persis seperti yang ditunjukkan pada gambar berikut.

black rectangle

Langkah 2

Menggunakan Rectangle Tool (M), buat bentuk ukuran 5 x 3 px, mengisinya dengan hitam, dan menempatkan seperti yang ditunjukkan pada gambar pertama.

Terus berfokus pada persegi panjang baru ini, beralih ke Delete Anchor Point Tool (-), dan cukup klik pada bagian bawah anchor point kanan untuk menghapusnya. Ini seharusnya mengubah persegi panjang Anda menjadi segitiga, seperti yang ditunjukkan pada gambar kedua. Duplikasi bentuk ini (Control-C > Control-F), pilih copy, drag 3 px ke kanan, dan kemudian putar 180 derajat.

delete anchor point

Langkah 3

Menggunakan Rectangle Tool (M), buat kotak persegi 3 px, fill dengan hitam, dan menempatkan seperti yang ditunjukkan pada gambar pertama.

Fokus pada sisi kanan persegi panjang baru ini, memilih Add Anchor Point Tool (-), dan menggunakan tombol klik menambahkan anchor point baru seperti yang ditunjukkan pada gambar kedua. Beralih ke Direct Selection Tool (A), pilih anchor point yang baru ditambahkan, dan drag 1 px ke kiri. Kemudian pilih kanan atas anchor point dan drag 3 px ke kanan.

add anchor point

7. Cara untuk Simpan Pola dan Pola Brushes

Langkah 1

Pilih semua bentuk yang disorot pada gambar berikut dan hanya drag mereka ke dalam panel Swatches (Window> Swatches) untuk menyimpannya sebagai sebuah pola.

Deselect bentuk dari artboard Anda dan pilih pola dari panel Swatches (Window > Swatches). Buka menu fly-out dari panel Swatches dan menuju ke Swatch Options .... Ubah nama pola Anda "StartTile" dan kemudian klik tombol OK.

save pattern

Langkah 2

Pilih bentuk yang disorot pada gambar berikut dan simpan sebagai pola kedua. Pilih pola baru ini dan mengubah nama jadi "EndTile". Setelah Anda memiliki kedua pola, Anda dapat menghapus bentuk yang digunakan untuk membuat mereka dari artboard Anda.

swatch options

Langkah 3

Pilih dua segitiga Anda, buka panel Brushes (Window> Brushes), dan klik tombol New Brush. Centang kotak Pattern Brush dan klik tombol OK. Memilih nama untuk pola Anda, drag slider Scale ke 150%, pilih Tints dari menu drop-down Colorization Method, memastikan bahwa sisa dari atribut diatur seperti yang ditunjukkan di bawah ini, dan kemudian fokus pada kotak Tile.

Cukup buka Start Tile dan menambahkan pola "StartTile" Anda dan kemudian buka End Tile dan menambahkan pola "EndTile" Anda. Setelah Anda selesai, klik tombol OK dan brush pola baru Anda akan muncul di panel Brushes.

pattern brush

8. Cara Membuat Efek Teks

Langkah 1

Pilih Type Tool (T) dan buka panel Character (Window > Type > Character). Pilih font Slow Motion, dan mengatur ukuran ke 500 pt dan tracking ke 100.

Cukup klik pada artboard Anda dan menambahkan potongan teks "Knit". Buat jadi hitam dan menurunkan Opacity menjadi sekitar 20%.

type tool

Langkah 2

Menggunakan Pen Tool (P) atau Brush Tool (B), menggambar beberapa path halus di sepanjang teks kasar seperti yang ditunjukkan di bawah ini.

Setelah Anda selesai, menyingkirkan potongan teks dan pilih path baru Anda. Memastikan bahwa tidak ada warna pada fill dan pilih stroke. Cukup menambahkan pola brush Anda dari panel Brushes dan memilih warna yang Anda inginkan.

brush tool

Selamat! Kamu Telah Selesai!

Berikut ini adalah bagaimana seharusnya terlihat. Saya harap Anda menikmati tutorial ini dan dapat menerapkan teknik ini dalam proyek-proyek masa depan Anda.

Jangan ragu untuk menyesuaikan desain akhir dan membuat Anda sendiri. Anda dapat menemukan sumber inspirasi yang hebat di GraphicRiver, dengan solusi yang menarik untuk meningkatkan desain Anda.

final product
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.