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 Sari-Inspired di Adobe Illustrator

Scroll to top
Read Time: 11 mins

Indonesian (Bahasa Indonesia) translation by Ilham Saputra (you can also view the original English article)

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

Dalam tutorial ini Anda akan belajar cara menggambar efek teks yang terinspirasi dari sari/saree clothing yang menakjubkan. Tema warna di sini adalah warna pink cerah dan emas. Ada banyak rincian dan banyak brushes Illustrator dan efek yang akan kami gunakan untuk menciptakan dekorasi dan tekstur sutra yang indah, jadi ikutilah dan pelajari beberapa teknik baru.

Jika Anda lapar akan lebih banyak efek teks, pastikan untuk memeriksa GraphicRiver dan Anda pasti akan menemukan apa yang Anda cari di sana.

1. Bagaimana Membuka Dokumen Baru

Luncurkan Illustrator dan masuk ke File > New untuk membuka dokumen kosong. Ketik nama untuk file Anda, atur dimensi, lalu pilih Pixels as Units dan RGB as Color Mode. Pastikan Align New Objects to Pixel Grid tidak dicentang.

Selanjutnya, masuk ke Edit > Preferences > General dan setel Keyboard Increment menjadi 1 px dan saat berada di sana, masuk ke Unit untuk memastikannya diset seperti gambar berikut. Saya biasanya bekerja dengan pengaturan ini, dan mereka akan membantu Anda sepanjang proses menggambar.

how to open new illustrator documenthow to open new illustrator documenthow to open new illustrator document

2. Cara Membuat Teks Sari

Langkah 1

Salin teks 'साड़ी', yang merupakan kata Hindi untuk sari, dan Tempelkan di artboard Anda menggunakan Type Tool (T). Anda kemungkinan besar akan melihat kotak bukan teksnya, tapi ubah fontnya menjadi 'Nirmala UI', Bold, ukuran 220 pt. Ini adalah font Microsoft yang hadir dengan OS Windows, dan inilah satu-satunya font di koleksi saya yang memungkinkan saya melihat karakter Hindi. Anda bisa mendownloadnya dari sini atau disini.

Pilihan lain adalah dengan hanya menggunakan kata Sari atau Saree.

Gunakan Selection Tool (V) untuk memilih teks dan seret sedikit ke kanan untuk membuatnya lebih lebar.

how to type Hindi word for Sarihow to type Hindi word for Sarihow to type Hindi word for Sari

Langkah 2

Saat teks masih dipilih, pilih Expand dari menu Object dan kemudian Ungroup (Shift-Control-G). Anda akan mendapatkan potongan teks individual. Sepanjang tutorial ini, saya akan mengacu pada karakter pink sebagai 'piece 1' teks, pada karakter oranye sebagai 'piece 2' teks, dan huruf hijau, biru dan merah sebagai 'piece 3', 'piece 4' dan 'piece 5' masing-masing.

Seperti yang bisa Anda lihat, potongan teks tumpang tindih di bagian atas, terutama potongan oranye dan hijau. Anda perlu memperbaikinya. Ambil Direct Selection Tool (A) dan gunakan hanya untuk memilih titik jangkar kiri atas dari potongan oranye dan gerakkan ke arah dalam, ke tepi merah muda. Lanjutkan dengan poin kanan atas dan pindahkan ke tepi hijau. Ulangi hal yang sama antara potongan hijau dan biru.

Isi teks yang baru didapat dengan warna pink cerah.

how to adjust the sari texthow to adjust the sari texthow to adjust the sari text

3. Cara Membuat Perbatasan Emas di seputar Teks Sari

Langkah 1

Copy dan Paste in Back (Control-B) semua lima lembar teks dan hapus warna fillnya. Pilih Stroke krem ​​1.5 pt dan tekan ikon Align Stroke to Outside di panel Stroke. Sementara atribut Stroke ini tetap dipilih di panel Appearance, masuk ke Effect > Path > Offset Path dan terapkan Offset 1 px.

Tambahkan New Stroke di bagian bawah panel Appearance dan pilih 1 pt light brown Outside Stroke. Terapkan Offset 2.5 px kali ini.

