Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cara Membuat Efek Teks Belatung dalam Adobe Illustrator

by
Difficulty:IntermediateLength: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 belatung sederhana di Adobe Illustrator.

Sebagai permulaan Anda akan belajar cara untuk membuat sebuah grid sederhana dan cara membuat bentuk utama menggunakan alat dasar dan efek bersama dengan fitur Live Corners. Mengambil keuntungan penuh dari panel Appearance dan menggunakan brush kaligrafi sederhana, Anda akan belajar cara untuk mewarnai belatung utama. Berikutnya, Anda akan belajar cara untuk menyimpan dan menggunakan beberapa art brushes dan cara untuk menambahkan beberapa bayangan halus untuk belatung Anda. Akhirnya, Anda akan belajar cara menambahkan latar belakang yang rapi dengan tekstur halus dan potongan sederhana dari teks.

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

1. Membuat Dokumen Baru & Menyiapkan Sebuah Grid

Tekan Control-N untuk membuat sebuah dokumen baru. Pilih Pixels dari menu drop-down Units, memasukkan 850 di kotak width dan 600 di kotak height, dan kemudian klik pada tombol Advanced. Pilih RGB, Screen (72ppi) dan memastikan bahwa kotak Align New Objects to Pixel Grid dicentang sebelum Anda klik OK.

Aktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Anda akan membutuhkan grid every 0.5 px, jadi hanya menuju ke Edit > Preferences > Guide > Grid, dan memasukkan 0.5 di kotak Gridline every dan 1 pada kotak Subdivisions. Mencoba untuk tidak berkecil hati dengan semua grid karena grid 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 dan bagaimana hal itu dapat membuat pekerjaan Anda lebih mudah dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid 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 ke pixels dari Edit > Preferences > Units > General. Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.

setup grid

2. Membuat Bentuk Utama

Langkah 1

Pilih Ellipse Tool (L) dan fokus pada toolbar Anda. Menghapus warna dari stroke dan kemudian pilih fill dan mengatur warna ke R=236 G=28 B=36. Pindah ke artboard Anda dan membuat bentuk 7 x 6 px—grid dan fitur Snap to Grid harus membuat ini lebih mudah.

Terus berfokus pada lingkaran merah ini dan beralih ke Anchor Point Tool (Shift-C). Cukup klik pada bagian atas dan bawah anchor point. Pada akhirnya bentuk Anda akan terlihat seperti pada gambar kedua.

red circle

Langkah 2

Ganti warna fill yang ada dengan kuning acak dan ambil Rectangle Tool (M). Membuat bentuk 2.5 x 7 px dan menempatkannya persis seperti yang ditunjukkan pada gambar pertama.

Menggunakan alat yang sama, menambahkan set dari enam persegi panjang yang ditunjukkan pada gambar kedua. Lihatlah lebih dekat pada grid dan memastikan bahwa Anda menempatkan persegi panjang baru ini persis seperti yang ditunjukkan pada gambar.

rectangles

Langkah 3

Fokus pada persegi panjang Anda, memilih Direct Selection Tool (A) dan pilih hanya anchor point yang membentuk sisi kiri (disorot dalam gambar pertama). Pindah ke panel kontrol dan cukup memasukkan 0.5 px ke dalam kotak Corners.

Fitur Live Corners hanya tersedia untuk pengguna CC. Solusi terbaik untuk menggantikan efek ini merupakan script Round Any Corner yang dapat ditemukan di artikel ini: 20 Free and Useful Adobe Illustrator Scripts. Simpan ke hard drive Anda, kembali ke Illustrator dan ambil Direct Selection Tool (A). Pilih anchor points dan pergi ke File > Scripts > Other Script. Buka Round Any Corner Script, memasukkan radius 0.5 px, dan klik OK.

live corners

Langkah 4

Menggunakan Direct Selection Tool (A) yang sama, pilih anchor point yang membentuk sisi kanan (disorot dalam gambar pertama). Pindah ke panel kontrol dan kali ini memasukkan 1 px ke dalam kotak Corners.

live corners

Langkah 5

Pilih tujuh persegi panjang bulat Anda dan menuju ke Effect > Warp > Bulge. Mencentang kotak Horizontal, drag slider Bend ke 50%, dan kemudian klik tombol OK.

warp bulge

