7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Karakter Huruf pada Teks di Adobe Illustrator

Scroll to top
Read Time: 6 mins

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

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

Dalam langkah-langkah berikut, Kamu akan belajar cara membuat efek teks huruf karakter dalam Adobe Illustrator.

Sebagai permulaan, Kamu akan belajar cara membuat potongan teks sederhana dan bagaimana cara mengubahnya menjadi bentuk vektor. Mengambil keuntungan penuh dari panel Appearance, Kamu akan belajar bagaimana menyesuaikan teks dan cara membuat mata. Dengan menggunakan teknik dasar blending dan stroke, Kamu akan belajar cara membuat kaki dan menambahkan beberapa bayangan halus. Akhirnya, Kamu akan belajar cara membuat latar belakang yang sederhana.

Untuk inspirasi lebih banyak tentang cara menyesuaikan atau meningkatkan efek teks akhir kamu, Kamu dapat menemukan banyak sumber daya di GraphicRiver.

Apa Yang Akan Kamu Butuhkan

Kamu akan membutuhkan sumber daya berikut untuk menyelesaikan proyek ini:

1. Cara Membuat Dokumen Baru dan Bentuk Teks

Tekan Ctrl-N untuk membuat dokumen baru. Pilih Pixels dari Unit menu drop-down, masukkan 850 dalam kotak lebar dan 510 dalam kotak tinggi, Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi), lalu klik Create Document.

Buka panel Info (Window> Info) untuk preview langsung dengan ukuran dan posisi dari bentuk Kamu. Jangan lupa untuk mengatur unit pengukuran ke piksel dari Edit> Preferensi> Unit. Opsi ini akan meningkatkan kecepatan kerja Anda secara signifikan.

new documentnew documentnew document

Langkah 2

Pilih Type Tool (T) dan buka panel Character (Window> Type> Character). Pilih font Knicknack dan kemudian atur Size menjadi 150 px dan Tracking menjadi 50. Pindah ke artboard Anda, klik di atasnya, dan ketik teks kamu. Kita akan menggunakan kata "DESSIN", yang mana  bahasa Prancis untuk "menggambar".

add textadd textadd text

Langkah 3

Pastikan teks kamu masih terseleksi, dan masuk ke Type> Create Outlines (Shift-Control-O). Ungroup (Shift-Control-G) grup yang dihasilkan dan kemudian isi semua bentuk huruf Anda dengan R = 255 G = 220 B = 50.

create outlinescreate outlinescreate outlines

2. Cara Menyesuaikan Bentuk Teks

Langkah 1

Pastikan bahwa semua bentuk huruf kamu terseleksi, dan fokus pada panel Appearance (Window> Appearance).

Tambahkan pengisian warna kedua menggunakan tombol Add New Fill, dan pilih. Atur warnanya ke R=255 G=170 B=5, seret di bawah isian kuning, dan buka Effect> Distort & Transform> Transform. Tarik slider Move-Horizontal ke -0.5 px dan slider Move-Vertical ke -0.25 px, masukkan 20 dalam kotak Copies, dan kemudian klik OK.

add new filladd new filladd new fill

Langkah 2

Pilih semua bentuk huruf kamu dan fokus pada panel Appearance. Pastikan seluruh path kamu terseleksi (cukup klik teks Compound Path dari bagian atas panel) dan masuk ke Effect> 3D> Rotate. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

rotate effectrotate effectrotate effect

Langkah 3

Pilih bentuk huruf kamu satu per satu dan ganti warna isian yang ada dengan yang ditampilkan dalam gambar berikut.

recolorrecolorrecolor

Langkah 4

Pilih salah satu bentuk huruf kamu dan fokus pada panel Appearance. Pastikan bahwa seluruh path diseleksi dan pergi ke Effect> Distort & Transform> Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK. Jangan lupa untuk memeriksa titik referensi tengah-bawah.

transform effecttransform effecttransform effect

Langkah 5

Pilih dua bentuk lagi dan terapkan efek Transform yang ditunjukkan di bawah ini.

transform effecttransform effecttransform effect

3. Cara Membuat Mata

Langkah 1

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

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

Pilih Ellipse Tool (L) dan buat bentuk 13 x 19 px dan bentuk 13 x 16 px. Isi kedua bentuk dengan warna putih (R=255 G=255 B=255).

gridgridgrid

Langkah 2

Pastikan elips putih kamu tetap terseleksi dan fokus pada panel Appearance. Tambahkan pengisian kedua dan atur warnanya ke R=254 G=170 B=5. Seret isi baru ini di bawah yang putih dan buka Effect> Distort & Transform> Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

