Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Clipping Mask

Cara Menggunakan Clipping Mask pada Adobe Illustrator untuk Membuat Efek Teks Irisan

Read Time: 6 mins

Indonesian (Bahasa Indonesia) translation by Anthoni Hermanto (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 yang diiris dalam Adobe Illustrator. Sebagai permulaan, Anda akan belajar cara mengatur kisi-kisi sederhana dan cara membuat latar belakang dan potongan teks sederhana.

Ambil keuntungan penuh dari grid dan fitur Snap to Grid, Anda akan belajar cara membuat satu set bentuk pixel-sempurna. Menggunakan serangkaian kliping klip, Anda akan belajar bagaimana memberi teks Anda tampilan yang diiris. Akhirnya, dengan menggunakan beberapa trik stroke dan blur bersama dengan lebih banyak kliping masker, Anda akan belajar bagaimana menambahkan beberapa shading dan highlight untuk area yang diiris.

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

1. Cara Membuat New Document dan Mengatur Grid

Tekan Control-N untuk membuat new document. Pilih Pixel dari menu drop-down Unit, masukkan 850 dalam kotak lebar dan 600 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 to Grid (View > Snap to Grid). Anda akan membutuhkan grid setiap 5 px, jadi cukup pergi ke Edit > Preferences > Guides & Grid, dan masukkan 5 di Gridline setiap kotak dan 1 pada kotak Subdivisions. Cobalah untuk tidak merasa risih dengan semua kisi itu — itu akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan shortcut keyboard Kontrol- ".

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

setup gridsetup gridsetup grid

2. Cara Membuat Background dan Teks

Langkah 1

Pilih Rectangle Tool (M) dan buat bentuk 870 x 620 px. Pastikan bahwa persegi panjang ini menutupi seluruh artboard Anda, dan kemudian mengisinya dengan gradien linier di bawah ini.

linear gradientlinear gradientlinear gradient

Langkah 2

Pilih Type Tool (T) dan buka panel Character (Window> Type > Character). Pilih font Robinson dan kemudian atur ukurannya menjadi 270 px. Pindah ke artboard Anda, klik di atasnya, dan ketik teks Anda. Saya menggunakan "Trancher", yang merupakan kata Perancis yang berarti "mengiris".

Pastikan bahwa bagian teks ini tetap dipilih, dan buka panel Align (Window > Align). Atur alignment 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), lalu klik tombol Horizontal Align Center dan Vertical Align Center. Ini akan memindahkan teks Anda ke pusat artboard.

type tooltype tooltype tool

3. Cara Membuat Clipping Mask

Langkah 1

Pilih Rectangle Tool (M), buat persegi 320 px, dan letakkan seperti yang ditunjukkan pada gambar pertama. Isi bentuk baru ini dengan warna hitam (R = 0 G = 0 B = 0) dan turunkan Opacity menjadi 30%.

Pastikan bahwa persegi Anda tetap terpilih, pilih Delete Anchor Point Tool (-), dan cukup klik pada titik anchor kanan atas untuk menghapusnya. Ini akan mengubah persegi Anda menjadi segitiga, seperti yang ditunjukkan pada gambar kedua.

squaresquaresquare

Langkah 2

Gandakan segitiga Anda (Control-C > Control-V). Pilih salin, putar 180 degrees, dan letakkan seperti yang ditunjukkan pada gambar berikut. Pastikan kedua segitiga Anda sejajar sempurna.

duplicate triangleduplicate triangleduplicate triangle

Langkah 3

Pilih Pen Tool (P), dan buat bentuk bersudut empat yang ditunjukkan pada gambar berikut. Grid dan fitur Snap to Grid akan mempermudah segalanya. Isi bentuk baru ini dengan warna merah, dan turunkan Opacity menjadi 30%.

pen toolpen toolpen tool

Langkah 4

Pilih segitiga kanan dan tambahkan salinan di depan (Control-C > Control-F). Pilih bentuk baru ini, ubah warna fill menjadi kuning, lalu gerakkan 5 px ke atas dan 5 px ke kanan. Sekali lagi, grid dan fitur Snap to Grid akan berguna.

Pindah ke segitiga kiri dan tambahkan salinan di depan (Control-C > Control-F). Pilih bentuk baru ini, ubah warna isian menjadi kuning, lalu gerakkan 5 px ke bawah dan 5 px ke kiri.

move trianglemove trianglemove triangle

Langkah 5

