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 Teks yang Mengkilap dan Berwarna-Warni

Scroll to top
Read Time: 11 mins

Indonesian (Bahasa Indonesia) translation by Suci Rohini (you can also view the original English article)

Dalam tutorial berikut, Anda akan belajar cara membuat desain teks yang mengkilap dan berwarna-warni di Illustrator CS5. Kita akan menggunakan pilihan font yang menarik, topeng opacity, teknik pembentukan bentuk, dan lainnya untuk membuat efek teks ini.


Langkah 1

Membuat 700 px x 200 px, dokumen RGB. Pertama, nyalakan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Selanjutnya, Anda akan membutuhkan kotak setiap 5px. Pergi ke Edit > Preferences > Guides > Grid, masukkan 5 di Gridline setiap kotak dan 1 di kotak Subdivisi.

Anda juga dapat membuka panel Info (Window > Info) untuk melihat pratinjau langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengganti satuan pengukuran ke piksel dari Edit > Preferences > Unit > General. Semua opsi ini secara signifikan akan meningkatkan kecepatan kerja Anda.


Langkah 2

Pilih Type Tool (T), klik pada artboard Anda dan tambahkan teks Anda. Gunakan font Harlow Solid Italic dengan ukuran 150pt. Jika Anda tidak memiliki font ini, Anda dapat menggunakan salah satu font ini: Pacifico, Deftone Stylus, Snickles, Marketing Script, Ballpark, Vanilla, Pusab, atau font lain yang Anda suka.

Lihat apa yang dapat Anda temukan, font tidak terlalu penting. Atur warna teks Anda pada R=24,5 G=240, B=225. Sekarang terapkan Object > Expand. Pilih grup yang dihasilkan, ungroup itu (Shift + Command + G), lalu buka panel Align (Window > Align).

Dalam teks ini satu-satunya bentuk yang tidak selaras dengan benar adalah "V." Pilih Selection Tool (V). Pilih "V" bersama dengan bentuk huruf berikutnya, klik pada perbatasan bentuk kedua ini (harus ditekankan), lalu klik pada Tombol Align Vertikal dari panel Align. Jika Anda memilih untuk menggunakan teks yang berbeda, maka pastikan bentuk huruf Anda selaras.


Langkah 3

Nonaktifkan Snap to Grid dan aktifkan Smart Guides (Command + U), kemudian fokus pada "V". Pilih Direct Selection Tool (A), pilih empat titik jangkar yang disorot di gambar pertama, dan pindahkan ke kanan, seperti yang ditunjukkan pada gambar kedua.

Pilih kembali semua bentuk yang dibuat sejauh ini dan pergi ke Object > Compound Path > Make. Buka panel Layers, klik dua kali pada lintasan yang baru dibuat dan beri nama "Teks". Ini akan membuatnya lebih mudah bagi Anda untuk menemukannya ketika Anda membutuhkannya selama tutorial.


Langkah 4

Nonaktifkan Smart Guides (Command + U) dan aktifkan kembali Snap to Grid, lalu pilih Rectangle Tool (M) dan buat dua bentuk baru. Buat lebar 665 px dan tinggi 60 px, lalu tempatkan seperti yang ditunjukkan pada gambar pertama. Pilih kedua bentuk dan pergi ke Effect > Distort & Transform > Zig Zag. Masukkan data yang ditunjukkan di bawah, klik OK, lalu terapkan Object > Expand Appearance.


Langkah 5

Pilih "Teks" dan buat salinan di depan (Command + C > Command + F). Pilih salinan ini, bersama dengan bentuk bawah yang dibuat pada langkah sebelumnya, dan klik tombol Intersect dari panel Pathfinder.

Pilih grup bentuk yang dihasilkan dan pergi ke Object > Compound Path > Make. Sekarang isi jalur yang dihasilkan dengan R=78, G=178, B=245. Pergi ke panel Layers, klik dua kali pada jalur baru ini, dan beri nama "Biru".


Langkah 6

Sekali lagi, pilih "Teks" dan buat salinan di depan (Command + C > Command + F). Pilih itu, bersama dengan bentuk bergelombang yang tersisa, dan klik tombol Intersect dari panel Pathfinder.

Pilih grup bentuk yang dihasilkan, dan pergi ke Object > Compound Path > Make, lalu isi path yang dihasilkan dengan R=0, G=212, B=189. Pergi ke panel Layers, klik dua kali pada jalur baru ini dan beri nama "Hijau".


Langkah 7

