Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Kaktus di Adobe Illustrator

Scroll to top
Read Time: 11 min
This post is part of a series called Text Effects .
How to Create an 80s-Inspired Text Effect in Adobe Photoshop
How to Create an Ink Cloud Typography Text Effect Using Adobe Photoshop

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

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

Dalam langkah-langkah berikut, Anda akan belajar cara membuat efek teks kaktus di Adobe Illustrator. Sebagai permulaan, Anda akan belajar cara mengatur suatu bagian sederhana dan cara membuat pola dengan kuas (pattern brush).

Setelah itu, Anda akan belajar cara membuat dan menyimpan pola yang cukup rumit. Mengambil keuntungan penuh dari panel Appearance, Anda akan belajar cara membuat potongan pertama kaktus Anda dan cara menyimpan atributnya. Menggunakan dua bentuk sederhana dan beberapa efek, Anda akan belajar cara membuat pot. Terakhir, untuk latar belakang, Anda akan belajar bagaimana menerapkan pola radial pada gradien yang sudah terpasang.

Untuk inspirasi lebih lanjut tentang cara menyesuaikan atau meningkatkan efek teks pada hasil akhir Anda, Anda dapat menemukan banyak sumber di GraphicRiver.

1. Cara Membuat Dokumen Baru dan Mengatur Grid

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

Aktifkan Grid (View > Show Grid) dan untuk Snap to Grid (View > Snap to Grid). Anda akan membutuhkan grid setiap 1 px, jadi cukup buka Edit > Preferences > Guides & Grid, dan masukkan 1 di kotak Gridline every dan 1 di kotak Subdivisions. Coba untuk tidak putus asa dengan semua batasan, itu akan membuat suatu kerjaan semakin mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan pintasan keyboard Control-".

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

Anda juga harus membuka panel Info (Window > Info) untuk preview langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengatur unit pengukuran ke piksel dari Edit > Preferences > Unit. Semua opsi ini akan meningkatkan kecepatan kerja Anda secara signifikan.

setup gridsetup gridsetup grid

2. Cara Membuat Pola dengan Kuas (Pattern Brush)

Langkah 1

Pilih Rectangle Tool (M) dan fokuskan pada toolbar Anda. Hapus warna dari garis, dan kemudian pilih fill dan atur warnanya ke R=255 G=188 B=53. Pindah ke artboard Anda dan cukup buat bentuk grid berukuran 25 x 14 px dan Snap to Grid akan membuatnya lebih mudah.

rectanglerectanglerectangle

Langkah 2

Ubah isi warna menjadi R=93 G=74 B=27 dan pilih Ellipse Tool (L). Buat lima lingkaran yang diperlihatkan di bawah ini dan tempatkan mereka persis seperti yang ditunjukkan pada gambar berikut.

Setelah selesai, pilih semua bentuk baru ini dan ubah menjadi compound path (Control-8).

ellipsesellipsesellipses

Langkah 3

Pilih Rectangle Tool (M), buat bentuk 25 x 7 px dan letakkan seperti yang ditunjukkan pada gambar pertama. Pilih persegi panjang baru ini bersama dengan compound path Anda dan klik tombol Minus Frontdari panel Pathfinder (Window > Pathfinder).

minus frontminus frontminus front

Langkah 4

Pilih Anchor Point Tool (Shift-C), fokus pada bentuk cokelat Anda, dan cukup klik top anchor points yang ditunjukkan pada gambar pertama.

Pilih persegi panjang kuning dan hapus warna yang ada didalam.

anchor point toolanchor point toolanchor point tool

Langkah 5

Pilih semua bentuk yang dibuat sejauh ini, buka panel Brushes(Window > Brushes), dan klik tombol New Brush. Periksa kotak Pattern Brush dan klik OK untuk membuka tampilan dari pengaturan Pattern Brush Options. Ketik nama untuk kuas baru Anda, masukkan semua atribut yang ditampilkan di bawah ini, dan klik OKuntuk menyimpan kuas baru Anda.

