Animasi efek kaca memberikan sentuhan elegan dan kedalaman pada tipografi dan desain Anda. Dengan transparansi dan sorotan yang reflektif, efek ini memberikan sentuhan modern dan menarik pada desain Anda. Baik untuk logo, judul, atau komposisi kreatif - efek ini pasti akan menarik perhatian semua orang. Dalam tutorial ini, saya akan menunjukkan langkah demi langkah bagaimana membuat efek kaca realistis di Photoshop yang dapat digunakan baik untuk teks maupun elemen desain. Mari kita mulai dan sempurnakan desain Anda!

Effek kaca pertama akan terlihat mengalir/keluar dari gambar latar belakang dan dengan demikian membentuk kesatuan dengan latar belakang.

Membuat efek kaca untuk tipografi dan tata letak

Effek kaca kedua tidak akan menyatu dengan latar belakang, melainkan lebih terletak di atas dan terlihat sedikit kabur hingga sedikit seperti kaca susu.

Membuat efek kaca untuk tipografi dan tata letak

Sumber gambar dalam tutorial ini: archaeopteryx_stocks

1. Bagian: Membuat Teks Efek Kaca Statis

Teks efek kaca pertama akan terlihat ringan seperti kaca murni yang terlihat agak ditekan keluar dari latar belakang.

Langkah 1: Membuat Dokumen Baru

Saya membuat dokumen baru dengan ukuran 1600x1200 px menggunakan Strg+N. Tergantung pada ukuran dokumen, pengaturan pada opsi pengisian dan filter bisa bervariasi.

Membuat efek kaca untuk tipografi dan layout

Langkah 2: Memilih Gambar Latar Belakang

Hal yang paling optimal adalah memilih gambar latar belakang dengan detail agar pembiasan melalui tulisan kaca juga terlihat. Gambar seperti awan sangat tidak ideal. Saya memilih gambar bunga, yang menampilkan struktur bunga yang jelas.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 3: Menempatkan Teks

Untuk mendapatkan efek kaca yang melengkung, lebih baik jika jenis huruf yang dipilih sudah memiliki kurva alami. Saya menulis huruf-huruf PSD dengan font ukuran 640 poin dengan warna hitam di dokumen.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 4: Membuat Lapisan Matriks untuk Efek Pemantulan Cahaya dengan Distorsi

Saya mengklik dengan Strg pada miniatur lapisan teks sehingga huruf-huruf terpilih.

Membuat efek kaca untuk tipografi dan tata letak

Saya membuka dialog Meningkatkan Tepi dengan pintasan Strg+Alt+R. Di sana saya mengatur Pembulatan dan Tepi yang Lebih Halus masing-masing sekitar 15 piksel. Pembulatan itu penting karena meskipun serif hurufnya sudah cukup bulat, tetapi bagian pembagian huruf itu sendiri - dalam hal ini efek Army dari font - terlalu sudut. Tepi yang lembut digunakan untuk membuat efek saat digabungkan dengan filter kaca menjadi lebih halus dalam transisi.

Membuat efek kaca untuk tipografi dan tata letak

Saya membuat lapisan baru dengan Strg+Shift+Alt+N dan mengisinya dengan warna putih. Mengisi dengan warna putih lebih cepat jika saya mengatur warna standar di bilah alat menggunakan pintasan D dan kemudian menggunakan warna latar belakang untuk mengisi dengan pintasan Strg+Tombol kembali. Hanya area yang dipilih yang akan diisi dengan putih!

Membuat efek kaca untuk tipografi dan tata letak

Dengan Strg+D saya hapus pemilihan. Saya membuat lapisan baru yang berada di bawah lapisan huruf putih - dengan menekan Strg dan Klik pada Simbol Lapisan Baru di bilah lapisan, lalu lapisan baru langsung ditempatkan di bawah lapisan saat ini! - dan mengisinya dengan hitam. Jika warna standar di bilah alat sudah diatur, pengisian dengan warna depan dilakukan dengan cepat menggunakan Alt+Tombol kembali.

Membuat efek kaca untuk tipografi dan tata letak