Nonaktifkan Grid (Lihat > Sembunyikan Grid) dan Snap ke Grid (View > Snap to Grid). Selanjutnya, Anda perlu membuat sublapisan sederhana dan menutupinya. Pergi ke panel Layers dan klik pada ikon Create Sublayer Baru dari bagian bawah panel Layers. Jelas, ini akan menambah sublayer baru.

Pindahkan di bawah bentuk "Hijau", lalu klik dua kali di atasnya, dan beri nama "Lapisan Hijau". Buat salinan "Teks", isi dengan putih, dan pindahkan di atas sublayer baru ini. Sekarang, pilih jalur putih ini, bersama dengan sublayer, dan pergi ke panel Transparency (Window > Transparency).

Buka menu fly-out dan klik Make Opacity Mask. Anda tidak akan melihat adanya perubahan pada teks Anda karena Anda menutupi layer kosong. Hanya ketika Anda menggambar bentuk di dalam layer itu Anda akan melihat efeknya. Ini adalah trik bagus yang akan berguna dalam langkah-langkah berikut.


Langkah 8

Pastikan Anda berada di dalam sublayer bertopeng itu, lalu pilih Pen Tool (P), dan gambar beberapa bentuk melengkung, seperti yang ditunjukkan pada gambar berikut. Ini mungkin memakan waktu, tapi ini latihan yang bagus dan sublayer bertopeng akan memudahkan pekerjaan Anda. Isi semua jalur baru ini dengan R=0, G=167, B=157, sehingga Anda dapat membedakannya dengan lebih mudah dari sisa bentuk.


Langkah 9

Anda tidak perlu lagi menggunakan sublayer bertopeng. Pilih dan buka panel Transparency. Buka menu fly-out dan klik pada Release Opacity Mask, lalu hapus mask (bentuk putih). Pindahkan bentuk yang tersisa dari sublayer, ubah menjadi lintasan majemuk (Object > Compound Path > Make), lalu hapus sublayer.

Buat salinan baru "Teks". Pilih itu bersama dengan jalur gabungan yang baru dan klik tombol Persimpangan dari panel Pathfinder. Bentuk yang dihasilkan akan terlihat seperti gambar terakhir yang ditunjukkan di bawah ini.


Langkah 10

Pilih semua bentuk yang dihasilkan dari langkah sebelumnya, bersama dengan "Hijau," dan klik tombol Unite dari panel Pathfinder. Ubah bentuk yang dihasilkan menjadi jalur gabungan dan beri nama "Hijau".


Langkah 11

Buat sublayer baru dan beri nama "Layer Biru." Tempatkan di bawah "Biru," lalu sembunyikan seperti yang Anda lakukan dengan sublayer sebelumnya.


Langkah 12

Pastikan Anda berada di dalam sublayer bertopeng baru ini, lalu pilih Pen Tool (P), dan gambar beberapa bentuk melengkung baru seperti yang ditunjukkan pada gambar berikut. Isi dengan R=74, G=142, B=204.


Langkah 13

Sekali lagi, Anda tidak perlu lagi menggunakan sublayer bertopeng baru ini. Pilih dan pergi ke panel Transparency, lalu buka menu fly-out, dan klik pada Release Opacity Mask. Hapus topeng dan pindahkan bentuk yang tersisa dari sublayer. Ubah mereka menjadi jalur gabungan (Object > Compound Path > Make) dan hapus sublayer.

Buat salinan "Teks" baru dan pilih bersama dengan path compound baru, lalu klik tombol Intersect dari panel Pathfinder. Bentuk yang dihasilkan akan terlihat seperti gambar terakhir di bawah ini.


Langkah 14

Pilih semua bentuk yang dihasilkan dari langkah sebelumnya bersama dengan "Biru" dan klik tombol Unite dari panel Pathfinder. Ubah bentuk yang dihasilkan menjadi jalur gabungan dan beri nama "Biru."


Langkah 15

Mari kita rekap cepat. Di panel Layers Anda, seharusnya hanya ada tiga jalur gabungan bernama "Teks," "Hijau" dan "Biru." Sekarang, mari kita fokus pada "Biru." Pilih dan pergi ke Object > Path > Offset Path. Masukkan Offset -4px dan klik OK. Buat salinan di depan jalur baru ini. Pilih itu, lalu tekan panah kiri dan panah atas dua kali.

Pilih kembali yang baru, dua jalur dan klik tombol Minus Front dari panel Pathfinder. Isi bentuk yang dihasilkan dengan gradien linier yang ditunjukkan di bawah ini dan turunkan Opacity menjadi 50%. Nol kuning dari gambar gradien berarti persentase opacity.


