Cara Membuat Efek Knockout di Photoshop dan Illustrator

Efek knockout memungkinkan Anda untuk menempatkan lapisan warna solid di atas foto atau gambar, dan kemudian meninju sebagian dari lapisan padat itu untuk mengungkapkan gambar di belakangnya. Anda dapat melakukan ini dengan teks atau bentuk baik di Photoshop dan Illustrator, tetapi prosesnya sedikit berbeda untuk setiap program.

Dalam artikel ini, kami menjelaskan cara membuat efek knockout di Adobe Photoshop dan Illustrator, menawarkan panduan langkah demi langkah.

Cara Membuat Efek Knockout di Photoshop

Untuk mencapai efek knockout di Photoshop, hal pertama yang ingin Anda lakukan adalah membuka gambar Anda. Dalam contoh ini, kita akan menggunakan bentuk persegi panjang di atas gambar, dan menghapus teks dari bentuk itu.

Langkah 1: Gambar Bentuknya

Dengan gambar latar belakang Anda terbuka, gambar persegi panjang menggunakan Membentuk alat. Anda dapat memilih alat Bentuk dari menu alat, atau Anda dapat menggunakan pintasan keyboard kamu . Pilih warna juga.

Saat Anda menggambar persegi panjang, Anda dapat memilih bentuk bebas dan menyeret persegi panjang melintasi layar untuk membuat bentuk yang Anda inginkan, atau Anda dapat mengklik di mana saja pada gambar untuk memasukkan dimensi persegi panjang Anda dalam piksel.

Langkah 2: Masukkan Teks

Selanjutnya Anda perlu mengetikkan teks Anda pada lapisan terpisah di Photoshop. Ambil Teks alat ( T ), klik di mana saja di kanvas Anda dan mulailah mengetik. Kemudian gunakan Pindah alat ( V ) untuk memposisikan teks di atas bentuk Anda.

Jika Anda lebih suka menggunakan bentuk atau ikon untuk KO Anda, Anda dapat menempatkan bentuk itu di tempat Anda akan meletakkan teks.

Langkah 3: Atur Blending Options

Klik dua kali layer teks untuk membuka Gaya Lapisan jendela, dan pilih Opsi Pencampuran dari panel sebelah kiri.

Di bawah bagian Pencampuran Lanjutan, Anda akan menemukan Pukulan knockout menu drop down. Anda dapat memilih antara Dangkal atau Dalam efek di sini. Dangkal menerapkan efek knockout ke satu lapisan; Deep menerapkannya ke sekelompok lapisan.

Dalam contoh kita, kita hanya perlu Dangkal .

Terakhir, pastikan Pratinjau tombol dicentang, lalu seret Isi Opacity slider ke kiri, menuju nol.

Di sini Anda memiliki kendali penuh atas seberapa banyak teks asli itu akan terlihat. Warna teks Anda akan membuat perbedaan di sini kecuali Anda memilih opacity nol persen.

Namun, jika Anda memiliki foto yang sangat sibuk, Anda mungkin tidak ingin memilih opasitas yang sangat rendah agar teks tetap terbaca.

Langkah 4: Sentuhan Akhir

Klik oke untuk mengonfirmasi perubahan Anda. Anda sekarang dapat menambahkan sentuhan akhir. Karena semua elemen berada di lapisannya sendiri, Anda dapat membuat penyesuaian untuk semuanya secara terpisah.

Anda dapat mengedit gambar latar belakang, bentuk, atau teks. Untuk menyesuaikan efek knockout cukup klik dua kali layer teks untuk membuka kembali kotak pengaturan.

Cara Membuat Efek Knockout di Illustrator

Proses untuk membuat efek knockout di Illustrator mirip dengan Photoshop, tetapi sedikit lebih praktis.

Mulailah dengan membuka gambar latar belakang Anda di kanvas Anda. Pergi ke File > Tempat , lalu klik untuk menempatkan gambar. Menggunakan Pilihan alat ( V ) untuk mengubah ukurannya agar pas.

Langkah 1: Tambahkan Bentuk dan Teks

Sekarang gambar bentuk Anda menggunakan Empat persegi panjang alat ( M ). Anda dapat menggunakan bentuk lain jika Anda mau, atau menggambar sendiri dengan Pena alat. Pilih warna isian dan goresan --- Anda dapat mengubahnya nanti jika Anda mau --- dan seret ke posisi yang Anda inginkan.