Saya menggabungkan semua lapisan yang terlihat menjadi satu, dengan memilihnya dan menggunakan pintasan Strg+E. Penting bahwa satu-satunya lapisan yang tersisa adalah lapisan latar belakang, karena filter berikutnya memerlukan matriks sebagai lapisan latar belakang. Jika matriks tidak diubah menjadi lapisan latar belakang yang tersisa, pembiasan melalui filter kaca tidak akan berhasil seperti yang diinginkan.

Melalui menu Lapisan>Baru>Latar Belakang dari Lapisan saya mengubah lapisan transparan menjadi lapisan latar belakang.

Buat efek kaca untuk tipografi dan tata letak

Sekarang saya menyimpan dokumen ini sebagai file PSD dengan nama Matrix-01-Original.psd.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 5: Menggunakan Filter Distorsi Kaca dengan Struktur Matriks

Pertama-tama saya memilih pintasan Alt+Z sebanyak yang diperlukan hingga menunjukkan kembali file kerja asli saya. Saya dapat terus bekerja di file kerja saat ini. Sangat baik jika saya menghapus lapisan-lapisan matriks yang tidak perlu dan menyimpan file kerja sebagai dokumen PSD.

Lalu saya memilih lapisan latar belakang saya. Jika lapisan itu belum menjadi Objek Pintar, saya bisa mengonversinya ke Objek Pintar dengan mengklik kanan di bilah lapisan dan memilih Objek Pintar. Keuntungan dari Filter Pintar adalah saya bisa mengubahnya kapan saja tanpa kehilangan kualitas. Jika sebuah lapisan dikonversi menjadi Objek Pintar, filter bisa diterapkan sebagai Filter Pintar.

Buat efek kaca untuk tipografi dan tata letak

Melalui menu Filter>Filter Distorsi>Glass saya memanggil filter Glass. Saya memilih Distorsi sebesar 20 dan Smoothing sebesar 15.

Yang penting sekarang saya masukkan matriks saya sebagai panduan struktur. Saya melakukannya dengan memanggil Menu Struktur>Memuat Struktur. Di jendela browser yang terbuka, saya memilih file PSD matriks yang sebelumnya saya simpan. Sekarang di pratinjau, terlihat bagaimana efek kaca buram menggantikan huruf.

Membuat efek kaca untuk tipografi dan tata letak

Efek sejauh ini terlihat seperti ini:

Membuat efek kaca untuk tipografi dan tata letak

Langkah 6: Aktifkan Kembali Lapisan Teks

Saya mengaktifkan kembali lapisan teks hitam yang saya buat di awal untuk membuat file PSD matriks.

Mengubah lapisan teks ke Smart-Objek sangat menguntungkan. Dengan begitu, teks itu sendiri dilindungi di dalam Smart-Objek-Original (file PSB), sementara penyuntingan berlanjut bersifat non-destruktif.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 7: Buat Efek Teks

Dalam opsi pengisian lapisan teks, saya dapat mengatur edge soft ringan dengan nilai-nilai berikut:

  • Kedalaman: 400 Persen
  • Ukuran: 8 Piksel
  • Smoothing: 4 Piksel
  • Sudut: 120 Derajat
  • Ketinggian: 30 Derajat
  • Mode Kedalaman: Multiply dengan Opasitas 40% dan Kecerahan 70% (B)

    Membuat efek kaca untuk tipografi dan tata letak



    Saya mengatur metode pengisian lapisan ke Overlay.

Sebab dalam tutorial ini sering kali dikatakan tentang nilai kecerahan, saya ingin menjelaskan apa yang saya maksud. Pemilih warna di Photoshop paling sesuai dengan model HSB dengan tiga nilai: Tone Warna (Hue), Saturation, dan Kecerahan (Brightness). Tone Warna (Hue) adalah bar warna kanan, Saturation dapat diatur dengan pergerakan kiri-kanan di pemilih warna, dan Kecerahan dengan pergerakan atas-bawah. Saat saya menyebut nilai kecerahan, saya hanya merujuk pada nilai B sesuai model HSB, tanpa memperdulikan Tone Warna atau Saturation.