Langkah 6

Pilih tiga persegi panjang bulat yang disorot dalam gambar berikut dan menuju ke Effect > Warp > Arc Lower. Mencentang kotak Vertical, drag slider Bend ke 10%, dan kemudian klik tombol OK.

warp arc lower

Langkah 7

Pilih tiga persegi panjang bulat disorot dalam gambar berikut dan menuju ke Effect > Warp > Arc Lower. Mencentang kotak Vertical, drag slider Bend ke 15%, dan kemudian klik tombol OK.

warp arc lower

Langkah 8

Memilih ulang tujuh persegi panjang bulat dan menuju ke Object > Expand Appearance.

expand appearance

Langkah 9

Pilih semua bentuk yang dibuat sejauh ini dan menuju ke Object > Transform > Reflect. Mencentang kotak Vertical dan kemudian klik tombol Copy. Drag bentuk yang dihasilkan ke kiri seperti yang ditunjukkan pada gambar ketiga. Sekali lagi, grid dan fitur Snap to Grid akan membuat pekerjaan Anda lebih mudah.

reflect

3. Menambahkan Warna dan Cahaya Menyorot

Langkah 1

Memilih ulang semua bentuk yang dibuat sejauh ini dan mengganti fill warna yang ada dengan R=230 G=130 B=88.

fill color

Langkah 2

Memastikan bahwa bentuk Anda tetap dipilih, fokus pada panel Appearance (Window > Appearance), dan menambahkan fill kedua menggunakan tombol Add New Fill.

Pilih fill baru Anda, mengatur warna ke putih (R=255 G=255 B=255), menurunkan Opacity menjadi 20%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Scale-Vertical ke 80% dan kemudian klik tombol OK.

add new fill

Langkah 3

Memastikan bahwa bentuk Anda masih dipilih, fokus pada panel Appearance, dan menambahkan fill ketiga menggunakan tombol Add New Fill yang sama.

Pilih fill baru ini, mengatur warna ke putih, menurunkan Opacity ke 40%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Scale-Vertical ke 60% dan kemudian klik tombol OK.

transform effect

Langkah 4

Memastikan bentuk Anda masih dipilih, fokus pada panel Appearance, dan menambahkan fill keempat menggunakan tombol Add New Fill yang sama.

Pilih fill baru ini, mengatur warna ke putih, menurunkan Opacity ke 60%, mengubah Blending Mode ke Overlay, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Scale-Vertical sampai 30% dan kemudian klik tombol OK.

white fill

Langkah 5

Buka panel Brushes (Window > Brushes) dan klik tombol New Brush. Mencentang kotak Calligraphic Brush dan klik tombol OK. Memasukkan semua atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK.

Memilih ulang semua bentuk, menambahkan brush kaligrafi baru, dan jangan lupa untuk mengatur warna ke R=150 G=75 B=41.

calligraphic brush

Langkah 6

Pilih hanya bentuk paling kanan dan fokus pada panel Appearance. Pertama, pilih bagian bawah fill dan mengganti warna saat ini dengan R=230 G=86 B=84, dan kemudian pilih stroke dan mengganti warna yang ada dengan R=150 G=42 B=38.

adjust appearance

4. Menyimpan Art Brushes

Langkah 1

Pilih semua bentuk Anda dan kembali pada panel Brushes. Klik tombol New Brush, mencentang kotak Art Brush, lalu klik tombol OK. Memasukkan semua atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK. Ini akan menjadi art brush belatung pertama Anda.

art brush

Langkah 2

Tetap fokus pada panel Brushes. Pilih art brush belatung Anda dan drag ke atas tombol New Brush untuk menduplikasi. Klik-dua kali pada brush yang baru ditambahkan untuk membuka jendela Art Brush Options. Drag slider Width ke 50%, mengubah nama jadi "Art Brush 50%", dan kemudian klik tombol OK.

Menggunakan teknik yang sama, membuat copy kedua dari art brush Anda. Mengubah nama jadi "Art Brush 25%" dan memastikan bahwa Anda drag slider Width ke 25%.

duplicate art brush

5. Menambahkan Latar Belakang dan Beberapa Teks

Langkah 1

Menggunakan Rectangle Tool (M), membuat bentuk 860 x 610 px, fill dengan R=247 G=205 B=159, dan memastikan bahwa itu menutupi seluruh artboard Anda.