Nonaktifkan Snap to Grid (Control- ") dan kemudian pergi ke Edi t > Preferences > General dan atur Keyboard Increment ke 5 px.

Pilih teks Anda dari panel Layers (Window > Layers) dan tambahkan salinan di depan (Control-C > Control-F). Pilih copy ini dan pindahkan 10 px ke atas dan 20 px ke kiri. Gunakan tombol panah untuk dengan mudah melakukan perubahan ini. Ingat bahwa menekan tombol sekali akan memindahkan pilihan Anda 5 px ke arah yang ditentukan.

Pilih segitiga kuning di sebelah kiri, bersama dengan salinan teks ditambahkan beberapa saat yang lalu, dan cukup pergi ke Object > Clipping Mask > Make (Control-7).

mask textmask textmask text

Langkah 6

Pilih kembali potongan asli teks Anda dan tambahkan salinan baru di depan (Control-C > Control-F). Pilih copy ini dan gerakkan 10 px ke bawah dan 20 px ke kanan. Gunakan tombol panah untuk dengan mudah melakukan perubahan ini.

Pilih segitiga kuning yang tersisa bersama dengan teks yang ditambahkan beberapa saat lalu, dan pergi ke Object > Clipping Mask > Make (Control-7).

mask textmask textmask text

Langkah 7

Pilih bentuk merah Anda dan tambahkan salinan di depan (Control-C > Control-F). Pilih copy ini bersama dengan potongan teks asli Anda dan pergi ke Object > Clipping Mask> Make (Control-7).

mask textmask textmask text

4. Bagaimana Menambahkan Shading

Langkah 1

Aktifkan Snap to Grid (Control- "). Pilih segitiga siku-siku dan tambahkan salinan di depan (Control-C > Control-F). Pilih salinan ini, tahan tombol Shift dan Alt, dan kemudian ubah ukuran segitiga Anda menjadi 240 px.

small trianglesmall trianglesmall triangle

Langkah 2

Pastikan bahwa segitiga 240 px Anda terpilih, dan pilih Direct Selection Tool (A). Pilih titik anchor kanan atas dan cukup tekan tombol Delete.

Pastikan bahwa jalur yang tersisa tetap dipilih, dan fokuskan pada panel Appearance. Hapus warna isi dan atur warna guratan ke R = 39 G = 0 B = 76, dan kemudian buka panel fly-out Stroke. Ubah Weight menjadi 20 px dan pilih Width Profile 1 dari menu dropdown Profile.

stroke stylestroke stylestroke style

Langkah 3

Pindah ke segitiga kiri dan tambahkan salinan di depan (Control-C > Control-F). Pilih salinan ini, tahan tombol Shift dan Alt, lalu ubah ukuran segitiga Anda menjadi 280 px.

small trianglesmall trianglesmall triangle

Langkah 4

Pastikan bahwa segitiga 280 px Anda dipilih, dan pilih Direct Selection Tool (A). Pilih titik anchor bawah kiri, dan cukup tekan tombol Delete.

Pastikan bahwa jalur yang tersisa tetap dipilih, fokus pada panel Appearance, dan terapkan atribut yang sama yang digunakan untuk jalur lainnya.

strokestrokestroke

Langkah 5

Pertama, pilih dua path Anda dan salin mereka (Control-C), dan kemudian pergi ke Efek > Stylize > Gaussian Blur. Masukkan Radius 13 px, klik OK, dan kemudian Group (Control-G) dua jalur Anda.

gaussian blurgaussian blurgaussian blur

Langkah 6

Pilih dua segitiga Anda dan ubah menjadi jalur gabungan (Object > Compound Path > Make atau Control-8). Bawa jalur gabungan ini ke depan (Control-]), pilih bersama dengan kelompok jalur yang dibuat pada langkah sebelumnya, dan pergi ke Object > Clipping Mask > Make (Control-7).

mask groupmask groupmask group

5. Cara Menambahkan Highlight

Langkah 1

Tekan Control-F untuk menambahkan salinan dari dua path tersebut di tempat yang sama. Pastikan kedua jalur tetap dipilih, dan fokuskan pada panel Appearance.

Atur warna stroke menjadi putih dan turunkan Weight menjadi 14 px. Ubah Blending Mode ke Soft Light, dan kemudian pergi ke Effect > Blur > Gaussian Blur. Masukkan 15 Radius, klik OK, dan kemudian Group (Control-G) dua jalur ini.

white strokewhite strokewhite stroke

Langkah 2

Bawa bentuk merah Anda ke depan (Shift-Control-]). Pilih bersama dengan kelompok jalur yang dibuat pada langkah sebelumnya, dan pergi ke Object > Clipping Mask > Make (Control-7).

mask groupmask groupmask group

Selamat! Anda Selesai!

Begini seharusnya tampilannya. 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?
One subscription.
Unlimited Downloads.
Get unlimited downloads