Mode kedalaman telah ditetapkan dengan 70% Kecerahan. Oleh karena itu, gambar di pemilih warna terlihat seperti ini.

Buat efek kaca untuk tipografi dan tata letak

Efeknya sejauh ini tampak seperti ini:

Membuat efek kaca untuk tipografi dan tata letak

Langkah 8: Gunakan Filter Seni Penyaringan Plastik

Untuk memperkuat efek, saya akan menerapkan filter seni. Sebelumnya saya mengonversi lapisan teks saya menjadi Smart-Objek, sehingga perubahan opsi pengisian dll. tetap dapat dilakukan tanpa kehilangan kualitas.

Saya memilih pengaturan kontrol maksimum pada filter seni Plastik:

- Kilau: 20

- Detail: 15

- Smoothing: 15

Membuat efek kaca untuk tipografi dan tata letak

Efeknya terlihat lebih berkilauan, mirip dengan bola kaca.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 9: Terapkan Filter Sekali Lagi

Untuk menonjolkan efek lebih lanjut, saya cukup pilih Ctrl+F untuk menerapkan kembali filter terakhir.

Dalam panel lapisan, di Smart-Objek akan muncul dua kali filter cerdas Plastik, yang sekarang dapat saya ubah jika diperlukan.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 10: Bayangan ke Dalam dan Bayangan Tersembunyi

Terakhir, saya dapat menambahkan sedikit bayangan ke dalam pada lapisan saya dengan kecerahan 85 persen agar huruf juga sedikit terpinggirkan, sebenarnya hampir tidak terlihat.

Saya panggil opsi pengisian lapisan untuk lapisan dan atur Kecerahan bayangan melalui pemilih warna. Saya juga melakukan penyesuaian tambahan berikut:

  • Opasitas: 70 Persen
  • Jarak: 1 Piksel
  • Ukuran: 1 Piksel
  • Kontur setengah lingkaran

    Karena bayangan ke dalam dihitung dari satu sudut cahaya, saya juga perlu membuat Bayangan Tersembunyi yang menghasilkan efek yang sama di sisi yang berlawanan.

    Pengaturannya sama dengan Bayangan ke Dalam.

    Membuat efek kaca untuk tipografi dan tata letak

Langkah 11: Variasi

Efek ini sangat mudah divariasikan. Saya bisa, misalnya, memilih mode berbeda dalam opsi pengisian untuk Smart Filters dan melihat bagaimana efeknya berubah. Saya juga bisa dengan mudah menduplikasi lapisan teks saya dan menggabungkannya dalam berbagai mode layer.

Saya juga bebas untuk kapan saja menerapkan filter tambahan pada lapisan teks. Sehingga saya memiliki hampir tak terbatas kemungkinan variasi.

Pada contoh ini, saya bisa membayangkan transisi yang lebih lancar dari latar belakang ke efek kaca. Oleh karena itu, saya memilih huruf teks lagi dengan menekan Ctrl dan Klik pada miniatur lapisan, kemudian memanggil dialog Perbaikan Tepi. Seleksi diberikan afround dan edge lembut minimal agar transisi dari teks ke latar belakang terjadi dengan halus.

Membuat efek kaca untuk tipografi dan tata letak

Saya membuat sebuah layer baru dengan pintasan Strg+Shift+Alt+N dan mengisinya dengan warna hitam; saat Warna Standar di Toolbar diaktifkan, saya menggunakan pintasan Alt+Tombol Kembali.

Membuat efek kaca untuk tipografi dan tata letak

Saya menghilangkan seleksi dengan Strg+D. Sekarang saya bisa dengan mudah menarik dan melepaskan Opsi Isian dan Smart Filter layer teks yang sudah ada ke layer baru dengan memakai pintasan Alt. Opsi Isian dan Smart Filter akan terduplikasi. Saya nonaktifkan Bayang-bayang dan Bayangan ke Dalam dalam kasus ini. Setelah itu, saya bisa menonaktifkan layer teks asli dan mengatur layer teks baru ke mode layer Terpadu.

