Cara Membuat Efek Teks Setengah-Buram di dalam Adobe Illustrator

Kami menghormati Jerman, bahasa mereka, dan budaya mereka minggu ini untuk merayakan peluncuran Envato Elements versi Jerman!

Dalam langkah-langkah berikut, Anda akan belajar cara membuat efek teks setengah buram di dalam Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara mengatur kisi-kisi sederhana dan cara membuat latar belakang. Selanjutnya, Anda akan belajar cara membuat potongan utama teks dan cara mudah menyelaraskannya.

Mengambil keuntungan penuh dari panel Penampilan, Anda akan belajar bagaimana menjaga teks Anda dapat diedit, tetapi menyesuaikan dengan mode dan menyamarkannya. Akhirnya, menggunakan persegi panjang tipis bersama dengan beberapa teknik masking dan blending, Anda akan belajar bagaimana menambahkan bayangan dan highlight yang halus.

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

Apa yang Akan Anda Butuhkan

Anda akan membutuhkan sumber daya berikut untuk menyelesaikan proyek ini:

• Font Robinson

1. Cara Mengatur Kotak dan Membuat Latar Belakang

Langkah 1

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Unit, masukkan 850 dalam kotak lebar dan 500 dalam kotak tinggi, 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 Snap ke Grid (View > Snap to Grid). Anda akan membutuhkan grid setiap 10 px, jadi cukup pergi ke Edit> Preferences> Guides & Grid, masukkan 10 di Gridline setiap kotak dan 1 di kotak Subdivisions. Cobalah untuk tidak berkecil hati dengan semua kisi itu — itu akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan Control-" sebagai pintasan keyboard

Anda dapat mempelajari lebih lanjut tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Understanding Adobe Illustrator's Grid System.

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> Units. Semua opsi ini akan meningkatkan kecepatan kerja Anda secara signifikan.

Langkah 2

Pilih Rectangle Tool (M) dan fokuskan pada bilah alat Anda. Hapus warna dari stroke dan kemudian pilih isi dan atur warnanya ke R = 242 G = 242 B = 242.

Pindah ke artboard Anda, buat bentuk 870 x 520 px, dan letakkan seperti yang ditunjukkan di bawah ini — grid dan Snap to Grid akan mempermudahnya.

Langkah 3

Dengan menggunakan Rectangle Tool (M), buat bentuk 870 x 260 px dan letakkan seperti yang ditunjukkan di bawah ini. Isi persegi panjang baru ini dengan gradien radial yang ditunjukkan di bawah, turunkan Opacity menjadi 75%, dan ubah Blending Mode ke Overlay. Gunakan Gradient Tool (G) untuk meregangkan gradien Anda seperti yang ditunjukkan pada gambar berikut.

2. Cara Membuat Teks Utama

Langkah 1

Fokus pada bilah alat Anda dan atur warna isian menjadi hitam (R = 0 G = 0 B = 0). Buka panel Character (Window> Type> Character), pilih font Robinson Regular, dan atur ukurannya menjadi 250 px. Pilih Type Tool (T), klik pada artboard anda, dan tambahkan potongan teks "UNSCHARF".

Pastikan bahwa bagian teks Anda tetap dipilih dan buka panel Align (Window> Align). Atur aligning ke Artboard (buka menu fly-out dan masuk ke Show Options jika Anda tidak dapat melihat bagian Align To seperti yang ditunjukkan pada gambar berikut) dan kemudian klik tombol Horizontal Align Center dan Vertical Align Center. Ini harus memindahkan teks Anda ke pusat artboard.

Langkah 2

Pilih teks Anda, fokus pada panel Swatches (Window> Swatches), dan klik bahwa [None] swatch untuk menghapus warna teks hitam.

Buka panel Appearance (Window> Appearance) dan tambahkan fill baru menggunakan tombol Add New Fill. Pilih yang baru dan atur warnanya ke R = 41 G = 171 B = 226. Pastikan teks Anda dipilih dan tekan Control-C untuk menyalinnya. Anda akan membutuhkan beberapa salinan dari teks ini dalam langkah-langkah berikut.

3. Cara Membuat Bagian Teks yang Kabur

Langkah 1

Pastikan teks Anda tetap terpilih dan fokus pada panel Appearance. Pilih fill, turunkan Opacity ke 50%, dan pergi ke Effect> Blur> Gaussian Blur. Atur Radius ke 10 px dan klik OK.