orange fillorange fillorange fill

Langkah 3

Pastikan elips putih kamu tetap terpilih, dan fokuskan pada panel Appearance. Tambahkan pengisian ketiga dan atur warnanya ke R=254 G=170 B=5. Seret isian baru ini ke bagian bawah panel dan buka Effect> Distort & Transform> Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

eyebrowseyebrowseyebrows

Langkah 4

Pilih Ellipse Tool (L) dan buat bentuk 4 x 8 px dan bentuk 4 x 6 px. Isi kedua bentuk dengan R=12 G=142 B=220 dan letakkan mereka seperti yang ditunjukkan di bawah ini.

blue ellipseblue ellipseblue ellipse

Langkah 5

Pilih Ellipse Tool (L) dan buat dua, 4 x 2 px bentuk. Isi kedua bentuk dengan warna hitam (R=0 G=0 B=0) dan letakkan keduanya seperti ditunjukkan di bawah ini.

black ellipseblack ellipseblack ellipse

Langkah 6

Pilih Ellipse Tool (L) dan buat dua lingkaran 1 px. Isi kedua bentuk dengan putih dan letakkan seperti yang ditunjukkan di bawah ini.

white circlewhite circlewhite circle

Langkah 7

Pilih bentuk yang membentuk mata kiri dan Kelompokkan mereka (Control-G). Pilih bentuk yang membentuk mata lainnya dan juga Kelompokkan mereka (Control-G).

groupgroupgroup

Langkah 8

Gandakan grup mata kamu dan menempatkan salinan kira-kira seperti ditunjukkan di bawah. Gunakan Direct Selection Tool (A) untuk dengan mudah memilih bentuk bola mata utama dari grup kamu.

Buka efek Transform yang diterapkan ke bagian bawah isi bentuk ini dan mainkan dengan pengaturan tersebut untuk menyesuaikan posisi alis. Juga, bila diperlukan, ganti warna oranye dengan biru gelap atau merah muda gelap yang digunakan untuk huruf.

add eyeadd eyeadd eye

4. Cara Membuat Kaki

Langkah 1

Memilih Pen Tool (P) dan menggambar dua path yang sederhana seperti ditunjukkan pada gambar pertama. Pastikan bahwa path ini baru tetap diseleksi, dan fokus pada panel Appearance.

Mengatur warna stroke ke R=255 g=170 B=5 dan kemudian membuka panel fly-out Stroke. Meningkatkan Weight ke 4 px dan kemudian memeriksa tombol Round Cap dan tombol Round Join. Setelah kamu selesai, kirim path kamu ke belakang (Shift-Control-[).

leg pathleg pathleg path

Langkah 2

Gandakan path yang membentuk kaki dan menyebarkannya seperti yang ditunjukkan pada gambar berikut. Bila perlu, ganti oranye dengan biru gelap atau merah muda gelap dari bentuk huruf.

add legsadd legsadd legs

5. Cara Membuat Bayangan dan Latar Belakang

Langkah 1

Menggunakan Ellipse Tool (L), buat kumpulan lingkaran yang dipipihkan yang ditunjukkan pada gambar berikut. Isi semua bentuk ini dengan hitam dan turunkan Opacity mereka hingga 15%. Tempatkan mereka seperti yang ditunjukkan di bawah ini dan jangan lupa untuk mengirim semuanya kembali ke belakang (Shift-Control- [) setelah selesai.

shadowshadowshadow

Langkah 2

Terakhir, pilih Rectangle Tool (M) dan buat bentuk ukuran artboard kamu. Isi dengan R=44 G=56 B=104 dan kirim ke belakang (Shift-Control- [).

backgroundbackgroundbackground

Selamat! Kamu sudah menyelesaikannya!

Di sini adalah bagaimana seharusnya terlihat. Aku harap kamu menikmati tutorial ini dan dapat menerapkan teknik ini dalam proyek kamu di masa mendatang. Jangan ragu untuk membagikan hasil akhir kamu di bagian komentar.

Jangan ragu untuk menyesuaikan desain akhir dan menjadikannya milik kamu sendiri. Kamu dapat menemukan beberapa sumber inspirasi hebat di GraphicRiver, dengan solusi menarik untuk meningkatkan desain kamu.

final productfinal productfinal product

Ingin mempelajari lebih lanjut? Aku sarankan kamu memeriksa lebih banyak tutorial pemula dari saya:

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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.