Membuat efek kaca untuk tipografi dan tata letak

Efek akhir saya akan terlihat lebih lembut dan mulus di transisi. Sebagai variasi kecil, saya menggunakan teknik Tepi Datar dan Relief diatur sebagai Cincin Keras.

Membuat efek kaca untuk tipografi dan tata letak



Kerugian dari efek kaca ini adalah bahwa saya tidak bisa dengan mudah mengubah posisi teks saya. Jika saya mengubah posisi, saya juga harus mengubah matriks terkait. Namun, ada cara untuk membuat teks efek kaca saya lebih dinamis, sehingga pembiasan cahaya akan menyesuaikan dengan posisi teks yang baru kapan pun diperlukan.

2. Bagian: Membuat Teks Efek Kaca Dinamis

Teks efek kaca dinamis ini memiliki keunggulan bahwa saya bisa mengubah huruf-huruf secara tekstual dan ukurannya kapan pun, serta bisa memindahkan keseluruhan teks dalam dokumen. Pembiasan cahaya tetap ada dan akan secara otomatis menyesuaikan dengan latar belakang baru.

Sebagai contoh, teks saya akan terlihat tidak sepenuhnya transparan seperti contoh pertama, tetapi akan lebih redup hingga terlihat seperti kaca susu dan diletakkan di atas latar belakang. Dalam tutorial ini, saya akan menunjukkan dua cara yang mungkin untuk membuat teks efek kaca yang berbeda.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 1: Membuat Dokumen Baru

Saya membuat dokumen baru dengan ukuran 1600x1200px melalui Strg+N. Tergantung pada ukuran dokumen, pengaturan di Opsi Isian dan Filter dapat bervariasi.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 2: Memilih Latar Belakang

Saya memilih gambar bunga lagi dalam contoh ini, di mana struktur jelas dari bunga tersebut terlihat.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 3: Menempatkan Teks



Untuk mencapai efek kaca yang bulat, lebih baik jika jenis huruf yang dipilih sudah memiliki bulatan alami. Saya menulis huruf-huruf PSD dengan ukuran Army 640 poin dalam warna apa pun ke dalam dokumen.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 4: Mengurangi Opacity menjadi 0 Persen

Saya mengurangi Opacity menjadi 0 persen. Perbedaan antara Opacity dan Fill akan terlihat jelas dalam tutorial ini. Sementara Opacity dapat mengubah transparansi konten layer serta Layer Style, Fill dapat mengubah konten layer saja. Layer Style yang dipilih (melalui Opsi Isian) tetap terlihat.

Karena belum ada pengaturan Opsi Isian yang dilakukan, tampilan saat ini dari layer teks benar-benar tersembunyi.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 5: Setting Efek Kaca

Dengan berbagai Opsi Isian, saya membuat huruf-huruf saya memiliki efek kaca. Penting: Sesuaikan pengaturan di Opsi Isian berdasarkan ukuran dokumen dan huruf.

Bayang-bayang:

Bayang-bayang mendapat kecerahan 45% dengan opsi berikut:

  • Metode Mengisi Multiply
  • 60 persen Opacity
  • Jarak 12 Piksel
  • Ukuran 10 Piksel
  • Kontur setengah lingkaran, halus

    Membuat efek kaca untuk tipografi dan tata letak

Efek Shadow:

Membuat efek kaca untuk tipografi dan tata letak



Shadow Inside:

Bayangan di dalam mendapat kecerahan 90% dengan opsi berikut:

  • Metode Mengisi Multiply
  • 85 persen Opacity
  • Jarak 15 Piksel
  • Penyelarasan bawah 30 persen
  • Ukuran: 57 Piksel
  • Kontur linear, halus

    Membuat efek kaca untuk tipografi dan tata letak

Cahaya Terpancar:

Sinar di luar akan memiliki kecerahan 20% dengan opsi berikut:

  • Metode Pengisian Negatif Perkalian
  • Opasitas: 60 Persen
  • Ukuran 10 Piksel
  • kontur setengah bulat yang dihaluskan dalam area 70%

    Membuat efek kaca untuk tipografi dan layout

Sudut Pipih dan Relif:

Sudut pipih di dalam dipahat dengan keras. Sebagai variasi, beralih ke sudut bulat!

Pilihan berikut harus dipilih:

  • Kedalaman: 100 Persen
  • Ukuran: 20 Piksel
  • Melembutkan: 8 Piksel
  • Sudut 120 Derajat
  • Tinggi 70 Derajat

    - Mode Kedalaman dengan kecerahan 60% pada 40 persen Opasitas

    Membuat efek kaca untuk typo dan tata letak

Effek sejauh ini dengan pengaturan tertentu:

Membuat efek kaca untuk tipografi dan tata letak

Kilau:

Kilau mendapatkan kecerahan 70% dengan opsi berikut:

  • Metode Pengisian Redam Warna
  • Opasitas: 40 Persen

    - Sudut 100 Derajat
  • Jarak 100 Piksel
  • Ukuran 100 Piksel
  • kontur linear yang diphaluskan

    Membuat efek kaca untuk tipografi dan tata letak



    Selesai, huruf dalam gaya kaca telah selesai. Dengan variasi pada Opsi Pengisian, saya dapat menyesuaikan efek kaca dengan sangat individu.

Saya sengaja bekerja dengan skala keabuan dalam gaya lapisan agar teks kaca juga dapat dengan mudah diterapkan pada latar belakang lain tanpa perlu menyamakan warna pada opsi pengisian gambar baru. Metode pengisian Redam warna di tab Kilau sudah memberikan sentuhan warna yang diperlukan!

Membuat efek kaca untuk teks dan tata letak

Langkah 6: Buat Lapisan Matriks untuk Pembiasan Cahaya dengan Distorsi

Saya menduplikasi lapisan teks menggunakan pintasan Strg+J. Dengan menekan Strg dan Klik pada Ikon Lapisan Baru di Jendela Pengaturan Lapisan, saya membuat lapisan baru di bawah lapisan teks duplikat saya. Lapisan ini saya isi dengan warna abu-abu dengan kecerahan 60%.

Membuat efek kaca untuk tipografi dan layout

Semua Opsi Pengisian kecuali Bayangan di dalam akan dinonaktifkan dalam lapisan teks. Saya juga menjelajahi Bayangan di dalam dalam Opsi Pengisian. Di sana saya mengurangi nilai kecerahan abu-abu saya menjadi sekitar 50%, sehingga Bayangan di dalam sedikit lebih kuat.

Membuat efek kaca untuk tipografi dan tata letak

Saya tanda tangani semua lapisan dan menggabungkannya menggunakan pintasan Strg+E. Penting bahwa setelah penggabungan menjadi satu lapisan, itu diatur sebagai lapisan latar belakang, karena filter kaca berikutnya memerlukan matriks sebagai lapisan latar belakang. Jika matriks bukan lapisan latar belakang yang disederhanakan, efek pembiasan melalui filter kaca tidak akan berhasil seperti yang diinginkan. Melalui menu Lapisan>Baru>Latar Belakang dari Lapisan saya dapat mengubah lapisan transparan menjadi lapisan latar belakang.

Membuat efek kaca untuk tipografi dan layout



Matriks sudah dibuat. Sekarang saya menyimpan dokumen ini sebagai file PSD dengan nama matrix-02-original.psd.

Langkah 7: Terapkan Filter Kaca dengan Struktur Matriks

Saya kembali ke tahap sebelumnya sebelum membuat matriks dengan menggunakan pintasan Strg+Alt+Z. Pertama-tama, saya menduplikasi gambar latar belakang saya dengan menggunakan Strg+J.

Membuat efek kaca untuk tipografi dan tata letak

Saya membuka salinan dan memilih filter distorsi Kaca. Sebagai Struktur, saya muat lapisan matriks saya.

