Teks kaca transparan merupakan salah satu efek gaya teks paling populer di Photoshop yang memberikan sentuhan elegan, modern, dan profesional pada desain. Baik untuk logo, grafik header, atau proyek kreatif - efek ini mengesankan dengan representasi kaca yang realistis, menangkap cahaya dan bayangan. Dalam tutorial ini, saya akan menunjukkan langkah demi langkah bagaimana Anda dapat membuat efek teks kaca transparan menggunakan Photoshop. Kita akan menggunakan alat-alat sederhana seperti gaya layer, gradien, dan efek untuk mencapai hasil yang meyakinkan. Mari kita mulai dan membuat teks Anda bersinar!

1. Latar Belakang

Kita akan membuat dokumen baru dengan ukuran 700 x 400 piksel. Dan untuk yang ingin mencetaknya: Gunakan resolusi 300 ppi.

Teks kaca transparan

Pertama-tama, kita akan membuat latar belakang gradasi yang cantik. Sebagian besar gradasi terdiri dari dua warna. Namun di Photoshop, kita dapat menggunakan beberapa warna untuk membuat gradasi yang lebih kompleks.

Kita akan membuat gradasi radial:

Teks kaca transparan

Untuk pegangan pertama, pilih warna: #790d3c, klik di tengah batang warna, dan pilih warna: #4a0823. Pada yang terakhir: #2c0414.

Teks kaca transparan

Kemudian, seret gradasi dari kanan bawah ke kiri atas sehingga kita memiliki cahaya di pojok bawah kanan.

Teks kaca transparan

2. Teks

Langkah berikutnya, ambil alat teks. Saya telah memilih jenis huruf "Adobe Caslon Pro" yang disertakan dalam Suite Kreatif. Ukuran teks dalam contoh ini adalah 75,92Pt. Sekarang yang terakhir adalah warna yang sesuai. Atur warnanya dengan mengklik kotak warna di pojok kanan atas.

Teks kaca yang transparan

Di situ, masukkan nilai berikut: #a9419c.

Teks kaca yang transparan

Untuk hasil sementara kita:

Teks kaca transparan

Kita atur kekuatan bayangan lapisan menjadi 28%, sehingga teks kita terlihat transparan untuk sementara.

Teks kaca transparan

Lalu, kita klik dua kali pada lapisan "PSD" atau pilih tombol fx di bagian bawah panel layer untuk membuka efek lapisan. Pertama-tama, centang kotak bayangan: drop shadow. Berikut nilai-nilainya:

Teks kaca yang transparan

Kita akan mendapatkan hasil berikut:

Teks kaca yang transparan

Langkah selanjutnya, pilih bayangan di dalam dan atur nilai-nilai berikut:

Teks kaca transparan

Dan kita akan mendapatkan hasil berikut:

Teks kaca yang transparan

Sinar keluar:

Teks kaca transparan

Hasil sementara:

Teks kaca yang transparan

Sinar ke dalam:

Teks kaca yang transparan

Pinggiran Datar dan Relief:

Teks kaca yang transparan

Kontur:

Teks kaca transparan

Hasil sementara:

Teks kaca transparan

Cahaya: Untuk warna metode pengisian, cukup klik pipet sekali di latar belakang gelap di sebelah huruf "P".

Teks kaca transparan

Hasil sementara:

Teks kaca transparan

Kontur:

Teks kaca transparan

Hasil sementara:

Teks kaca transparan

3. Membuat Pantulan

Sekarang kita akan membuat pantulan kecil di bagian bawah "D". Pertama, pilih seluruh teks dengan menahan tombol Ctrl dan mengklik thumbnail layer kita.

Teks kaca transparan

Selanjutnya, buatlah layer baru.

Teks kaca transparan

Kemudian pilih alat gradients dan pilih gradients Putih-ke-Transparan. Pastikan opsi Radial Gradients masih aktif...

Teks kaca transparan

... dan tarik gradients seperti yang ditunjukkan dalam gambar di bawah.