new brushnew brushnew brush

3. Cara Membuat Pola

Langkah 1

Dengan menggunakan Rectangle Tool (M), buat persegi 50 px dan isi dengan warna kuning.

squaresquaresquare

Langkah 2

Gunakan Pen Tool (P), gambar dua jalur sederhana dan letakkan di tepi kanan kotak kuning Anda seperti yang ditunjukkan di bawah ini. Pastikan kedua jalur tersebut dipilih dan buka panel Appearance(Window > Appearance).

Hapus isi warna, atur warna stroke ke R=93 G=74 B=27, dan buka panel Stroke fly-out. Tingkatkan Weight hingga 2 px dan pilih Width Profile 1.

Dengan salah satu bentuk ini masih dipilih, buka Graphic Styles(Window > Graphic Styles). Klik tombol New Graphic Style untuk menyimpan tampilan yang ada pada tempat yang Anda pilih.

width profilewidth profilewidth profile

Langkah 3

Pastikan bahwa dua jalur yang dibuat pada langkah sebelumnya masih dipilih dan masuk ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

transformtransformtransform

Langkah 4

Gunakan Pen Tool (P), gambar lima garis sederhana dan letakkan di tepi atas kotak kuning Anda seperti yang ditunjukkan di bawah ini. Terapkan Graphic Style Anda dari panel Graphic Styles ke semua jalur ini.

Hanya pilih jalur kedua dan keempat dari rangkaian jalur baru ini. Buka panel Appearance dan ubah Weight menjadi 1 px, lalu buka panel Graphic Styles dan simpan sebagai Graphic Style baru.

pen toolpen toolpen tool

Langkah 5

Pastikan bahwa dua jalur yang dibuat pada langkah sebelumnya masih dipilih dan masuk ke Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

transformtransformtransform

Langkah 6

Dengan menggunakan Pen Tool (P), buat lima jalur yang ditunjukkan pada gambar pertama dan terapkan graphic style pertama Anda dari panel Graphic Styles.

Menggunakan alat yang sama, buat delapan garis yang ditunjukkan pada gambar kedua, dan terapkan graphic style kedua Anda dari panel Graphic Styles.

pathspathspaths

Langkah 7

Pilih semua bentuk cokelat kecil Anda dan buka Object > Path > Outline Stroke, dan kemudian putar bentuk yang dihasilkan menjadi compound path (Control-8).

compound pathcompound pathcompound path

Langkah 8

Pilih kotak kuning Anda bersama dengan compound path bewarna coklat dan klik tombol Intersect dari panel Pathfinder. Cukup drag bentuk yang dihasilkan di dalam panel Swatches (Window > Swatches) untuk menyimpannya sebagai pola.

new patternnew patternnew pattern

4. Cara Membuat Graphic Style

Langkah 1

Nonaktifkan Grid (Control-") dan Snap to Grid (Shift-Control-").

Pilih Type Tool (T) dan buka panel Character (Window > Type > Character). Pilih font Insaniburger dan atur ukurannya menjadi 200 px.

Klik pada artboard Anda, tambahkan potongan teks "Cactus" dan atur warnanya menjadi R=78 G=174 B=99. Tempatkan teks Anda seperti ditunjukkan di bawah ini, dan kemudian masuk ke panel Layers dan kunci.

texttexttext

Langkah 2

Fokus pada huruf pertama dari teks Anda. Dengan menggunakan Pen Tool (P) atau Brush Tool (B), gambarlah garis sederhana secara kasar seperti yang ditunjukkan pada gambar berikut. Pastikan bahwa itu tetap dipilih dan fokus pada panel Appearance.

Pastikan tidak ada warna dan pilih stroke. Atur warnanya ke R=93 G=58 B=20, tambah Weight menjadi 4 px, dan pilih Width Profile 1 dari panel Stroke fly-out.

strokestrokestroke

Langkah 3

Pastikan jalur Anda tetap terpilih, fokus pada panel Appearance, dan atur warna menjadi R=75 G=147 B=106.

fillfillfill

Langkah 4

Pastikan jalur Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan isi kedua menggunakan tombol Add New Fill. Pilih itu, atur warnanya menjadi R=78 G=174 B=99, dan buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

add new filladd new filladd new fill

Langkah 5

Pastikan jalur Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan pengisian ketiga. Pilih dan atur warnanya menjadi putih (R=255 G=255 B=255). Turunkan Opacity menjadi 30%, ubah Blending Mode ke Overlay, dan buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah ini, klik OK, dan buka Effect > Pathfinder > Add, dan kemudian buka Effect > Path > Offset Path. Masukkan -7 px Offset dan klik OK.

white fillwhite fillwhite fill

Langkah 6

Pastikan jalur Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan pengisian keempat. Pilih itu, terapkan pola Anda dari panel Swatches dan buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

apply patternapply patternapply pattern

Langkah 7

Pastikan jalur Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan garis kedua menggunakan tombol Add New Stroke . Pilih garis baru ini dan terapkan pola Anda dari panel Brushes lalu drag ke bawah garis lainnya.

Dengan jalur Anda masih terpilih, buka panel Graphic Styles dan simpan sebagai graphic style baru.

apply pattern brushapply pattern brushapply pattern brush

5. Cara Membuat Teks Kaktus

Langkah 1

Gunakan Pen Tool (P) atau Brush Tool (B), gambar jalur baru secara kasar seperti yang ditunjukkan pada gambar pertama. Pastikan bahwa itu tetap dipilih dan terapkan graphic style terakhir Anda dari panel Graphic Styles.

apply graphic styleapply graphic styleapply graphic style

Langkah 2

Pastikan bahwa jalur yang dibuat pada langkah sebelumnya tetap dipilih, dan fokus pada panel Appearance. Pertama, pilih dua bagian bawah mengisi dan mengganti warna yang ada dengan yang ditunjukkan di bawah ini, dan kemudian klik efek Transform yang diterapkan untuk mengisi atas dan menyesuaikan Rotate Angle seperti yang ditunjukkan di bawah ini.

Dengan jalur ini yang masih dipilih, buka panel Graphic Styles dan simpan graphic style baru.

adjust graphic styleadjust graphic styleadjust graphic style

Langkah 3

Tetap fokus pada huruf pertama dari teks Anda dan gambar garis yang lebih bulat di sepanjang huruf itu, seperti yang ditunjukkan di bawah ini.

apply graphic stylesapply graphic stylesapply graphic styles

Langkah 4

Pilih jalur bulat baru tersebut dan terapkan dua graphic styles terakhir dari panel Graphic Styles. Coba untuk tidak memiliki 2 jalur untuk style yang identik antara satu dengan lainnya. Juga, pilih jalur ini satu per satu, buka efek Transform yang diterapkan untuk pengisian teratas (di panel Appearance), dan sesuaikan Rotate Angle untuk menyesuaikan orientasi jalur yang dipilih.

apply graphic stylesapply graphic stylesapply graphic styles

Langkah 5

Pilih potongan kaktus yang lebih kecil dan fokus pada panel Appearance. Buka efek Transform yang diterapkan untuk pengisian teratas, drag slider Scale ke 50%, dan klik OK.

scale patternscale patternscale pattern

Langkah 6

Pindah ke huruf lain dari teks Anda dan ikuti teknik yang sama yang digunakan untuk huruf pertama. Pertama, buat jalur bulat dan terapkan graphic styles, lalu sesuaikan rotasi pola dan skala pola untuk jalur yang lebih kecil.

cactus textcactus textcactus text

6. Cara Membuat Bunga Kaktus

Langkah 1

Gunakan Pen Tool (P) atau Brush Tool (B), gambar tiga garis sederhana seperti yang ditunjukkan pada gambar pertama. Isi dengan R=239 G=75 B=74 dan tambahkan stroke 3 px. Atur warnanya menjadi R=93 G=58 B=20, tambah Weight menjadi 3 px, dan jangan lupa untuk memilih Width Profile 1. Setelah selesai, simpan atribut ini sebagai graphic style.

cactus flowercactus flowercactus flower

Langkah 2

Gunakan Pen Tool (P) atau Brush Tool (B) bersama dengan graphic style yang disimpan pada langkah sebelumnya, tambahkan bunga kaktus untuk huruf lainnya. Setelah selesai, buka panel Layers, buka bagian dari suatu teks, dan hapus.

cactus flowerscactus flowerscactus flowers

7. Cara Membuat Pot

Langkah 1

Aktifkan Grid (Control-") dan Snap to Grid (Shift-Control-"). Untuk langkah-langkah berikut, Anda akan memerlukan grid setiap 5 px. Cukup buka Edit > Preferences > Guides & Grid dan masukkan 5 di kotak Gridline every.

Pilih Rectangle Tool (M), buat bentuk 75 x 20 px isi dengan warna kuning, dan letakkan seperti yang ditunjukkan pada gambar berikut.

yellow rectangleyellow rectangleyellow rectangle

Langkah 2

Dengan menggunakan Rectangle Tool (M), buat bentuk 65 x 40 px isi dengan biru, dan letakkan seperti yang ditunjukkan pada gambar pertama.