Saya dapat menyeting efek distorsi saya sesuai keinginan di pengaturan. Saya memilih:

  • Distorsi: 18
  • Peglileran: 12

    Membuat efek kaca untuk tipografi dan tata letak



    Saya konfirmasi dengan OK. Tepat di tempat teks saya, sekarang teks saya telah direfraksikan. Efek kaca terlihat nyaris realistis melalui pembiasan cahaya.

Agar efek hanya ditampilkan di area teks dan tidak menyebabkan tepi yang terpecah, saya tinggal memilih teks dengan menekan Strg dan Klik pada Miniatur Lapisan di Jendela Pengaturan Lapisan dan tambahkan seleksi saya ke masker Smartfilter di filter kaca saya. Maka efeknya akan dipotong persis di area tempat efeknya seharusnya terlihat.

Membuat efek kaca untuk tipografi dan tata letak

Effek sudah selesai. Jika proses melalui matriks terlalu rumit, Anda juga dapat menggunakan filter Getaran. Meskipun efeknya tidak optimal, namun cukup mendekati pembiasan cahaya yang autentik.

Membuat efek kaca untuk tipografi dan tata letak

Ketika saya ingin memindahkan teks saya sekarang, saya menyadari bahwa pembiasan cahaya di lapisan latar duplikat tidak ikut bergerak. Itu membuat saya kesal, karena sekarang saya harus mengatur matriks baru lagi untuk penempatan akhir teks saya.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 8: Membuat Matriks Standar

Lebih baik untuk membuat matriks standar untuk efek ini dari awal, di mana semua penempatan teks mungkin terlihat baik.

Saya membuka lagi file matrix-02-original.psd saya, menduplikasi teks beberapa kali, dan menempatkan duplikat tersebut menutupi dokumen. Ini bisa saya lakukan karena file PSD hanya terdiri dari lapisan latar belakang, yang paling cepat dapat saya lakukan dengan Clone Stamp.

Membuat efek kaca untuk tipografi dan tata letak



Dalam contoh ini, teks PSD hanya disalin. Saya juga bisa dengan mudah menggunakan Kuas gelap untuk menggambar struktur tertentu dalam matriks, yang kemudian akan dihitung. Ini memastikan bahwa setelah penghitungan kaca, tidak ada tanda yang terlihat di dalam huruf.

Kemudian saya menyimpan dokumen sebagai matrix-02-standard.psd.

Langkah 9: Menjalankan Filter Kaca dengan Matriks Standar

Karena filter distorsi Kaca telah diterapkan sebagai Smart Filter, saya membuka kembali dengan Double-click. Saya memperbarui Presets Struktur di menu filter dengan file matriks baru matrix-02-standard.psd.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 10: Menyusun Ulang Bangunan Layer

Saya sekarang dapat menghapus masker Smart Filter. Karena ketika teks ingin bergerak dalam dokumen, sebuah masker terlalu statis. Saya meletakkan layer dengan efek filter baru di bagian paling bawah di Panel Layers. Di atasnya adalah gambar latar belakang asli.

Saya juga harus mengubah layer dengan efek filter dari transparan menjadi lapisan latar belakang. Saya lakukan itu melalui menu Layer>New>Background from Layer.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 11: Menggunakan Teknik Cutting Out

Effek ini tidak terlihat lagi karena struktur layer baru. Pada langkah berikutnya, kita akan membawa kembali efek pembiasan cahaya ke dalam gambar.

Saya membuka Layer Options untuk layer teks saya dan mengaktifkan cutting out yang kuat di bawah Advanced Fill Options.

Membuat efek kaca untuk tipografi dan tata letak

Sekarang semua transparansi dalam dokumen, mulai dari bentuk teks dari layer teks hingga lapisan latar belakang diselipkan. Seperti pemotongan dalam dokumen, tidak peduli berapa banyak layer yang terlihat dalam dokumen. Layer transparan akan disembunyikan di titik teks ini. Karena lapisan latar belakang tidak memiliki transparansi, filter yang diterapkan pada lapisan latar belakang akan terlihat selalu di titik ini.

Membuat efek kaca untuk tipografi dan tata letak

