1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Rusia di Adobe Illustrator

by
Read Time:16 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Nur Muhammad Zain (you can also view the original English article)

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

Di tutorial ini, Anda akan belajar untuk membuat efek teks vektor terinspirasi Rusia, dihias dengan indah menggunakan desain geometris tradisional dan warna kuning cerah dan merah.

Anda akan menggunakan panel Tampilan di Adobe Illustrator untuk membuat dan menyimpan gaya grafis untuk huruf, dan ini akan membuatnya lebih mudah untuk mewarnai ulang seluruh bagian teks. Anda akan membuat pola geometris baru dan dua Kuas Pola baru yang akan membantu kita untuk menghias teks vektor.

Di akhir tutorial ini, Anda akan dapat menerapkan teknik ini untuk efek teks lain juga. Ayo mulai!

Jika Anda membutuhkan lebih banyak gaya ilustrator dan efek teks, pastikan untuk menuju ke GraphicRiver, dimana Anda akan menemukan banyak sumber daya.

Aset Tutorial

Untuk menyelesaikan tutorial, Anda akan membutuhkan aset berikut:

1. Cara Mengatur Dokumen Baru

Luncurkan Ilustrator dan pergi ke File > New untuk membuka dokumen kosong. Ketik nama untuk file Anda, atur dimensi, dan kemudian pilih Piksel sebagai Unit dan RGB sebagai Mode Warna.

Kemudian, pergi ke Edit > Preferences > General, atur Keyboard Increment ke 1 px dan, selagi disana, pergi ke Unit untuk memastikan mereka diatur seperti pada gambar berikut. Saya biasanya bekerja dengan pengaturan ini, dan mereka akan membantu Anda sepanjang proses menggambar.

how to open a new Illustrator documenthow to open a new Illustrator documenthow to open a new Illustrator document

2. Cara Membuat Teks Rusia

Langkah 1

Untuk membuat efek teks ini, kita akan menggunakan kata Русский", yang berarti “Rusia”. Jadi ambil Alat Ketik (T) dan tulis huruf “PYCCKNN” pada artboard Anda menggunakan Russian Land Font, dengan ukuran 240 pt. Pada bidang Atur pelacakan untuk karakter yang dipilih, pilih nilai 10 untuk menambahkan spasi lebih antara huruf.

Pilih Expand dari menu Objek, diikuti dengan Ungroup (Shift-Control-G) untuk mengubah teks menjadi huruf individu.

how to type the Russian texthow to type the Russian texthow to type the Russian text

Langkah 2

Hanya pilih dua huruf terakhir, pergi ke panel Transform, dan dari menu drop down, pilih Flip Horizontal. Sekarang huruf-huruf ini cocok dengan alfabet Cyrillic.

Kita butuh aksen untuk melengkapi huruf terakhir, jadi ikuti urutan gambar untuk membuatnya. Pertama, gambar dua lingkaran 20 x 20 px diisi dengan warna hitam dan, setelah itu, gambar jalur melengkung untuk menghubungkan mereka di dasar. Beri Stroke hitam 4 pt dan pilih Expand dari menu Objek untuk mengubah stroke menjadi bentuk. Sekarang, pilih semua tiga bentuk dan tekan Unite di panel Pathfinder untuk menggabungkannya menjadi bentuk aksen. Pindahkan ke atas huruf terakhir.

how to adjust the Russian vector texthow to adjust the Russian vector texthow to adjust the Russian vector text

3. Cara Membuat Lapisan Teks Berwarna

Langkah 1

Fokus pada huruf pertama dan isi dengan warna biru pucat untuk saat ini. Juga, pilih Stroke biru 1 pt.

how to create the first and second layer of Russian vector letterhow to create the first and second layer of Russian vector letterhow to create the first and second layer of Russian vector letter

Langkah 2

Dengan huruf masih terpilih, tambahkan Stroke Baru di dasar panel Tampilan. Beri Stroke merah muda 10 pt.