Beralih ke Direct Selection Tool (A) dan fokuskan pada sisi bawah persegi panjang baru ini. Pilih kedua anchor point, buka panel control, dan masukkan 20 px di kotak Corners. Setelah selesai, kirim bentuk ini ke belakang (Shift-Control-[).

blue shapeblue shapeblue shape

Langkah 3

Pilih bentuk kuning Anda dan fokus pada panel Appearance. Ganti kuning dengan R=188 G=117 B=71 dan kemudian tambahkan pengisian kedua. Pilih itu, atur warnanya menjadi R=214 G=146 B=97, dan buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

add new filladd new filladd new fill

Langkah 4

Pastikan bahwa persegi panjang Anda tetap terpilih dan tetap fokus pada panel Appearance. Tambahkan pengisian ketiga dan pilih itu. Atur warna menjadi putih, turunkan Opacity menjadi 25%, ubah Blending Mode ke Overlay, dan kemudian buka Effect > Path > Offset Path. Masukkan Offset -8 px, klik OK, dan buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

offset pathoffset pathoffset path

Langkah 5

Pastikan bahwa persegi panjang Anda tetap terpilih dan tetap fokus pada panel Appearance. Tambahkan stroke 4 px dan atur warnanya menjadi R=92 G=59 B=28.

strokestrokestroke

Langkah 6

Pastikan bahwa persegi panjang Anda tetap terpilih dan tetap fokus pada panel Appearance. Pilih seluruh jalur (cukup klik bagian "Path" teks dari bagian atas panel) dan buka Effect > Stylize > Rounded Corners. Masukkan Radius 5 px, klik OK, dan buka Effect > Distort & Transform > Roughen. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

rounded cornersrounded cornersrounded corners

Langkah 7

Pilih bentuk biru Anda dan fokus pada panel Appearance. Ganti biru dengan R=188 G=117 B=71 dan kemudian tambahkan pengisian kedua. Pilih itu, atur warnanya menjadi R=214 G=146 B=97, dan buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

new fillnew fillnew fill

Langkah 8

Pastikan bahwa bentuk bawah Anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan pengisian ketiga dan pilih itu. Atur warna menjadi putih, turunkan Opacity menjadi 25%, ubah Blending Mode ke Overlay, dan kemudian buka Effect > Distort & Transform > Transform. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

new fillnew fillnew fill

Langkah 9

Pastikan bahwa bentuk bawah Anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan stroke 4 px dan atur warnanya menjadi R=92 G=59 B=28.

strokestrokestroke

Langkah 10

Pastikan bahwa bentuk bawah Anda tetap dipilih dan tetap fokus pada panel Appearance. Tambahkan Fill baru dan drag ke bagian bawah panel. Atur warna menjadi hitam, turunkan Opacity menjadi 60%, ubah Blending Mode ke Soft Light, dan kemudian buka Effect > Convert to Shape > Ellipse. Masukkan atribut yang ditunjukkan di bawah ini, klik OK, dan buka Effect > Distort & Transform > Transform. Masukkan pengaturan yang ditunjukkan pada gambar berikut dan klik OK.

ellipse effectellipse effectellipse effect

Langkah 11

Pastikan bahwa bentuk bawah Anda tetap dipilih dan tetap fokus pada panel Appearance. Pilih seluruh jalur dan buka Effect > Stylize > Rounded Corners. Masukkan Radius 5 px, klik OK, dan buka Effect > Distort & Transform > Roughen. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

roughenroughenroughen

8. Cara Melipatgandakan Pot Anda

Langkah 1

Gandakan dua bentuk yang menyusun pot Anda dan tempatkan salinan seperti yang ditunjukkan pada gambar pertama. Gunakan Direct Selection Tool (A), pilih anchor point yang disorot dalam gambar pertama, dan drag ke kanan seperti yang ditunjukkan pada gambar kedua.

Tetap fokus pada salinan ini, pilih hanya bentuk bagian bawah, dan fokus pada panel Appearance. Buka efek Transform yang diterapkan pada bagian atas dan efek Ellipse diterapkan ke bagian bawah dan sesuaikan pengaturan seperti ditunjukkan di bawah ini.

hotchpotchhotchpotchhotchpotch

Langkah 2

Buat lagi empat salinan pot Anda yang lebih kecil, dan letakkan mereka seperti yang ditunjukkan pada gambar berikut.

hotchpotcheshotchpotcheshotchpotches

9. Cara Membuat Background

Langkah 1

Gunakan Rectangle Tool (M), buat bentuk 860 x 510 px dan isi dengan R=195 G=224 B=177. Pastikan bahwa persegi panjang ini menutupi seluruh artboard Anda dan kirimkan ke belakang (Shift-Control-[).

rectanglerectanglerectangle

Langkah 2

Buka menu fly-out dari panel Swatches dan buka Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures.

Gunakan Rectangle Tool (M), buat bentuk baru 860 x 510 px dan letakkan di atas persegi panjang yang ada, seperti yang ditunjukkan pada gambar berikut. Masukkan bentuk baru ini dengan pola USHS 22 Gravel Beachturunkan Opacity menjadi 50%, ubah Blending Mode ke Soft Light, dan kemudian buka Effect > Artistic > Film Grain. Masukkan atribut yang ditunjukkan di bawah dan klik OK.

film grainfilm grainfilm grain

Langkah 3

Pastikan bahwa persegi panjang yang dibuat pada langkah sebelumnya masih dipilih dan tetap fokus pada panel Appearance. Tambahkan isi kedua dan pilih itu. Turunkan Opacity menjadi 50% dan ubah Blending Mode ke Overlay, lalu gunakan radial gradient yang ditunjukkan di bawah ini. GunakanGradient Tool (G) untuk melebarkan gradien Anda seperti yang ditunjukkan di bawah ini.

radial gradientradial gradientradial gradient

Selamat! Anda Sudah Selesai!

Ini adalah bagaimana seharusnya terlihat. Saya harap Anda menikmati tutorial ini dan dapat menerapkan teknik ini dalam proyek Anda di masa mendatang. Jangan ragu untuk membagikan hasil akhir Anda di bagian komentar.

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

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