Menambahkan fill kedua untuk bentuk ini dan mengatur warna menjadi hitam (R=0 G=0 B=0). Menurunkan Opacity ke 3%, mengubah Blending Mode ke Multiply, dan kemudian menuju ke Effect > Artistic > Film Grain. Memasukkan atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK.

background

Langkah 2

Pilih Type Tool (T) dan membuka panel Character (Window > Type > Character). Pilih font Pacifico, mengatur ukuran ke 180 pt, dan kemudian cukup klik pada artboard Anda. Menambahkan teks "Maggot" dan mengatur warna ke R=150 G=75 B=41. Menambahkan teks "Maggot" dan mengatur warna ke R=150 G=75 B=41.

type tool

Langkah 3

Memastikan bahwa sepotong teks Anda masih dipilih, menurunkan Opacity menjadi 25%, menuju ke Effect > Pathfinder > Add dan kemudian menuju ke Effect > Distort & Transform > Tweak. Memasukkan semua atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK.

tweak

6. Menambahkan Belatung

Langkah 1

Pada titik ini Anda dapat menonaktifkan grid (Control-") dan Snap to Grid (Shift-Control-").

Pilih Brush Tool (B) dan pilih Art Brush 100% dari panel Brushes. Fokus pada teks Anda dan menyebarkan beberapa belatung kira-kira seperti yang ditunjukkan pada gambar berikut.

brush tool

Langkah 2

Sekarang, Anda perlu memilih semua belatung yang ditambahkan dalam langkah sebelumnya. Anda dapat melakukannya secara manual atau Anda dapat memilih salah satu path ini dan kemudian hanya menuju ke Select > Same > Appearance.

Setelah Anda memiliki semua belatung dipilih, menuju ke Effect > Stylize > Drop Shadow. Memasukkan atribut yang ditampilkan di jendela kiri (pada gambar berikut), klik tombol OK, dan kemudian menambahkan dua efek Drop Shadow lainnya di bawah ini.

drop shadow

Langkah 3

Menggunakan Brush Tool (B) dan Art Brush 50%, menyebarkan beberapa belatung baru di sekitar yang sudah ada kira-kira seperti di bawah ini.

brush tool

Langkah 4

Pilih semua belatung yang ditambahkan dalam langkah sebelumnya dan menambahkan dua efek Drop Shadow yang ditunjukkan di bawah ini.

drop shadow

Langkah 5

Menggunakan Brush Tool (B) dan Art Brush 25%, menyebarkan beberapa belatung baru di sekitar yang sudah ada kira-kira seperti di bawah ini.

brush tool

Langkah 6

Pilih semua belatung yang ditambahkan dalam langkah sebelumnya dan menambahkan dua efek Drop Shadow yang ditunjukkan di bawah ini.

drop shadow

7. Menambahkan Bayangan Halus

Langkah 1

Pilih persegi panjang yang membentuk latar belakang Anda, membuat copy di depan (Control-C > Control-F), dan membawanya ke depan (Shift-Control-]). Memastikan bahwa copy ini tetap terpilih dan fokus pada panel Appearance.

Menghapus fill hitam dan pilih fill tersisa. Mengubah Blending Mode ke Soft Light dan kemudian mengganti warna fill yang ada dengan radial gradient yang ditunjukkan di bawah. Menggunakan Gradient Tool (G) untuk meregangkan gradient Anda seperti ditunjukkan di bawah, dan perlu diingat bahwa nol kuning dari gambar Gradient menunjukkan persentase Opacity.

radial gradient

Langkah 2

Memastikan bahwa persegi panjang yang ditambahkan dalam langkah sebelumnya masih terpilih dan membuat copy di depan (Control-C > Control-F). Pilih copy ini dan fokus pada panel Appearance. Menurunkan Opacity menjadi 15%, mengubah Blending Mode ke Overlay, dan mengganti radial gradient yang ada dengan yang ditunjukkan di bawah.

radial gradient blue

Selamat! Kamu Telah Selesai!

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

Jangan ragu untuk menyesuaikan desain akhir dan Anda membuat sendiri. Anda mungkin menemukan beberapa sumber inspirasi yang bagus pada Envato Market dengan solusi 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.