Langkah 2

Pastikan teks Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan fill kedua menggunakan tombol Add New Fill.

Pilih fill baru ini dan atur warnanya menjadi hitam. Turunkan Opacity ke 25% dan ubah Blending Mode ke Soft Light, dan kemudian pergi ke Effect> Distort> Glass. Masukkan atribut yang ditunjukkan di bawah ini, klik OK, dan buka Effect> Stylize> Feather. Atur Radius ke 15 px dan klik OK.

Langkah 3

Pastikan teks Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan fill ketiga menggunakan tombol Add New Fill yang sama.

Pilih fill baru ini, seret di bawah dua fill lainnya, dan terapkan gradien linier yang ditunjukkan di bawah ini (kuning nol dari gambar Gradient adalah singkatan Opacity dari slider itu). Turunkan Opacity menjadi 30% dan pergi ke Effect> Distort & Transform> Transform. Masukkan atribut yang ditunjukkan di bawah ini, klik OK, dan buka Effect> Distort & Transform> Free Distort. Seret titik bawah seperti yang ditunjukkan pada gambar berikut, klik OK, dan buka Effect> Blur> Gaussian Blur. Atur Radius ke 10 px dan klik OK.

Langkah 4

Pilih Rectangle Tool (M), buat 870 x 260 px, isi dengan putih, dan letakkan seperti yang ditunjukkan pada gambar pertama. Pilih persegi panjang baru ini bersama dengan teks kabur Anda, buka panel Transparency (Window> Transparency), dan klik tombol Make Mask.

4. Cara Membuat Setengah Teks Lainnya

Langkah 1

Tekan Control-F untuk dengan mudah menambahkan salinan teks biru Anda di tempat yang sama. Pilih Rectangle Tool (M), buat 870 x 260 px, isi dengan putih, dan letakkan seperti yang ditunjukkan pada gambar pertama.

Langkah 2

Pilih persegi panjang putih Anda bersama dengan teks biru, buka panel Transparency, dan klik tombol Make Mask.

5. Cara Membuat Sorotan Sleek

Langkah 1

Pilih Rectangle Tool (M) dan cukup klik pada artboard Anda untuk membuka jendela Rectangle. Atur Width ke 870 px dan Height ke 1 px, lalu klik OK untuk membuat persegi panjang tipis Anda.

Tempatkan bentuk baru ini persis seperti yang ditunjukkan di bawah ini, atur warna isian ke putih (R = 255 G = 255 B = 255), lalu turunkan Opacity menjadi 75% dan ubah Blending Mode ke Overlay.

Langkah 2

Tekan Control-F untuk menambahkan salinan teks biru Anda yang baru seperti yang ditunjukkan pada gambar pertama. Pilih, ganti biru itu dengan putih, dan buka Effect> Blur> Gaussian Blur. Atur Radius ke 10 px dan klik OK

Langkah 3

Pilih teks putih kabur Anda bersama dengan persegi panjang putih tipis, buka panel Transparency, dan klik tombol Make Mask.

Langkah 4

Pilih Rectangle Tool (M) dan klik lagi pada artboard Anda untuk membuka jendela Rectangle. Atur Width ke 870 px dan Height ke 1 px, lalu klik OK untuk membuat persegi panjang tipis Anda.

Tempatkan bentuk baru ini persis seperti yang ditunjukkan di bawah ini, atur warna isian ke hitam, lalu turunkan Opacity menjadi 50% dan ubah Blending Mode ke Soft Light.

Langkah 5

Tekan Control-F untuk menambahkan salinan teks biru Anda yang baru seperti yang ditunjukkan pada gambar pertama. Pilih dan ganti biru itu dengan warna putih.

Pilih teks putih ini bersama dengan kotak hitam tipis, buka panel Transparency, dan klik tombol Make Mask.

6. Cara Menambahkan Shading Secara Keseluruhan

Pilih Rectangle Tool (M), buat bentuk 870 x 520 px, dan letakkan seperti yang ditunjukkan di bawah ini. Isi dengan gradien radial yang ditunjukkan di bawah ini, dan jangan lupa untuk menurunkan Opacity menjadi 30%.

Selamat! Kamu sudah selesai!

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