Tambahkan Stroke Baru di dasar panel Tampilan dan beri Stroke hijau 10 pt. Selagi atribut Stroke ini tetap terpilih pada panel Tampilan, pergi ke Effect > Distort & Transform > Transform dan terapkan pengaturan yang ditampilkan. Ini akan memindahkan lapisan hijau ke sisi kanan bawah untuk membuat beberapa kedalaman.

how to create the third and fourth layer of Russian vector letterhow to create the third and fourth layer of Russian vector letterhow to create the third and fourth layer of Russian vector letter

Langkah 3

Dengan huruf pertama masih terpilih, tekan ikon Gaya Grafis Baru di dasar panel Gaya Grafis untuk menyimpannya. Sekarang, pilih sisa huruf dan terapkan gaya yang sama ke mereka.

how to save the graphic style for Russian vector texthow to save the graphic style for Russian vector texthow to save the graphic style for Russian vector text

Langkah 4

Pilih teks dan pilih Expand Appearance diikuti dengan Expand dari menu Objek untuk expand penampilan dan stroke. Ungroup (Shift-Control-G) dua kali untuk mendapatkan lapisan berwarna individu.

Pada poin ini, teks mungkin tidak terlihat bagus di beberapa area. Jika Anda mendapatkan spikes ditampilkan dalam jarak dekat, Anda dapat menghapusnya dengan bantuan Alat Hapus Poin Jangkar (-). Cukup klik pada poin jangkar di ujung untuk menghapusnya, dan kurfa akan memperbarui dengan sendirinya.

how to expand and fix the Russian vector texthow to expand and fix the Russian vector texthow to expand and fix the Russian vector text

Langkah 5

Pindahkan tiap huruf ke lapisan terpisah untuk menjaga tetap terorganisir pada panel Lapisan. Pada tiap lapisan, Anda harus mempunyai empat bentuk yang sesuai dengan empat tampilan yang Anda terapkan sebelumnya. Ganti nama bentuk hijau “kedalaman”, bentuk merah muda “batas luar”, bentuk biru pucat “huruf utama”, dan bentuk biru “batas dalam”. Pada tiap lapisan, Anda harus mempunyai hal yang sama.

how to organize layers for Russian vector texthow to organize layers for Russian vector texthow to organize layers for Russian vector text

4. Cara Mewarnai Teks Rusia

Langkah 1

Hanya pilih bentuk “kedalaman” dari huruf pertama dan pergi ke Select > Same > Fill Color. Sebagai hasilnya, ilustrator akan memilih semua bentuk hijau untuk Anda. Ganti warna isian dengan warna merah.

how to color the edge of Russian vector texthow to color the edge of Russian vector texthow to color the edge of Russian vector text

Langkah 2

Selanjutnya, hanya pilih bentuk “batas luar” dari huruf pertama dan pergi ke Select > Same > Fill Color. Sebagai hasilnya, ilustrator akan memilih semua bentuk merah muda, dan Anda bisa dengan mudah mengganti warna isian dengan putih pucat. Juga, terapkan Stroke merah 1 pt dan tekan opsi Align Stroke to Inside pada panel Stroke.

how to color the outer border of Russian vector texthow to color the outer border of Russian vector texthow to color the outer border of Russian vector text

Langkah 3

Sekarang, pilih bentuk “huruf utama” dan gunakan metode yang sama untuk mengganti warna biru pucat dengan kuning. Juga, pergi ke Effect > Stylize > Inner Glow dan terapkan pengaturan yang ditampilkan.

how to color the main letter of Russian vector texthow to color the main letter of Russian vector texthow to color the main letter of Russian vector text

Langkah 4

Bentuk terakhir adalah “batas dalam”. Ganti warna biru dengan merah menggunakan metode yang sama.

