Sebuah efek grunge memberikan tampilan kasar dan tidak konvensional pada tipografi dan layout, yang sempurna untuk desain modern dan kreatif. Dengan Photoshop, Anda dapat dengan mudah menerapkan gaya ini dengan menggunakan tekstur, masker, dan kuas. Dalam tutorial ini, saya akan menunjukkan langkah demi langkah cara memberikan sentuhan grunge yang autentik pada tipografi dan layout - mulai dari yang halus hingga yang intens dan kacau. Biarkan kreativitas Anda mengalir dan berikan desain Anda karakter ekstra!
1. Klasik: Teks Grunge dengan Tampilan Perkotaan yang Kotor
Efek grunge klasik adalah teks yang dicemari elemen-elemen kotor yang memberikan teks tampilan sobek dan kotor yang khas. Untuk menciptakan efek ini, diperlukan gambar yang memuat "struktur kotoran" untuk teks.
Langkah 1: Membuat Dokumen Baru
Pertama, saya membuka dokumen baru dengan pintasan Ctrl+N dengan ukuran 1200 x 800 piksel. Latar belakangnya berwarna putih.
Langkah 2: Menempatkan Teks
Dengan menggunakan Alat Teks, saya menarik bingkai teks dan menulis huruf PSD dengan ukuran 400 titik dalam warna hitam.
Langkah 3: Memutar Teks
Teks selalu terlihat lebih dinamis ketika sedikit dimiringkan. Oleh karena itu, saya membawa kursor ke sudut-sudut hingga kursor berubah menjadi panah ganda. Sekarang saya dapat memutar teks. Saya memilih sudut antara 3 dan 7 persen.
Langkah 4: Membuka Gambar dengan Latar Belakang Terstruktur
Saya membuka gambar yang memiliki struktur garis yang keras, yang bisa saya masukkan sebagai partikel kotoran ke dalam teks saya. Kondisi awal dalam gambar ini menentukan struktur partikel kotoran yang akan dimiliki teks.
Pilihan saya jatuh pada gambar pohon. Dalam gambar ini, saya memiliki dua struktur yang berbeda: Pertama, lekukan garis-garis di kulit kayu pohon untuk efek pinggiran yang tajam, kedua, fitur menit di kulit kayu "normal" pohon.
Sumber gambar: azaliya - Fotolia.com.
Jika gambar tersebut telah ditempatkan sebagai Objek Cerdas dalam dokumen yang sudah dibuka, saya dapat mengubahnya menjadi lapisan normal dengan mengklik kanan pada Objek Cerdas di Panel Lapisan > Ubah Lapisan ke Raster. Ini penting, karena koreksi gambar berikutnya saya tidak akan berfungsi.
Langkah 5: Menggunakan Koreksi Ambang Warna pada Gambar
Melalui menu Gambar > Koreksi > Ambang Warna, saya dapat menyaring partikel kotoran yang saya inginkan untuk efek grunge.
Koreksi gambar Ambang Warna mengubah semua piksel dalam lapisan menjadi hitam dan putih. Dengan penggeser ambang warna, saya dapat mengontrol sejauh mana sensitivitas di mana pemisahan hitam dan putih harus terjadi. Saya geser penggeser ambang warna dari 128 ke kiri menuju 1. Dalam pratinjau, saya bisa melihat kapan efeknya cocok. Saya biarkan penggeser tetap di 96 dan saya konfirmasi dengan OK.
Catatan: Tidak semua gambar memberikan partikel kotoran yang cocok untuk efek grunge setelah penerapan Koreksi Ambang Warna. Dalam kasus ini, koreksi ambang warna hanya perlu dicoba dengan gambar yang berbeda hingga satu gambar memberikan hasil yang diinginkan.
Langkah 6: Memilih Rangkaian Warna
Melalui menu Pilihan > Rangkaian Warna, saya dapat memilih piksel hitam dalam gambar saya. Saya menggunakan Toleransi yang tinggi dan mengklik pada kotak hitam dalam gambar dengan Pipet. Kemudian saya mengonfirmasi dengan OK.
Langkah 7: Partikel Kotoran ke dalam Lapisan Baru
Dengan Ctrl+C dan Ctrl+V, saya menyalin piksel hitam yang dipilih dan menyematkannya dalam lapisan baru.
Lapisan ini dapat saya duplikasi, jika pemisahan partikel kotoran dilakukan di dokumen terpisah, dan sisipkan ke dalam lapisan utama saya. Jika pemisahan partikel kotoran sudah dilakukan di lapisan utama, saya dapat menghapus semua lapisan lain dalam gambar.
Langkah 8: Mengatur Campuran Warna
Dalam Opsi Pengisian untuk lapisan partikel kotoran, saya dapat mengatur Campuran Warna dalam warna latar belakang.
Inilah tampilan terbaik dari efek tersebut. Dengan demikian, efek grunge klasik telah selesai. Di langkah-langkah berikutnya, saya ingin memberikan beberapa petunjuk untuk pengeditan lebih lanjut.
Langkah 9: Masker Potongan untuk Teks
Karena penumpukan warna pada lapisan partikel kotor diarahkan ke latar belakang, saya tidak bisa dengan mudah memilih latar belakang lain. Oleh karena itu, yang terbaik adalah jika saya memberikan lapisan partikel kotor saya dengan masker potongan ke lapisan teks. Saya melakukannya dengan shortcut Ctrl+Alt+G atau dengan Alt dan Klik antara kedua lapisan.
Dengan demikian, efek hanya berlaku pada area teks.
Langkah 10: Blur Gauss
Jika efek terasa agak terlalu keras, saya bisa sedikit melunakkan dengan menerapkan Blur Gauss pada layer partikel kotor dengan Radius minimal 0,3 piksel. Dengan begitu, partikel kotor akan lebih menarik bagi mata.
Langkah 11: Membuat Bingkai untuk Teks dan Masker Layer
Dengan alat Forma Khusus, saya memilih bingkai 7 dari default dan menariknya sekitar teks. Layer tersebut diletakkan di atas layer teks dan diberi warna yang sama dengan teks.
Efek kotor juga harus berlaku pada bingkai. Saya bisa duplikat lapisan partikel kotor dengan Ctrl+J dan menetapkannya sebagai masker potongan di layer bingkai.
Atau sebaliknya, saya juga bisa menambahkan semua elemen teks dan bingkai sebagai masker layer.
Untuk itu, saya hapus masker potongan dengan shortcut Ctrl+Alt+G dan menghapus lapisan partikel kotor yang diduplikat sebelumnya.
Saya memilih teks dengan mengeklik miniatur layer lapisan teks dengan Ctrl dan Klik, dan menambahkan pilihan pada lapisan partikel kotor yang diaktifkan sebagai masker layer dengan mengklik simbol tambahkan masker layer dengan Klik.
Untuk layer bingkai, saya pilih konten layer dengan Ctrl dan Klik pada masker vektor. Kemudian saya klik pada masker layer lapisan partikel kotor dan isi pilihan dengan warna putih.
Keuntungan menggunakan masker layer adalah saya tidak perlu membuat masker potongan baru dengan lapisan partikel kotor setiap kali ada elemen teks atau bentuk baru. Saya bisa menjaga partikel kotor secara sentral dalam satu layer dan hanya memperhitungkan konten layer baru dalam masker layer.
Keuntungan lain: Dengan opsi pengisian yang diaktifkan, mungkin bahwa dalam hirarki, gaya layer konkret di atas masker potongan dalam hirarki dan karena itu sepenuhnya ditampilkan. Oleh karena itu, dalam keraguan selalu diperlukan pengaturan melalui perubahan metode pengisian.
Langkah 12: Mengoptimalkan Masker Layer
Pada pemilihan piksel dengan Ctrl dan Klik pada miniatur di panel kontrol layer, kadang-kadang akan ada beberapa kontur kecil yang tetap setelah pemilihan.
Itu sebabnya, saya memilih konten masker layer dengan Ctrl dan Klik pada masker layer dan membuka dialog Perbaiki Tepi dengan shortcut Ctrl+Alt+R. Di sana saya mengatur Tepi ke +100 persen. Pilihan sedikit diperluas.
Sebagai alternatif, saya juga bisa pergi melalui menu Pilihan>Ubah Pilihan>Perluas dengan nilai 1 piksel.
Pilihan yang diperluas saya isi dengan warna putih di dalam masker layer. Dengan demikian, kontur kecil tersebut hilang.
Langkah 13: Menyesuaikan Partikel Kotor Opsional
Saya memutuskan mata rantai antara masker layer dan layer. Dengan demikian, masker layer selalu tetap pada posisi tersebut, sementara saya dapat memindahkan konten layer.
Dengan begitu, saya dapat melihat partikel kotor mana yang paling saya sukai pada posisi tertentu, dan dapat memindahkan tampilan jika perlu.
Grungeeffekt klasik saya selesai - dalam gambar ini dengan penumpukan warna merah di latar belakang hitam.
2. Efek Grunge yang Diterapkan Melalui Kuas yang Ditentukan
Karena lapisan partikel kotor cenderung statis, karena partikel tersebut selalu tergantung pada gambar terstruktur yang sesuai, disarankan untuk mendapatkan efek grunge melalui kuas yang ditentukan.
Seseorang dapat dengan mudah membuat kuas grunge dari foto atau tekstur. Penting bahwa bahan yang digunakan untuk membuat kuas memiliki cukup konten terstruktur.
Langkah 14: Menggunakan Ambang Batas Gambar yang Diubah sebagai Presisi Kuas
Karena gambar pohon sudah dapat digunakan untuk efek grunge klasik dengan struktur grungestrukturnya, saya dapat langsung menggunakannya sebagai ujung kuas.
Dengan Alat Lasso, saya memilih area yang sesuai di gambar.
Saya menyalin area ini dengan Ctrl+C dan mem-paste-nya dengan Ctrl+V di lapisan baru.
Dengan menekan Ctrl dan Klik pada Miniatur Lapisan, saya memilih piksel dari partikel kotor yang sebelumnya di-paste.
Di menu Edit, saya dapat menetapkan Pengaturan Kuas.
Langkah 15: Menempatkan Teks
Pada dokumen baru dengan latar belakang tekstur, saya tarik bingkai teks dan tulis kata Grunge dengan ukuran 160 titik menggunakan Army Expanded.
Langkah 16: Membuat Lapisan Baru dan Tentukan sebagai Kliping Mask
Saya membuat lapisan baru dengan Ctrl+Shift+Alt+N dan mengaturnya sebagai Klipping Mask dengan pintasan Ctrl+Alt+G di atas lapisan teks. Klipping Mask memastikan bahwa partikel kotor yang digambar hanya ditampilkan di teks.
Langkah 17: Kuas dalam Pratinjau Kuas
Di Pratinjau Kuas, kuas telah ditambahkan di posisi terbawah.
Sekarang saya dapat menerapkannya dengan bebas dalam ukuran, warna, dan transparansi. Disarankan untuk kuas grunge, atur Jitter Sudut menengah di Properti Bentuk Kuas. Saya mengaturnya menjadi 33 persen. Ini akan membuat ujung alat berputar dengan setiap klik baru sehingga tidak ada ujung kuas identik pada pandangan pertama.
Langkah 18: Melukis dengan Kuas
Dengan presisi kuas baru, saya sekarang dapat melukis partikel kotor dalam lapisan baru dengan warna Putih, Abu-abu Terang, dan Abu-abu Gelap.
Efek Grunge akan diterapkan pada teks.
Langkah 19: Menekankan Teks Grunge
Untuk tampilan yang lebih baik, saya menarik bidang putih dengan Alat Rectangle (U) di bawah lapisan teks dengan 40 persen Opasitas. Dalam Opsi Pengisian, saya juga menetapkan tepi hitam sebesar 10 piksel dengan Opasitas 25 persen.
Saya tambahkan Bayangan ke teks dengan Fülloptionen dengan Opasitas 75 persen.
Grunge-Efek yang diaplikasikan melalui ujung kuas sebelumnya ditetapkan. 
Langkah 20: Membuat Presisi Kuas dari Tekstur
Pada varian pertama, kuas Grunge diperoleh dari struktur foto. Pembuatan kuas Grunge juga bisa dilakukan dengan cepat menggunakan tekstur. Hanya perlu cukup terstruktur agar berhasil. Dalam tekstur ini, beberapa penyesuaian kecil diperlukan untuk mendapatkan elemen grunge untuk ujung kuas. Lapisan sebelumnya dengan teks Grunge yang dioleskan saya sembunyikan.
Secara kebetulan, tekstur ini berasal dari DVD dengan dua kali lipat tekstur kami, yang tersedia di toko PSD-Tutorials.de. Tekstur ini juga disertakan dalam file kerja tutorial ini.
Langkah 21: Menurunkan Kehidupan Tekstur
Pertama, saya mengurangi kehidupan tekstur melalui lapisan penyesuaian Warna/Tingkat Kejenuhan dengan mengurangi pengaturan Tingkat Kehidupan menjadi -100.
Langkah 22: Meningkatkan Kontras
Langkah berikutnya saya pilih lapisan penyesuaian Pencocokan Warna dan mundurkan kedua slider eksternal sedikit ke tengah, sehingga kontras tekstur diperkuat. Slider eksternal dalam contoh ini berada di 46 dan 135.
Langkah 23: Menduplikasi Menjadi Satu Lapisan
Jika dalam tekstur terlihat bahwa telah terbentuk fondasi yang baik untuk kuas grunge, saya dapat menduplikasikan semua lapisan yang terlihat menjadi satu. Saya melakukannya dengan pintasan Ctrl+Shift+Alt+E.
Langkah 24: Memilih Partikel Kotor
Dengan Alat Sihir (W), saya klik pada area gelap di lapisan yang terbentuk, yang seharusnya menjadi warna ujung kuas saya. Opsi Meratakan di menu diaktifkan dengan mengatur Toleransi menjadi 32.
Langkah 25: Memasukkan area yang dipilih ke dalam lapisan baru Bagian yang sesuai di dalam kuas dengan konten warna yang dipilih telah dipilih. Saya menyalin pilihan tersebut dan memasukkannya ke dalam lapisan baru. Saya dapat menghapus lapisan sebelumnya dengan tekstur yang disesuaikan.
Langkah 26: Memilih Kuas Grunge Spesifik
Dengan Alat Lasso (L) saya sekarang dapat dengan mudah memilih kuas grunge yang diinginkan.
Saya menyalin area yang dipilih dengan Ctrl+C dan memasukkannya ke dalam lapisan baru dengan Ctrl+V. Saya dapat menghapus lapisan sebelumnya dengan elemen grunge yang sebelumnya dipilih. Dengan menggunakan Ctrl dan Klik kiri mouse pada thumbnail lapisan pilihan grunge spesifik, saya memilih piksel dari lapisan tersebut. Melalui Menu>Edit saya dapat mengatur area yang dipilih sebagai Presets Kuas.
Secara kebetulan: Di PSD-Tutorials.de terdapat banyak kuas grunge yang dapat diunduh:
Kuas Grunge untuk Diunduh
Langkah 27: Mengaplikasikan Kuas Grunge
Sekarang saya dapat mengaplikasikan kuas grunge kedua untuk menambahkan elemen grunge seperti pada presets kuas pertama.
3. Membuat Huruf Grunge yang Frayed
Kedua teknik sebelumnya menggambarkan efek grunge, di mana partikel kotoran lebih atau kurang diaplikasikan pada huruf-huruf.
Akan menjadi benar-benar grungy ketika huruf-huruf itu sendiri juga mendapatkan tampilan yang tercabik. Dasar dari teknik ini adalah komposit dengan matriks pergeseran.
Langkah 28: Membuat Matriks Pergeseran
Saya mengambil tekstur yang ada dan kuas grunge yang sebelumnya saya buat lalu saya menyikatkannya sekali penuh di atas dokumen. (Bagi yang tidak punya tekstur, bisa membuat tekstur awan dengan filter awan yang diaktifkan dengan warna standar. Itu juga akan berfungsi!)
Jika lapisan tersebut bukan lapisan latar belakang, saya ubah menjadi lapisan latar belakang melalui menu Layer>New>Background from Layer.
Saya menyimpan file dengan nama verschiebungsmatrix.psd. Matriks pergeseran saya sudah selesai.
Langkah 29: Menempatkan Teks
Pada dokumen baru dengan ukuran 1200x1200 piksel, saya menulis kata "Grunge" dalam jenis huruf 160-poin Army Expanded.
Saya mengonversi layer teks tersebut menjadi Objek Pintar melalui Klik kanan pada panel layer>Convert to Smart Object.
Langkah 30: Menggunakan Filter Geserkan
Sekarang filter Geserkan masuk ke permainan. Filter Geserkan sayangnya tidak sesuai dengan kebiasaan dari filter Photoshop lainnya. Meskipun begitu, dengan menerapkan matriks pergeseran, saya dapat menciptakan efek yang keren, yang sangat berguna untuk struktur permukaan dengan elevasi dan kedalaman.
Dengan matriks pergeseran, gambar utama terdistorsi - dalam hal ini teks saya - dengan memindahkan bagian gambar berdasarkan perbedaan kecerahan. Oleh karena itu, saya pertama-tama membuat matriks pergeseran dan menyesuaikannya dengan kecerahan untuk efek geseran.
Saya menerapkan filter Geserkan dengan pengaturan berikut:
• Pergeseran Horisontal: 15
• Pergeseran Vertikal: 3
• Radio-buttons:
- Skala Berdasarkan Seleksi
- Ulangi Pixel Tepi
Pengaturan pergeseran dapat dilakukan hingga 100 persen. 100 memiliki efek pergeseran sebesar 128 piksel. Karena efek sebagian besar harus berlangsung secara horizontal, nilai horizontal lebih tinggi dari nilai vertikal.
Saya mengonfirmasi dengan OK.
Pada browser file yang terbuka, saya asosiasikan matriks pergeseran yang telah saya buat sebelumnya dengan filter geserkan. Penting bahwa matriks pergeseran disimpan sebagai dokumen PSD atau BMP.
Efek geseran akan membuat tepi teks menjadi benar-benar tercabik.
Langkah 31: Kabutkan pada Tepian yang Tercabik
Jika tepian tercabik terlihat terlalu berserakan, saya dapat menggunakan Pemburam Gauss dengan Jari-jari minimal 0,2-0,4 piksel.
Langkah 32: Efek Grunge pada Tepian
Sekarang saya juga dapat dengan mudah menduplikasikan tekstur grunge kotoran dari efek pertama ke dalam dokumen baru. Dengan begitu, saya mendapatkan bingkai grunge yang indah untuk teks grunge yang tercabik. Saya juga mengatur opsi Isi dalam layer teks menjadi merah.
Langkah 33: Garis Kontur Putih
Untuk menonjolkan teks, saya membuat kontur putih dengan ketebalan 100 piksel di lapisan teks.
Langkah 34: Partikel Kotor di Teks
Jika ingin menambahkan efek grunge ke teks, maka saya akan menduplikasi lapisan partikel kotor, memberikan warna putih, dan membatasi efek visual pada area teks. Saya kemudian memilih teks dan menambahkan seleksi lapisan partikel kotor yang diduplikasi sebagai masker lapisan.
Langkah 35: Variasi Teks Tetap Memungkinkan
Jika ingin mengganti teks, cukup klik pada miniatur Smart Object di lapisan teks dan ubah teks dalam Smart Object Original saya. Dengan menyimpannya, semua efek akan terhitung dengan teks baru. Keren!
Langkah 36: Mentransfer Efek ke efek grunge pertama
Dengan menerapkan filter Offset pada efek pertama, saya dapat mentransfer efek yang terkelupas dengan cepat. Matriks pergeseran masih tetap sama.
Langkah 37: Solusi untuk latar belakang yang tidak berwarna solid
Efek grunge dalam kasus ini diterapkan pada latar belakang hitam dan dapat disesuaikan kembali dengan bantuan Hauran Warna dalam warna latar belakang. Namun bagaimana jika latar belakang tidak solid?
Solusi terbaik adalah meneruskan efek grunge langsung hingga ke latar belakang. Saya mengaktifkan lapisan teratas dengan efek grunge. Transparansi yang menembus, disebut juga gurat, dibuat dengan mudah dengan mengatur Opasi Isi Lanjutan ke Aksi Tunggal dengan mengatur opasitas area 0 persen. Maka tidak masalah apapun latar belakang yang digunakan.
Dalam efek grunge, latar belakang selalu terlihat, seperti dalam kasus ini berupa perpaduan warna biru. Yang penting, latar belakang harus ditempatkan sebagai lapisan latar. (Jika tidak, seperti biasa: Pilih latar belakang, kemudian di menu pilih Lapisan>Baru>Latar belakang dari lapisan).
Apa yang terjadi sebenarnya? Guratan menciptakan pengusiran transparansi dari semua lapisan yang mendukung dalam dokumen. Sekarang, semua transparansi dalam dokumen mulai dari lapisan dengan pengaturan pengusiran yang kuat hingga lapisan di atas lapisan latar akan dihilangkan dengan tepat. Seperti proses pemotongan di dalam dokumen, tidak peduli berapa banyak lapisan yang terlihat dalam dokumen.
Lapisan transparan tepat di area teks ini disembunyikan. Karena lapisan latar tidak memiliki transparansi, maka pada area tersebut akan terlihat filter lapisan latar yang diterapkan. Sehingga, lapisan latar dapat menampilkan berbagai warna dan kecerahan yang mungkin. Hal ini akan terlihat.
Selain itu: Ada banyak font yang cocok untuk efek grunge tanpa harus melakukan yang lebih. Berikut adalah beberapa di antaranya:
- Trashed
- Sidewalk
- Dirty Ames
- Turbo Ripped
- Neoprint M319.
- Hawaii Lover dan Hawaii Killer
- King and Queen
- Marcelle
- Bleeding Cowboys
- Birth of a hero
- Alpaca 54
- A bite
- Acid label
- Doctor Atomic
- Tom violence
Bagi yang ingin menghemat waktu, bisa langsung menggunakan font yang sudah ada.
Namun, efek paling keren adalah saat kita membuatnya sendiri dan mempertahankan semua kemungkinan variasi.