Langkah 16

Pilih kembali "Biru" dan buat dua, salinan baru di depan. Pilih salinan atas, lalu tekan panah kiri dua kali dan panah atas tiga kali. Pilih kembali kedua salinan dan klik tombol Minus Front dari panel Pathfinder.

Ubah kelompok bentuk yang dihasilkan menjadi jalur gabungan. Isi dengan putih dan ubah blending mode menjadi Overlay, lalu pergi ke Effect > Blur > Gaussian Blur. Masukkan radius 2px dan klik OK.


Langkah 17

Selanjutnya Anda perlu menutupi bentuk yang dibuat pada langkah sebelumnya. Jika Anda memilih untuk menggunakan background yang lebih gelap untuk teks akhir Anda, Anda akan melihat bahwa efek gaussian blur berlanjut di luar teks Anda. Anda tidak menginginkannya sehingga Anda akan menggunakan topeng opacity.

Buat copy baru "Biru," isi dengan putih dan bawa ke depan (Shift + Command + Right Bracket key). Pilih itu, bersama dengan bentuk buram dari langkah sebelumnya, dan pergi ke panel Transparency. Buka menu fly-out dan klik Make Opacity Mask.


Langkah 18

Pilih kembali "Biru" dan pergi ke panel Appearance. Pilih isian yang ada dan klik ikon Duplicate Selected Item dari bagian bawah panel Appearance. Jelas, ini akan menambah salinan dari isi yang dipilih. Anda akan membutuhkan pola yang bagus untuk isian kedua ini.

Buka panel Swatch, buka menu fly-out, dan pergi ke Open Swatch Library > Pattern > Basic Graphics > Basic Graphics_Textures. Ini akan membuka jendela baru dengan beberapa pola yang bagus. Pilih kembali isian baru dari panel Appearance, dan turunkan Opacity menjadi 30%, lalu gunakan pola USGS 22 Gravel Beach. Buat satu salinan terakhir dari "Biru" dan bawa ke depan (Shift + Command + Right Bracket key).

Pilih dan buka panel Appearance. Hapus dua mengisi dan tambahkan stroke. Buat lebar 2pt, sejajarkan ke dalam, dan atur warnanya pada R=210, G=235, B=231. Sekarang tambahkan stroke kedua. Buat lebar 1pt, sejajarkan ke dalam, dan atur warnanya pada R=74, G=142, B=204.


Langkah 19

Mari kita pindahkan bentuk hijau. Pilih dan pergi ke Object > Path > Offset Path. Masukkan Offset -4px dan klik OK. Buat salinan di depan jalur baru ini. Pilih itu, lalu tekan panah kanan, dan panah bawah dua kali.

Pilih kembali yang baru, dua jalur dan klik tombol Minus Front dari panel Pathfinder. Isi bentuk yang dihasilkan dengan gradien linier yang ditunjukkan di bawah ini dan turunkan Opacity menjadi 50%.


Langkah 20

Pilih kembali "Hijau" dan buat dua, salinan baru di depan. Pilih salinan atas, lalu tekan panah kanan dua kali, dan panah bawah tiga kali. Pilih kembali kedua salinan dan klik tombol Minus Front dari panel Pathfinder.

Ubah kelompok bentuk yang dihasilkan menjadi jalur gabungan. Isi dengan putih, ubah blending mode ke Overlay, lalu pergi ke Effect > Blur > Gaussian Blur. Masukkan radius 2px dan klik OK.


Langkah 21

Sekali lagi, Anda perlu menutupi bentuk yang dibuat pada langkah sebelumnya. Buat salinan baru "Hijau," isi dengan putih dan bawa ke depan (Shift + Command + Right Bracket key). Pilih itu bersama dengan bentuk buram dari langkah sebelumnya dan pergi ke panel Transparency. Buka menu fly-out dan klik Make Opacity Mask.


Langkah 22

Pilih kembali "Hijau" dan pergi ke panel Appearance. Tambahkan isian kedua, turunkan Opacity menjadi 30%, lalu gunakan pola USGS 22 Gravel Beach. Buat satu salinan terakhir dari "Hijau," dan bawa ke depan (Shift + Command + kunci Bracket Kanan), lalu pergi ke panel Appearance. Hapus dua isian dan tambahkan dua guratan, seperti yang ditunjukkan pada gambar terakhir di bawah ini.


Langkah 23