Tambahkan New Stroke di bagian atas panel Appearance dan pilih 1 pt Outside Stroke.

how to create the golden border around the sari texthow to create the golden border around the sari texthow to create the golden border around the sari text

Langkah 2

Mari kita buat bentuk topeng sekarang. Copy dan Paste in Place (Shift-Control-V) lima lembar teks, hapus warna fill, dan pilih 3.5 pt Outside Stroke yang merupakan ketebalan tepat dari border emas. Pilih Expand Appearance dari menu Object untuk mengubah goresan menjadi mengisi. Sementara batas biru yang dihasilkan tetap dipilih, masuk ke Object > Compound Path > Make (Control-8) untuk menggabungkannya menjadi bentuk senyawa tunggal (1).

Ambil Rectangle Tool (M) dan gambar persegi panjang di antara titik-titik di dalam perbatasan biru seperti yang ditunjukkan (2). Sekarang, pilih jalur senyawa biru bersama dengan persegi panjang ini dan tekan Minus Front di panel Pathfinder. Akibatnya, Anda akan menyingkirkan segmen kecil perbatasan biru yang ada di dalam (3).

how to create a mask shape for the golden border around sari texthow to create a mask shape for the golden border around sari texthow to create a mask shape for the golden border around sari text

Langkah 3

Ambil Pencil Tool (N) dan menggambar jalur bergelombang acak berikut border emas dari potongan teks pertama (1). Lakukan hal yang sama untuk potongan teks lainnya (2).

Stroke jalur bergelombang ini dengan Watercolor -Blend Art Brush yang bisa Anda temukan di Brush Libraries Menu > Artistic > Artistic_Watercolor. Jaga Stroke Weight pada 1 pt lalu masuk ke Effect > Blur > Gaussian Blur dan apply Radius 2 px. Atur Blending Mode menjadi Color Burn (3).

how to create shading on golden border around sari texthow to create shading on golden border around sari texthow to create shading on golden border around sari text

Langkah 4

Sekarang, pilih bentuk topeng dari sebelumnya (yang harus ada di depan semuanya dan atur ke stroke-none, fill-none sama sekali (1)) bersama dengan semua jalur bergelombang, dan pergi ke Object > Clipping Mask > Make (Control-7). Akibatnya, rincian shading hanya akan terlihat di border emas (2). Anda bisa melihat sebelum dan sesudah di close-up.

how to mask the golden border around sari texthow to mask the golden border around sari texthow to mask the golden border around sari text

4. Cara Membuat Dekorasi Garis Emas di Teks Sari

Langkah 1

Pertama, mari kita definisikan di mana dekorasi akan berjalan. Gunakan Rectangle Tool (M) untuk menggambar persegi panjang dengan ukuran sekitar 575 x 88 px di atas teks (1).

Isi persegi panjang dengan warna yang terindikasi lalu tambahkan New Fill diatas. Gunakan Leaves Tropical Color Pattern yang bisa Anda temukan di menu Swatch Libraries > Patterns > Nature > Nature_Foliage. Atur Blending Mode menjadi Hard Light dan kurangi Opacity menjadi 45% (2).

Dengan persegi panjang yang masih dipilih, masuk ke Object > Transform > Scale, ketik 50% di bidang Scale, dan pastikan untuk hanya memeriksa opsi Patterns. Tekan OK dan polanya akan lebih kecil (3).

how to create the pattern rectangle on sari texthow to create the pattern rectangle on sari texthow to create the pattern rectangle on sari text

Langkah 2

Pilih lima lembar teks dan kemudian Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan semuanya. Pergi ke Object > Compound Path > Make (Control-8) untuk menggabungkannya menjadi satu bentuk dan set ke stroke-none ada dan fill-none(1).

Sekarang, pilih pola persegi panjang bersama dengan jalur compound path dan pergi ke Object > Clipping Mask > Make (Control-7) (2).

how to mask the pattern rectangle on sari texthow to mask the pattern rectangle on sari texthow to mask the pattern rectangle on sari text

Langkah 3

Gunakan Pen Tool (P) atau Line Segment Tool (\) untuk menggambar jalur lurus di atas teks. Berikan 2 pt Stroke brown hangat dan pilih Gold Leaf Pattern Brush dari Brush Libraries menu > Borders > Borders_Decorative. Buka jendela Stroke Options dan atur Colorization Method menjadi Tints and Shades sehingga brush menjadi brown hangat juga. Pindahkan jalan ini di bawah topeng yang Anda buat pada langkah sebelumnya (1).

Sementara atribut Stroke ini tetap dipilih di panel Appearance, masuk ke Effect > Distort * Transform > Transform and type -45 px di bidang Move Vertical. Hal ini akan menggerakkan sapuan kuas ke atas dan harus mengarah tepat ke tepi pola persegi panjang (2).

how to create the decorative stripe on the sari texthow to create the decorative stripe on the sari texthow to create the decorative stripe on the sari text

Langkah 4

Tambahkan New Stroke di bawah panel Appearance yang pertama dan gunakan Floral 1 Pattern Brush dari menu Brush Libraries > Borders > Borders_Decorative. Atur Stroke Weight ke 0.75 pt lalu atur Colorization Method ke Tints and Shades di jendela Stroke Options lagi untuk mengubah warna sikat.

Sementara atribut Stroke ini tetap dipilih di panel Appearance, terapkan efek Transform lagi, dan tipe kali ini -15 px di bidang Move Vertical.

how to add the second brush on the decorative stripe on sari texthow to add the second brush on the decorative stripe on sari texthow to add the second brush on the decorative stripe on sari text

Langkah 5

Tambahkan New Stroke di bagian bawah panel Appearance dan gunakan Leaf Pattern Brush dari menu Brush Libraries > Decorative > Elegant Curl * Floral Brush Set. Atur Stroke Weight to 0,5 pt. Colorization Method diatur ke Tints secara default, jadi Anda tidak perlu mengubahnya saat ini.

Sementara atribut Stroke ini tetap dipilih di panel Appearance, terapkan efek Transform dan tipe -33 px di bidang Move Vertical. Ini akan memindahkan brush tepat di bawah garis panjang di bagian atas teks.

how to add the third brush on the decorative stripe on sari texthow to add the third brush on the decorative stripe on sari texthow to add the third brush on the decorative stripe on sari text

Langkah 6

Tambahkan New Stroke di bagian bawah panel Appearance dan gunakan Rococo Pattern Brush dari menu Brush Libraries menu > Borders > Borders_Decorative. Jaga  Stroke Weight pada 1 pt. Buka jendela Stroke Options, atur Colorization Method menjadi Tints and Shades, dan gunakan warna yang ditunjukkan. Terapkan efek Transform dan ketik 5 px di bidang Move Vertical.

how to add the fourth brush on the decorative stripe on sari texthow to add the fourth brush on the decorative stripe on sari texthow to add the fourth brush on the decorative stripe on sari text

Langkah 7

Tambahkan New Stroke dan yang terakhir di bagian bawah panel Appearance dan gunakan Scallopped Pattern Brush dari menu Brush Libraries > Decorative > Elegant Curl * Floral Brush Set. Kurangi Stroke Weight menjadi 0,75 pt. Terapkan efek Transform dan ketik 15 px di bidang Move Vertical.

Pada titik ini, garis dekoratif sudah siap.

how to add the fifth brush on the decorative stripe on sari texthow to add the fifth brush on the decorative stripe on sari texthow to add the fifth brush on the decorative stripe on sari text

5. Cara Membuat Shading & Highlights pada Teks Sari

Langkah 1

Pilih semua lima buah teks dan kemudian Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan semuanya. Isi salinannya dengan gradien linier yang disebut Tin dari Swatch Libraries menu > Gradients > Metals. Selanjutnya, masuk ke Effect > Sketch > Chrome dan terapkan pengaturan yang ditunjukkan. Atur Blending Mode menjadi Overlay dan kurangi Opacity menjadi 55%. Hasilnya, Anda akan mendapatkan tampilan shading dan highlight pada teks.

how to apply chrome effect on sari texthow to apply chrome effect on sari texthow to apply chrome effect on sari text

Langkah 2

Ambil Pen Tool (P) dan gambar empat jalur pada potongan teks pertama. Beri mereka 5 pt black Stroke dan gunakan Tapered Blend Art Brush yang telah saya tunjukkan bagaimana cara membuat dan menyimpannya di langkah 10 dari tutorial Candy Monster Character.

Selanjutnya, masuk ke Effect > Blur > Gaussian Blur dan terapkan Radius 3 px. Atur Blending Mode menjadi Multiply dan kurangi Opacity menjadi 75%. Jalur hijau diatur ke 55%.

how to create shading on the first piece of sari texthow to create shading on the first piece of sari texthow to create shading on the first piece of sari text

Langkah 3

Pilih potongan teks pertama dan kemudian Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan semuanya. Atur salinan ini ke stroke-none ada dan fill-none.

Sekarang, pilih salinan ini bersama dengan potongan teks dengan efek Chrome yang diterapkan padanya dan keempat jalur dari langkah sebelumnya dan buka Object > Clipping Mask > Make (Control-7).

how to mask shading on the first piece of sari texthow to mask shading on the first piece of sari texthow to mask shading on the first piece of sari text

Langkah 4

Gunakan teknik yang dijelaskan di dua langkah sebelumnya dan buat beberapa shading untuk potongan teks lainnya.

how to create shading on other pieces of sari texthow to create shading on other pieces of sari texthow to create shading on other pieces of sari text

6. Cara Membuat Shading & Highlights pada Golden Decorative Stripe

Langkah 1

Mari kita buat bentuk topeng dulu. Pilih path dengan semua goresan dekoratif yang diterapkan padanya dan kemudian Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan semuanya. Dari menu Object, pilih Expand Appearance lalu Compound Path > Make (Control-8) (1).

Pilih empat lembar teks dan Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan. Pergi ke Object > Compound Path > Make (Control-8) untuk menggabungkannya menjadi satu bentuk (2).

Sekarang, pilih dua compund path baru ini dan tekan Intersect pada panel Pathfinder. Anda bisa melihat bentuk yang dihasilkan pada gambar di bawah ini (3).

how to create a mask shape for the decorative stripe on sari texthow to create a mask shape for the decorative stripe on sari texthow to create a mask shape for the decorative stripe on sari text

Langkah 2

Gunakan Pencil Tool (N) untuk menggambar jalur bergelombang acak di atas garis dekoratif. Berikan 1 pt hitam Stroke dan gunakan Watercolor - Blend Art Brush dari Brush Libraries menu > Artistic > Artistic_Watercolor. Terapkan 5 px Gaussian Blur; lalu atur Blending Mode menjadi Color Burn dan Opacity menjadi 75%.

how to create shading on the decorative stripe on sari texthow to create shading on the decorative stripe on sari texthow to create shading on the decorative stripe on sari text

Langkah 3

Copy and Paste in Front (Control-F) wavy path dari langkah sebelumnya dan pilih Flip Vertical dari menu fly-out dari panel Transform. Ubah warna stroke menjadi putih dan Blending Mode menjadi Overlay pada Opacity 100%.

how to create highlights on the decorative stripe on sari texthow to create highlights on the decorative stripe on sari texthow to create highlights on the decorative stripe on sari text

Langkah 4

Sekarang, pilih dua wavy path bersama dengan bentuk topeng yang dibuat tadi, yang seharusnya berada di depan dan set ke stroke-none, fill-none dan pergi ke Object > Clipping Mask > Make (Kontrol-7). Anda akan mendapatkan notifikasi yang mengatakan bahwa bentuk topengnya sangat kompleks, namun tetap melakukannya.

how to mask shading highlights on the decorative stripe on sari texthow to mask shading highlights on the decorative stripe on sari texthow to mask shading highlights on the decorative stripe on sari text

Langkah 5

Ini adalah sebelum dan sesudah GIF sehingga Anda bisa melihat perbedaannya dengan lebih baik.

before and after shading highlights on decorative stripe on sari textbefore and after shading highlights on decorative stripe on sari textbefore and after shading highlights on decorative stripe on sari text

7. Cara Membuat Bayangan Inner di Teks Sari

Pilih semua lima buah teks dan kemudian Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan semuanya. Setelah itu, pergi ke Object > Compound Path > Make (Control-8) (1).

Isi bentuk yang baru didapat dengan warna putih; lalu masuk ke Effect > Stylize > Inner Glow dan terapkan pengaturan yang ditunjukkan. Atur Blending Mode menjadi Multiply tapi hanya untuk atribut Fill karena dengan cara ini warna putih akan menjadi transparan namun Anda tetap bisa melihat bayangan dalam (2).

how to create inner shadow on sari texthow to create inner shadow on sari texthow to create inner shadow on sari text

8. Bagaimana Menambahkan Shine pada Teks Sari

Gunakan Pen Tool (P) untuk menggambar jalur berikut pada teks. Beri mereka 3 pt Stroke dan gunakan Tapered Blend Art Brush lagi. Terapkan 3 px Gaussian Blur dan kemudian atur Blending Mode menjadi Color Dodge.

how to create shine on sari texthow to create shine on sari texthow to create shine on sari text

9. Cara Membuat Fabric Texture pada Teks Sari

Copy dan Paste in Place (Shift-Control-V) lima lembar teks dan ganti warna fill dengan abu-abu muda. Selanjutnya, masuk ke Effect > Texture > Texturizer dan terapkan pengaturan yang ditunjukkan. Atur Blending Mode menjadi Multiply dan kurangi Opacity menjadi sekitar 10%. Seharusnya hanya sedikit terlihat.

how to create the fabric texture on sari texthow to create the fabric texture on sari texthow to create the fabric texture on sari text

10. Cara Membuat Dekorasi Tambahan pada Teks Sari

Langkah 1

Gambarlah jalan lurus dengan Pen Tool (P) atau Line Segment Tool (\) dan gunakan Floral 1 Pattern Brush dari  Brush Libraries menu > Borders > Borders_Decorative. Jaga Stroke Weight pada 1 pt (1).

Sementara jalur tetap dipilih, pilih Expand Appearance dari menu Object dan kemudian pilih hanya bentuk kecil di tengahnya (2).

Buatlah salinan bentuk ini, Rotasi -30 derajat, dan ganti warna isian yang ada dengan gradien linier yang ditunjukkan. Selanjutnya, masuk ke Effect > Stylize > Drop Shadow dan terapkan efek ini dua kali dengan menggunakan pengaturan yang ditunjukkan di bawah ini (3).

how to create extra golden decorations on sari texthow to create extra golden decorations on sari texthow to create extra golden decorations on sari text

Langkah 2

Kalikan hiasan emas kecil dan sejajarkan beberapa salinan pada setiap potongan teks.

how to arrange extra golden decorations on sari texthow to arrange extra golden decorations on sari texthow to arrange extra golden decorations on sari text

11. Cara Membuat Bayangan untuk Teks Sari

Copy dan Paste in Place (Shift-Control-V) lima lembar teks untuk membuat salinannya dan kemudian pergi ke Object > Compound Path > Make (Control-8). Pindahkan compound path baru ke New Layer di balik efek teks (1).

Hapus warna isian yang ada dan pilih 3 pt Outside Stroke. Selanjutnya, masuk ke Effect > Stylize > Drop Shadow dan terapkan efek ini empat kali untuk membuat bayangan di bawah teks (2).

how to create shadow under sari texthow to create shadow under sari texthow to create shadow under sari text

Berikut adalah pengaturan efek Drop Shadow secara berurutan.

settings for drop shadow effects settings for drop shadow effects settings for drop shadow effects

Selamat! Kamu telah selesai!

Efek teks yang terinspirasi sari sudah siap sekarang. Saya harap Anda mempelajari teknik baru hari ini bahwa Anda dapat menerapkan efek teks dan proyek masa depan lainnya.

Jika Anda memutuskan untuk menciptakan efek ini, jangan lupa bagikan gambar karena pasti akan membuat hariku.

sari inspired text effect final imagesari inspired text effect final imagesari inspired text effect final image
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.