how to color the inner border of Russian vector texthow to color the inner border of Russian vector texthow to color the inner border of Russian vector text

Langkah 5

Pada poin ini, jika Anda zoom in ke huruf pertama, Anda akan memperhatikan bahwa ada beberapa sudut yang hilang dan kita butuh untuk memperbaikinya. Ambil Alat Pen (P) dan gambar bentuk segi tiga untuk menutupi ruang kosong di sudut. Isi mereka dengan warna merah yang sama seperti bentuk “kedalaman” (1).

Sekarang, pilih bentuk “kedalaman” bersama dengan segi tiga dan tekan Unite pada panel Pathfinder untuk menggabungkannya (2). Pindahkan bentuk “kedalaman” yang baru diperoleh ke bagian belakang, di tempat sebelumnya (3).

how to fix the corners of Russian vector letterhow to fix the corners of Russian vector letterhow to fix the corners of Russian vector letter

Langkah 6

Zoom in pada huruf yang lain juga, dan perbaiki sudut seperti yang dijelaskan di langkah sebelumnya.

how to fix all corners for Russian vector texthow to fix all corners for Russian vector texthow to fix all corners for Russian vector text

5. Cara Membuat Pola Tradisional Rusia Sederhana

Langkah 1

Mari membuat versi yang disederhanakan dari pola tradisional. Ambil Alat Bujur Sangkar (M) dan gambar kotak 50 x 50 px pada artboard Anda (1); kemudian gambar kotak lebih kecil 20 x 20 px di tengah. Pilih Stroke hitam 6 pt untuk keduanya (2).

Rotasi kedua kotak 45 derajat menggunakan panel Transform (3) lalu pilih Expand dari menu Objek untuk mengubah stroke menjadi isian. Seret dua bentuk ke panel Swatch untuk menyimpannya sebagai Swatch Pola Baru (4).

how to create a simple traditional Russian patternhow to create a simple traditional Russian patternhow to create a simple traditional Russian pattern

Langkah 2

Mari terapkan pola. Fokus pada huruf pertama dan pilih bentuk bernama “huruf utama”. Tambahkan Isian Baru di atas Isian kuning yang ada dan pilih Swatch Pola Kotak yang baru saja disimpan dari panel Swatch (1).

Untuk mengecilkan pola, pergi ke Object > Transform >Scale dan pastikan bahwa satu-satunya opsi Transform Patterns dicentang. Ketik 15% di bidang Scale Uniform dan tekan OK (2). Akhirnya, atur Mode Campuran ke Overlay untuk atribut Isian ini (3).

how to apply a traditional pattern to Russian vector letterhow to apply a traditional pattern to Russian vector letterhow to apply a traditional pattern to Russian vector letter

Langkah 3

Ulangi hal yang sama untuk huruf yang lain dan terapkan pola.

how to apply a traditional pattern to Russian vector texthow to apply a traditional pattern to Russian vector texthow to apply a traditional pattern to Russian vector text

6. Cara Membuat Bayangan di Tepi dari Teks Rusia

Langkah 1

Mari membuat bentuk masker terlebih dahulu. Pilih bentuk “kedalaman” dari huruf pertama lalu Salin dan Tempel di Tempat (Shift-Control-V) untuk membuat salinannya di depan segalanya (1). Selanjutnya, pilih bentuk “batas luar” lalu Salin dan Tempel di Tempat (Shift-Control-V) lagi (2). Untuk alasan visual, Saya telah mengganti warna isian ke biru dan hijau.

Selagi salinan ini tetap terpilih, tekan Minus Front pada panel Pathfinder dan, sebagai hasilnya, Anda akan mendapatkan sekelompok bentuk. Simpan hanya bentuk yang cocok dengan tepi kanan bawah, dan hapus sisanya. Pergi ke Object > Compound Path > Make (Control-8) untuk menggabungkan bentuk yang tersisa menjadi satu. Ini akan menjadi bentuk masking (4).

Ulangi hal yang sama untuk huruf yang lain karena Anda akan membutuhkan bentuk masking untuk masing-masing dari mereka (5). Sembunyikan mereka untuk saat ini.

how to create a mask shape for Russian vector letterhow to create a mask shape for Russian vector letterhow to create a mask shape for Russian vector letter

Langkah 2

Gunakan Alat Pen (P) atau Alat Segmen Garis (\) untuk menggambar jalur pendek dan lurus di sudut kanan bawah huruf pertama (1). Beri Stroke hitam 2 pt; kemudian pergi ke Effect > Blur > Gaussian Blur dan terapkan Radius 4 px. Mengurangi Opacity ke 75% (2).

Perbanyak jalur ini dan tambahkan salinan di sudut lain dimana bayangan seharusnya, seperti yang ditampilkan pada gambar di bawah ini (3).

how to create shading on Russian vector letterhow to create shading on Russian vector letterhow to create shading on Russian vector letter

Langkah 3

Sekarang, pilih semua jalur bayangan bersama dengan bentuk masker yang Anda buat sebelumnya (yang harus di depan), dan atur menjadi tanpa stroke, tanpa isi dan pergi ke Object > Clipping Mask > Make (Control-7). Ini akan membuat bayangan hanya terlihat di tepi merah.

how to mask shading on Russian vector letterhow to mask shading on Russian vector letterhow to mask shading on Russian vector letter

Langkah 4

Lakukan hal yang sama untuk huruf yang lain dengan memperbanyak jalur bayangan yang sama dan mengaturnya di area dimana Anda ingin membuat bayangan yang halus. Setelah itu, masker mereka menggunakan bentuk yang dibuat sebelumnya.

how to create shading for Russian vector texthow to create shading for Russian vector texthow to create shading for Russian vector text

7. Cara Membuat Kuas Pola Silang Tradisional Sederhana

Langkah 1

Mari membuat versi yang disederhanakan dari dekorasi garis silang tradisional. Ambil Alat Bujur Sangkar (M) dan gambar kotak 117,5 x 117,5 px pada artboard Anda (1). Selanjutnya, gambar empat kotak kecil 17.5 x 17.5 px diisi dengan warna merah gelap, dan atur mereka di sudut luar dari yang terbesar (2). Gambar empat bujur sangkar 17 x 67 px lain diisi dengan warna merah, dan atur mereka antara kotak kecil di sisi (3).

Pilih semua bentuk dan Rotasi mereka 45 derajat di panel Transform. Pada poin ini, Anda dapat menghapus kotak abu-abu (4). Berikutnya, ambil Alat Hapus Poin Anchor (-) dan klik pada poin luar dari kotak kecil untuk menghapusnya. Sekarang kotak akan berubah menjadi segi tiga.

Pergi ke View > Rulers > Show Rulers dan seret dua Panduan horizontal dan vertikal ke dasar tiap segi tiga (5). Mereka akan membantu Anda untuk menggambar kotak baru di antaranya. Isi dengan warna kuning cerah dan kirim ke bagian belakang (6).

how to create a criss-cross pattern brush in Illustratorhow to create a criss-cross pattern brush in Illustratorhow to create a criss-cross pattern brush in Illustrator

Langkah 2

Seret dekorasi kotak yang Anda telah buat di langkah sebelumnya ke panel Kuas untuk menyimpannya sebagai Kuas Pola Baru. Di jendela Opsi Kuas Pola, ketik “Kuas Pola Silang” sebagai namanya dan seret slider Skala ke 4%. Tekan OK.

how to save a criss-cross pattern brush in Illustratorhow to save a criss-cross pattern brush in Illustratorhow to save a criss-cross pattern brush in Illustrator

Langkah 3

Mari menerapkan kuas yang baru saja disimpan. Ambil Alat Pen (P) atau Alat Segmen Garis (\) dan gambar jalur lurus di bagian atas huruf pertama sampai ke batas merah dalam (1). Pilih Stroke 1 pt dan Kuas Pola Silang dari panel Kuas. Buat penyesuaian ekstra jika diperlukan dan pastikan benar-benar cocok (2).

Gambar jalur baru dengan panjang yang sama, tepat di dasar dari dekorasi garis silang (3), dan beri Stroke merah 1 pt. Ini akan membuat desain lebih simetris (4).

Ulangi hal yang sama dan buat dekorasi garis silang lainnya di dasar dari huruf pertama (5).

how to create a criss-cross stripe on Russian vector letterhow to create a criss-cross stripe on Russian vector letterhow to create a criss-cross stripe on Russian vector letter

Langkah 4

Gunakan teknik yang dijelaskan di atas untuk membuat dekorasi garis silang pada sisa huruf, seperti yang ditampilkan di bawah.

how to create a criss-cross stripe on Russian vector texthow to create a criss-cross stripe on Russian vector texthow to create a criss-cross stripe on Russian vector text

8. Cara Membuat Kuas Pola Bunga Geometris

Langkah 1

Gunakan Alat Bujur Sangkar (M) untuk menggambar bujur sangkar kecil 12 x 8.5 px pada artboard Anda dan isi dengan warna kuning cerah. Ganti ke Alat Seleksi Langsung (V) dan gunakan itu untuk memilih hanya dua poin teratas; kemudian pindah mereka ke kanan menggunakan tombol Panah Kanan pada keyboard Anda. Anda akan mendapatkan bentuk seperti kelopak geometris (1).

Selanjutnya, gambar dua bujur sangkar kecil 5.5 x 2.5 px dan atur mereka dalam bentuk silang. Luruskan sudut kiri dari bentuk kelopak dengan sudut dari silang abu-abu seperti yang ditampilkan di bawah ini (2). Selagi bentuk kelopak tetap terpilih, pergi ke Object > Transform > Reflect, centang Horizontal, dan tekan Salin. Anda akan mendapatkan kelopak kedua, dan Anda butuh untuk meluruskannya dengan sudut dari silang abu-abu (3).

Selagi kedua kelopak tetap terpilih, kembali ke Object > Transform > Reflect, dan kali ini, centang Vertikal. Tekan Salin dan Anda akan mendapatkan dua kelopak baru untuk sisi bagian kiri. Atur mereka di tempat (4).

Selagi empat kelopak tetap terpilih, pergi ke Object > Transform > Rotate dan pilih Sudut 90 derajat. Tekan Salin dan Anda akan mendapatkan empat kelopak terakhir. Atur mereka di tempat, dan sekarang bunga geometris selesai.

Gunakan Alat Bujur Sangkar (M) untuk menggambar kotak di sekitar bunga. Punya saya tepat 50 x 50 px. Isi dengan warna merah gelap dan kirim ke bagian belakang (6).

how to create a geometric flower pattern brush in Illustratorhow to create a geometric flower pattern brush in Illustratorhow to create a geometric flower pattern brush in Illustrator

Langkah 2

Pilih bunga geometris dan kotak merah dan Rotasi mereka 45 derajat di panel Transform. Seret semuanya ke panel Kuas untuk menyimpannya sebagai Kuas Pola Baru. Di jendela Opsi Kuas Pola, ketik saja “Kuas Pola Bunga Geometris” sebagai namanya dan kemudian tekan OK.

how to save a geometric flower pattern brush in Illustratorhow to save a geometric flower pattern brush in Illustratorhow to save a geometric flower pattern brush in Illustrator

Langkah 3

Sekarang, mari menggunakan kuas yang baru saja disimpan untuk menghias teks vektor Rusia. Fokus pada huruf pertama dan gambar jalur lurus dengan Alat Pen (P) atau Alat Segmen Garis (\) seperti yang ditampilkan (1). Pilih Stroke 1 pt dan Kuas Pola Bunga Geometris dari panel Kuas. Buka jendela Opsi Stroke dari panel Tampilan, dan seret slider Skala ke 15% untuk membuat bunga geometris lebih kecil (2).

Gambar jalur lain pada huruf pertama dan terapkan pengaturan yang sama untuk menambahkan lebih banyak dekorasi (3).

how to apply a geometric flower pattern brush on Russian vector letterhow to apply a geometric flower pattern brush on Russian vector letterhow to apply a geometric flower pattern brush on Russian vector letter

Langkah 4

Ulangi hal yang sama untuk sisa huruf dan hiasi mereka dengan Kuas Pola Bunga Geometris juga.

how to apply a geometric flower pattern brush on Russian vector texthow to apply a geometric flower pattern brush on Russian vector texthow to apply a geometric flower pattern brush on Russian vector text

9. Cara Menambahkan Detail Tambahan pada Efek Teks Rusia

Langkah 1

Zoom in pada huruf pertama dan gambar bentuk seperti yang ditampilkan pada gambar di bawah, antara batas dalam merah. Setelah itu, gambar bentuk serupa pada huruf yang lain. Isi bentuk ini dengan warna merah yang sama dengan batas bagian dalam.

how to add extra details on Russian vector text effecthow to add extra details on Russian vector text effecthow to add extra details on Russian vector text effect

Langkah 2

Akhirnya, Anda dapat menambahkan lingkaran merah yang sangat kecil diisi dengan warna merah yang sama pada huruf pertama, ketiga, dan keempat.

how to add extra small decorations on the Russian vector text effecthow to add extra small decorations on the Russian vector text effecthow to add extra small decorations on the Russian vector text effect

10. Cara Membuat Bayangan di Bawah Efek Teks Rusia

Langkah 1

Fokus pada huruf pertama lagi dan hanya pilih bentuk “kedalaman”. Salin dan Tempel di Tempat (Shift-Control-V) untuk membuat salinannya di depan segalanya (1). Selanjutnya, pilih bentuk “batas luar” lalu Salin dan Tempel di Tempat (Shift-Control-V) lagi untuk membuat salinan bentuk ini juga (2). Untuk alasan visual, Saya telah mengganti warna isian ke biru dan abu-abu.

Selagi kedua salinan tetap terpilih, tekan Unite pada panel Pathfinder untuk menggabungkan mereka menjadi bentuk baru (3). Kirim bentuk baru di bawah huruf pada panel Lapisan; lalu pergi ke Effect > Stylize > Drop Shadow dan terapkan efek ini tiga kali untuk membuat bayangan (4).

how to create shadow under Russian vector letterhow to create shadow under Russian vector letterhow to create shadow under Russian vector letter

Ini adalah pengaturan untuk tiga efek Drop shadow:

drop shadow effect settings for Russian vector text effectdrop shadow effect settings for Russian vector text effectdrop shadow effect settings for Russian vector text effect

Langkah 2

Ikuti teknik yang dijelaskan di atas untuk membuat bentuk baru untuk sisa huruf dan kirim mereka ke bagian belakang. Terapkan efek Drop Shadow tiga kali menggunakan pengaturan yang sama.

how to create shadow under Russian vector text effecthow to create shadow under Russian vector text effecthow to create shadow under Russian vector text effect

Luar Biasa, Anda Selesai!

Ini adalah gambar akhir dari efek teks terinspirasi Rusia. Saya harap Anda menikmati tutorial ini dan bahwa Anda belajar teknik baru hari ini yang dapat Anda terapkan dalam proyek ke depannya juga.

Russian inspired vector text effect final imageRussian inspired vector text effect final imageRussian inspired vector text effect final image

Terus menggambar dan belajar dengan tutorial yang direkomendasikan:

One subscription.
Unlimited Downloads.
Get unlimited downloads