Mari kita beralih ke "Teks." Pilih dan buka panel Appearance. Pilih isi yang ada dan pergi ke Effect > Stylize > Inner Glow. Masukkan data yang ditunjukkan di bawah ini, klik OK, lalu tambahkan stroke putih.

Buat lebar 2pt, sejajarkan ke dalam, lalu tambahkan stroke kedua. Buat lebar 1pt dan atur warnanya pada R=224, G=219, B=202. Sekarang pilih kembali seluruh path dan pergi ke Effect > Stylize > Drop Shadow. Masukkan data yang ditunjukkan pada gambar berikut dan klik OK.


Langkah 24

Akhirnya, mari kita tambahkan beberapa detail kecil untuk teks. Pilih Ellipse Tool (L) dan klik pada artboard Anda. Masukkan 5 untuk lebar dan tinggi, lalu klik OK. Ini akan membuat bentuk 5 px kali 5 px.

Isi dengan putih, turunkan Opacity menjadi 70%, dan ubah blending mode menjadi Overlay. Sekarang pergi ke Effect > Distort & Transform > Pucker & Bloat. Seret penggeser ke -70% dan klik OK. Bentuk yang dihasilkan akan terlihat seperti gambar yang diperbesar yang ditunjukkan. Buat beberapa salinan bentuk ini dan sebarkan di sepanjang teks.


Langkah 25

Untuk langkah berikut ini, Anda akan membutuhkan kotak setiap 1px. Pertama, aktifkan Snap to Grid, lalu pergi ke Edit > Preferences > Guides > Grid, dan masukkan 1 di Gridline setiap kotak. Selanjutnya, pilih Ellipse Tool (L) dan buat beberapa bentuk terjepit di bawah setiap bentuk huruf.

Semua bentuk ini harus setinggi 2px dan Snap to Grid akan memudahkan pekerjaan Anda. Isi dengan R=147, G=149, B=152. Kelompokkan mereka (Command + G) dan pergi ke Effect > Blur > Gaussian Blur. Masukkan radius 3px, klik OK, lalu pindahkan grup ke bagian bawah panel Layers (Shift + Command + Left Bracket key).


Langkah 26

Nonaktifkan Grid dan Snap to Grid dan duplikat semua bentuk yang dibuat sejauh ini. Pilih salinan ini dan kelompokkan. Sekarang pilih grup dan pergi ke Object > Transform > Reflect. Periksa tombol Horizontal dan klik OK. Sekarang, grup Anda harus dibalik seperti yang ditunjukkan pada gambar kedua. Pilih kembali dan gerakkan ke bawah seperti yang ditunjukkan pada gambar akhir.


Langkah 27

Gandakan grup yang dibalik pada langkah sebelumnya. Pilih salinan grup ini dan klik tombol Unite dari panel Pathfinder. Ubah kelompok bentuk yang dihasilkan menjadi jalur majemuk dan isi dengan gradien linier (ditunjukkan pada gambar kedua).

Pilih jalur gabungan yang baru ini, bersama dengan grup yang dibalik yang tersisa, dan buka panel Transparency. Buka menu fly-out dan klik Make Opacity Mask. Terakhir, pilih grup bertopeng ini dan turunkan Opacity menjadi 25%.


Langkah 28

Untuk background mulailah dengan persegi panjang putih, yang merupakan ukuran artboard Anda. Kirim ke bagian bawah panel Layers, lalu pilih kembali Rectangle Tool (M), dan buat bentuk kedua. Buat lebar 710 px dan tinggi 80 px, lalu tempatkan seperti yang ditunjukkan pada gambar kedua. Isi dengan gradien linier yang ditunjukkan di bawah ini dan turunkan Opacity menjadi 30%. Pastikan Anda menurunkan Opacity seluruh bentuk, tidak hanya isinya.


Kesimpulan

Pilih kembali kotak yang lebih kecil yang dibuat pada langkah sebelumnya. Tambahkan isian kedua, turunkan Opacity menjadi 10%, dan gunakan pola Pembuangan Sawage USGS 8. Lanjutkan dengan menambahkan stroke 2pt. Luruskan ke luar dan atur warnanya pada R=167, G=169, B=172, lalu tambahkan stroke kedua.

Buat lebar 1pt, sejajarkan ke dalam, dan atur warnanya pada R=255, G=255, B=255. Terakhir, pilih kembali seluruh path dan pergi ke Effect > Stylize > Drop Shadow. Masukkan data yang ditunjukkan di bawah, klik OK, dan Anda selesai.


Kesimpulan

Sekarang pekerjaanmu selesai. Inilah tampilan gambar akhir.

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