Teks kaca transparan

Hasil:

Teks kaca yang transparan

Kita juga dapat menyembunyikan selection dengan menekan Ctrl+H. Ini akan memungkinkan kita untuk mengevaluasi hasil dengan lebih baik saat kita membuat gradients kedua.

Teks kaca transparan

Maka kita akan membuat gradients kedua seperti yang ditunjukkan dalam gambar. Ini akan memperkuat penampilan pantulan.

Teks kaca transparan

Selanjutnya, tekan Ctrl+D untuk menghapus seleksi yang disembunyikan. Ganti nama layer atas kita menjadi "Pantulan bawah". Untuk menyesuaikan gradients dengan teks kita, pilih metode pengisian: Multiply.

Teks kaca yang transparan

Dengan demikian, kita mendapatkan hasil sementara berikut:

Teks kaca transparan

Kita lanjutkan langkah yang sama untuk sudut kiri atas: Pilih teks dengan menahan tombol Ctrl pada thumbnail layer.

Teks kaca yang transparan

Buat layer baru, beri nama "Pantulan atas" ...

Teks kaca transparan

... dan buat gradients baru dengan Radial gradients Putih-ke-transparan, seperti yang ditunjukkan di bawah...

Teks kaca transparan

Hasil sementara:

Teks kaca transparan

Kemudian, hapus seleksi dengan Ctrl+D ...

Teks kaca transparan

... dan ubah opacity menjadi 30%.

Teks kaca transparan

Hasil sementara:

Teks kaca transparan

Untuk mendapatkan pantulan yang lebih kuat, kita mulai dengan membuat seleksi ellips di setengah atas huruf kita ... (tahan tombol space saat membuat ellips untuk memindahkannya sekaligus).

Teks kaca yang transparan

Kemudian, invert seleksi dengan menekan Ctrl+Shift+I, ...

Teks kaca yang transparan

... dan hapus sisa gradients dengan tombol Delete untuk mendapatkan pinggiran pantulan yang tajam.

Teks kaca transparan

4. Membuat Sorotan (2 Variasi)

Untuk menambahkan kilauan tambahan, kita akan membuat sorotan kecil. Ada beberapa variasi. Saya akan menjelaskan 2 di antaranya, yaitu dengan menggunakan bintang poligon dan pancaran cahaya.

Variasi 1: Bintang Poligon

Kita mulai dengan bintang poligon. Buat layer baru dan beri nama "Bintang".

Teks kaca transparan

Kemudian pilih alat polygon tool ...

Teks kaca transparan

... klik pada bilah kontrol kecil ke arah bawah dan ...

Teks kaca yang transparan

... pilih opsi Bintang di sana.

• Kami atur Menjepit halaman menjadi 98%, untuk mendapatkan ujung yang sangat tajam. Kemudian di bagian Halaman kita masukkan 5, untuk mendapatkan 5 ujung per bintang.

Teks kaca yang transparan

Yang penting sekarang adalah kita telah mengatur warna latar depan menjadi Putih. Kita tempatkan bintang-bintang di tempat yang paling terang ...

Teks kaca yang transparan

Inilah bentuk akhirnya. :)

Teks kaca transparan



Sekarang kita akan fokus pada variasi kedua. Namun sebelumnya, kita akan membersihkan palet lapisan kita dengan mengelompokkan lapisan poligon kita ke dalam satu grup (dengan memilih lapisan yang sesuai dan menekan Ctrl+G). Kemudian kita dapat menyembunyikan grup ini dengan satu kali klik. Grup ini dapat diberi nama "Bintang-bintang".

Variasi 2: Membuat Kecerahan sebagai Kuas

Saat ini saya akan menunjukkan cara yang sangat efisien bagi Anda untuk menempatkan kecerahan dengan cepat dan mudah. Untuk ini, kita memerlukan dokumen baru dengan area kerja 2000 x 2000 piksel (kami membutuhkannya, karena kecerahan ini akan sangat besar meskipun dalam keadaan kecil ;) ).

Teks kaca yang transparan

Kita isi latar belakang dengan hitam ...

Teks kaca yang transparan

... dan kita buka kecerahan kita.

Teks kaca yang transparan

Sekarang kita harus memastikan bahwa kita menempatkan kecerahan di tengah sebisa mungkin, agar cahaya di sekitarnya ikut masuk ke area kerja kita.

Teks kaca yang transparan

Bagi yang memperhatikan atau melihat monitor dari sudut atas, akan dapat melihat bahwa kecerahan kita hampir menyentuh tepi atas dengan sangat dekat. ;)

Teks kaca transparan

Tetapi untungnya, kami masih berhasil menjangkau semuanya. Oleh karena itu, sekarang tekan Ctrl+ I, untuk mengubah lapisan kita.

Teks kaca yang transparan

Selanjutnya, kita pilih seluruh lapisan dengan kombinasi tombol Ctrl+A, pergi ke Edit>Tetapkan Baki Pinsel ...

Teks kaca transparan

... dan simpan kecerahan kami sebagai Kuas.

Teks kaca transparan

Kembali ke dokumen kami, pertama-tama buat lapisan baru dan beri nama "Kecerahan".

Teks kaca transparan

Sekarang kita dapat memanggil Kuas yang baru dibuat dalam palet Kuas.

Teks kaca transparan

Pastikan sebelumnya bahwa Kuas kita tidak terlalu besar. Selain itu, warna latar depan harus berwarna Putih.

Teks kaca transparan

Kami membuat lapisan baru untuk setiap kecerahan dengan baik (agar dapat dipindahkan kembali sepenuhnya) dan menempatkannya di area yang terpantulkan dalam gambar kami.

Teks kaca yang transparan

5. Membuat Pantulan

Seperti halnya benda-benda yang mengkilap, biasanya meninggalkan pantulan. Dan itulah yang akan kami lakukan pada teks kami sekarang.

Pertama-tama kita membutuhkan salinan lapisan dari seluruh teks kami beserta refleksinya. Untuk ini, kami tandai lapisan "PSD", "Cahaya bawah", dan "Cahaya atas" dan seret dengan tombol mouse yang ditekan ke kertas bawah, untuk membuat salinan lapisan dari ketiga lapisan.

Teks kaca transparan

Kemudian tekan Ctrl+E, untuk menggabungkan duplikat ini menjadi satu lapisan.

Teks kaca transparan

Kemudian tekan Ctrl+T, untuk mentransformasikan lapisan. Lakukan Klik kanan pada lapisan transformasi dan pilih Memantulkan secara vertikal.

Teks kaca yang transparan

Kemudian kita menggeser bidang tersebut ke bawah menggunakan tombol panah sampai tepi bidang saling bersentuhan. Hal ini hanya terjadi pada huruf "S" dalam kasus ini. Dua huruf lainnya masih perlu disesuaikan.

Teks kaca transparan

Oleh karena itu, kita akan menggunakan Alat Pilihan Persegi dan pertama-tama memilih huruf "P".

Teks kaca transparan

Saat kita menekan "V" sekarang, kita telah siap menggunakan Alat Pergeseran. Dengan alat ini, kita dapat menggeser huruf "P" ke atas menggunakan tombol panah sampai tepi bawahnya bersentuhan. Jika kita menekan Ctrl+H, kita akan menyembunyikan tepi seleksi saat ini dan dapat dengan lebih baik menilai posisinya. Ini sangat membantu saat melakukan pergeseran.

Tidak masalah jika tepi bawah "P" terpotong, karena nanti akan disembunyikan juga.

Teks kaca transparan

Kita melakukan hal yang sama dengan huruf "D".

Teks kaca transparan

Selanjutnya, kita akan membuat Masker Lapisan pada lapisan ini …

Teks kaca transparan

… menjalankan Alat Gradien dan mengatur Gradien Hitam-Putih atau Gradien Hitam-Menjadi-Transparan. Pastikan opsi Gradien Linear sudah diaktifkan.

Teks kaca transparan

Kita mulai di tepi bawah dan tarik ke atas sebagaimana yang ditunjukkan dalam gambar. Kita juga dapat tetap menekan tombol Shift agar gradiennya lurus.

Teks kaca yang transparan

Dan kita mendapatkan hasil sementara berikut:

Teks kaca yang transparan

Seperti banyak pantulan, biasanya pantulan tersebut sangat lemah. Oleh karena itu, kita mengatur Opacity lapisan ini lebih rendah (44%), sehingga kita mendapatkan pantulan yang relatif realistis.

Teks kaca transparan



Dengan demikian, teks kita memiliki sedikit lebih ruang karena lantai terlihat melalui pantulan. Untuk menekankan ruang ini lebih jelas, kita akan membuat sebuah lantai.

Sebelumnya, kita akan menyusun sedikit struktur lapisan kita. Kita ubah nama lapisan yang baru dibuat menjadi "Refleksi". Karena refleksi berada di bawah teks, kita geser lapisan "Refleksi" di bawah lapisan "PSD". Kemudian kita kelompokkan teks bersama pantulan dan refleksi ke dalam satu grup dan beri nama grup tersebut "PSD". Dan ketiga lapisan tetesan lensa pun kita kelompokkan ke dalam grup tetesan lensa yang sama. Dengan demikian, struktur lapisan kita terdiri dari lapisan latar belakang, grup "PSD", grup "Bintang", dan grup "Tetesan Lensa".

Di bawah grup "PSD", kita akan membuat sebuah folder bernama "Lantai", di mana kita akan membuat grafik terakhir kita.

6. Membuat Lantai

Kita membuat lapisan baru di dalam grup lapisan "Lantai" dan memberinya nama "Lantai" juga. Kemudian kita menggunakan Alat Gradien kita.

Teks kaca transparan

Kita atur nilai warna berikut:

Teks kaca yang transparan

Lalu, kita tarik sebuah gradien yang bagus dari atas ke bawah dengan tetap menekan tombol Shift.

Teks kaca transparan

Hasil sementara:

Teks kaca yang transparan

Meskipun sudah terlihat bagus seperti ini, sebenarnya ini akan menjadi lantai kita. Sekarang, tekan Ctrl+T dan seret lapisan ke bawah dengan pegangan tengah atas hingga melebihi refleksi sedikit. Dengan begitu, teks tidak berada di belakang "ruang", tetapi sedikit lebih ke tengah.

Teks kaca yang transparan

Hasil sementara:

Teks kaca transparan

Jadi, ini adalah lantai virtual kita. Namun, lantai ini belum begitu meyakinkan karena tidak memiliki bayangan. Oleh karena itu, kita buat sebuah lapisan baru untuk bayangan dan geser di bawah lapisan "Lantai" kita.

Kita juga segera namai lapisan ini "Bayangan". Kemudian kita pilih kuas hitam dengan bentuk bulat yang lembut …

Teks kaca yang transparan

… dan tarik sedikit di luar dokumen sambil menahan tombol Shift sekali di sisi lantai.

Teks kaca yang transparan

Hasil sementara:

Teks kaca yang transparan

Sekarang bayangan kita agak terlalu kuat. Tapi tidak masalah, karena kita bisa menggeser sedikit ke bawah dengan menggunakan alat Perpindahan dan tombol panah, atau tekan lagi Ctrl+T dan geser pegangan bawah sedikit ke atas sehingga bayangan kita menjadi sedikit lebih tajam.

Teks kaca transparan

Kemudian kita dapat mengatur sedikit kepekaan bayangan (menjadi 60%).

Teks kaca yang transparan

Dan akhirnya kita mencapai tujuan. :)

Saya harap kalian menikmati tutorial ini, dan saya senang dengan setiap komentar. :)

Teks kaca yang transparan