Dengan demikian, saya dapat memindahkan teks ke mana saja dan efek pembiasan cahaya akan tetap ada di dalam huruf. Lapisan latar belakang yang sebelumnya diduplikasi memastikan bahwa semua area lain tanpa efek pembiasan cahaya ditampilkan.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 12: Alternatif untuk Cutting Out: Clipping Mask

Teknik cutting out sayangnya tidak begitu dikenal dan sedikit statis untuk variasi efek tersebut. Namun, masih ada alternatif bagus, yang lebih fleksibel untuk variasi: Clipping Mask.

Saya kembali ke langkah sebelumnya dengan shortcuts Ctrl+Alt+Z, sehingga saya mendapatkan kembali lapisan latar ke bentuk Smart Object dengan filter pintar Kaca. Saya menonaktifkan pemotongan dalam Layer Options dari layer teks. Layer efek pembiasan cahaya, yaitu Smart Object yang baru didapatkan, saya tempatkan di atas layer teks.

Membuat efek kaca untuk tipografi dan tata letak

Dengan Klik antara layer teks dan layer efek pembiasan cahaya di Panel Layers, saya membuat Clipping Mask. Hal yang sama juga bisa saya capai dengan shortcut Ctrl+Alt+G.

Clipping Mask membuat efek pembiasan cahaya ditampilkan dipotong sesuai dengan layer teks.

Efek akan terlihat ketika saya mengatur Opacity slider dari 0 persen kembali ke 100 persen. Keuntungan menggunakan Clipping Mask adalah bahwa saya tidak perlu lapisan latar belakang dan teori layer juga dapat digunakan sebagai Smart Object dengan Smart Filters dan kemungkinan variasi efek tanpa kehilangan.

Membuat efek kaca untuk tipografi dan tata letak

Langkah 13: Variasi

Variasi pada huruf teks sangat mudah melalui font lain serta Layer Options.

Effek pembiasan cahaya dapat divariasikan dalam filter distorsi Kaca; ini juga dapat dilakukan dengan baik menggunakan preset Kubus. Anda juga dapat menggunakan Keriting atau Gelombang Laut untuk efek pembiasan yang baik. Jika efek pembiasan terlalu lemah, saya bisa dengan mudah menerapkan filter lagi pada layer dengan Ctrl+F.

Karena efeknya diterapkan dalam Layer Options secara netral dalam warna - artinya mayoritas bekerja dengan nilai abu-abu untuk perhitungan, serta metode pengisian Color Dodge di bawah Shine -, lapisan latar belakang juga dapat dengan mudah ditempatkan di dekat teks. Penyesuaian yang diperlukan hanyalah bahwa matriks harus dijalankan sekali melalui filter kaca pada latar belakang baru.

Dalam contoh ini, saya telah menempatkan gambar latar belakang baru, kemudian menduplikasinya. Duplikat tersebut juga diaplikasikan sebagai Clipping Mask untuk layer teks. Dengan menggunakan Alt, saya bisa menarik filter pintar dari layer efek pembiasan yang ada ke latar belakang baru yang saya duplikat. Dengan cara ini, efek sangat cepat disesuaikan dengan latar belakang lain.

Membuat efek kaca untuk tipografi dan tata letak

Ada cara variasi lain seperti menambahkan sedikit efek lenturan atau ketajaman pada pembiasan cahaya. Hal ini sangat berguna saat menggunakan matriks standar untuk meratakan struktur yang keras dalam efeknya. Cukup menggunakan nilai efek lenturan sebesar 2 piksel.

Membuat efek kaca untuk tipografi dan tata letak

Daripada menggunakan efek lenturan, penggunaan ketajaman dengan filter cerdas High Pass sangat bagus. Pada opsi pengisi filter cerdas, saya atur metode pengisian menjadi Overlay! Dengan demikian, saya bisa mendapatkan sedikit lebih banyak ketajaman dan kontras dalam pembiasan, sehingga efek pembiasan cahaya terlihat lebih realistis.

Membuat efek kaca untuk tipografi dan tata letak

Terakhir, gambar asli lagi dengan filter High Pass:

Buat efek kaca untuk tipografi dan tata letak