Selanjutnya, Anda perlu menambahkan teks (atau Anda dapat menggunakan bentuk lain untuk efek knockout --- tidak selalu harus berupa teks). Pilih Teks alat ( T ), dan klik pada kanvas. Atur warna dan ukuran, dan mulailah mengetik.

Memilih Pilihan alat dan klik pergi setelah selesai. Anda dapat memindahkan semua objek ke posisinya dengan mata, atau menahan shift dan memilih teks, bentuk, dan gambar latar belakang dan menyelaraskannya dengan benar dengan Horisontal dan Perataan Vertikal peralatan.

Langkah 2: Buat Garis Besar

Pilih kembali lapisan teks Anda dan pergi ke Jenis > Buat Garis Besar , atau Anda dapat menggunakan pintasan keyboard Shift + Cmd/Ctrl + O . Ini akan mengubah teks Anda menjadi bentuk daripada teks yang dapat diedit, jadi periksa kesalahan ketik terlebih dahulu!

Pastikan teks Anda berada di atas bentuk dan bukan di belakangnya.

Jika Anda ingin dapat mengontrol opacity sebanyak mungkin di Photoshop, salin layer teks Anda ke clipboard dengan pintasan keyboard Cmd/Ctrl + C. Anda tidak perlu melakukan apa pun dengannya sampai nanti.

Langkah 3: Terapkan Efek Knockout

Pilih bentuk dan teks Anda dan buka Pramuka panel alat. Jika belum terbuka, Anda dapat membukanya dengan membuka Jendela > Pathfinder atau dengan menggunakan pintasan Illustrator, Shift + Cmd/Ctrl + F9.

Klik di sini untuk lebih lanjut Pintasan keyboard Adobe Illustrator .

Di alat pencari jalur, pilih Minus Depan pilihan di Mode Bentuk . Ini akan menghapus teks dari bentuk Anda.

Untuk mengontrol opacity efek knockout Anda, Anda perlu menyalin layer teks, seperti yang kami sebutkan di atas. Sekarang pukul Shift + Cmd/Ctrl + V untuk menempelkan kembali teks Anda di tempat yang tepat saat Anda menyalinnya. (Pastikan untuk melakukan ini sebelum Anda memindahkan salah satu lapisan Anda.)

Anda kemudian dapat menyesuaikan opacity layer itu dengan pergi ke Transparansi panel, yang dapat Anda buka dengan membuka Jendela > Transparansi. Sesuaikan penggeser opacity hingga Anda memiliki bayangan yang tepat yang Anda inginkan.

Dengan opacity sekitar 20 persen, seperti inilah tampilan produk akhirnya:

Lebih Banyak Efek Teks Photoshop untuk Dicoba

Sangat mudah untuk membuat efek knockout di Illustrator dan Photoshop. Jika Anda memiliki akses ke kedua program, sebaiknya gunakan Photoshop terlebih dahulu karena teksnya tetap dapat diedit setiap saat. Tetapi untuk desain yang lebih detail, Illustrator adalah cara yang tepat.

biaya penggantian baterai macbook pro 2015

Efek knockout bukan satu-satunya cara kreatif Anda dapat menggunakan teks dalam desain Anda. Lihatlah panduan kami yang merinci cara membuat garis besar teks di photoshop dan cara menambahkan tekstur ke teks di Photoshop untuk beberapa inspirasi.

Membagikan Membagikan Menciak Surel Panduan Pemula untuk Menganimasikan Pidato

Menganimasikan pidato bisa menjadi tantangan. Jika Anda siap untuk mulai menambahkan dialog ke proyek Anda, kami akan merinci prosesnya untuk Anda.

Baca Selanjutnya Topik-topik yang berkaitan

Kreatif
Adobe Photoshop
Adobe Ilustrator
Tutorial Photoshop

Tentang Penulis Andy Betts(221 Artikel Diterbitkan)

Andy adalah mantan jurnalis cetak dan editor majalah yang telah menulis tentang teknologi selama 15 tahun. Pada saat itu ia telah berkontribusi pada publikasi yang tak terhitung jumlahnya dan menghasilkan karya copywriting untuk perusahaan teknologi besar. Dia juga telah memberikan komentar ahli untuk media dan menjadi tuan rumah panel di acara-acara industri.

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan