Terakhir kali saya memperkenalkan detail penyempurnaan desain web di Photoshop, banyak teman yang merasa belum cukup bicara, dan beberapa teman ingin tahu cara membuat beberapa efek teks khusus di Photoshop. Faktanya, dalam desain web saat ini, tidak banyak efek teks yang umum digunakan, dan metode penerapannya juga sangat sederhana. Jadi saya harap konten berikut dapat bermanfaat bagi pemula dalam desain web.
Tutorial saya ini akan fokus pada 2 kata kunci: "gradien" dan "bayangan".
1. Kata-kata yang lebih bertekstur
Mari kita lihat dulu LOGO pada gambar, terlihat lebih bertekstur, teksnya membentang ke luar dan tidak melekat secara kaku pada halaman web. Ya, warna teksnya bukan isian warna tunggal, melainkan "gradien". Mengapa "gradien" terlihat lebih bertekstur? Ini karena menirukan efek pencahayaan alami, yaitu bagian highlight berada di atas teks , dan cahaya redup ada di bawah. Pada saat yang sama, jangan abaikan detail lainnya, yaitu “bayangan” teks.
Jadi bagaimana cara melakukannya?
Perhatikan angka 2 dan 3 pada gambar. Jika Anda masih belum tahu cara menambahkan gradien, silakan klik dua kali ruang kosong di sebelah kanan “Layer Name” pada panel layer, atau klik tombol kedua di gambar. gambar di bawah (pada panel lapisan di bawah) untuk membuka panel Styles.
"Gradient Overlay", lalu atur seperti gambar di bawah ini. Untuk warna gradien, pilih dua warna dengan warna yang sama tetapi dengan "kontras gelap dan terang". mensimulasikan efek pencahayaan.
Oke, yang tersisa hanyalah bayangannya. Klik "Bayangan" di sisi kiri panel gaya seperti biasa, lalu atur seperti gambar di bawah ini:
Mari kita lihat desain website lain yang menggunakan metode ini:
