Desain Latar Belakang dan Teks Stainless Steel Realistis [Tutorial Photoshop]

Perancang web dan webmaster dulu suka baja dingin atau jenis logam efek sebelum Web 2.0 badai masuk dan menyapu semuanya; meninggalkan WWW dengan situs web gradien yang mengkilap dan kasar. Apple.com selalu terkait dengan desain antarmuka Web 2.0 yang bagus tetapi orang-orang ini tidak pernah kehilangan efek hitam dan perak yang keren atau gagal untuk membuatnya lebih baik dalam desain dan tipografi mereka.

Terinspirasi oleh desain mereka, saya mencoba untuk membawa gaya ini kembali ke desain pribadi saya dan dengan demikian menciptakan sesuatu yang agak solid, dan terlihat agak seperti sepotong logam stainless steel. Tutorial Photoshop lengkap setelah lompat.

Latar Belakang Stainless Steel

Langkah 1

Buat dokumen baru kosong dengan ukuran 600 × 400. Buat layer baru, beri nama 'Latar Belakang' dan isi dengan warna abu-abu [# c0c0c0]. Duplikat 'Latar Belakang' layer, beri nama layer baru 'latar belakang baja'dan letakkan di atas'Latar Belakang'.

Langkah 2

Dengan lapisan 'latar belakang baja' dipilih, terapkan Saring -> Tambah Kebisingan dan masukkan pengaturan berikut:

• Jumlah: 14.21
• Distribusi: Gaussian
• Monokromatik diperiksa

Langkah 3

Dengan 'latar belakang baja'Lapisan masih dipilih, pergi Filter -> Mengaburkan -> Motion Blur dan masukkan pengaturan berikut:

• Malaikat: 0
• Jarak: 34 piksel

Klik kanan 'latar belakang baja', pilih Opsi Blending dan masukkan pengaturan berikut untuk Gradient Overlay - Gradient Editor:

Warna Berhenti 1

• Warna: # 000000
• Opacity: 50%
• Lokasi: 0%

Pemberhentian Warna 2

• Warna: #ffffff
• Lokasi: 50%

Berhenti Warna 3

• Warna: # 000000
• Opacity: 50%
• Lokasi: 0%

Teks Logam

Langkah 4

Latar belakang baja stainless Anda pada dasarnya sudah selesai, kami akan melanjutkan dari sana untuk memasukkan teks logam yang akan terlihat cocok. Menggunakan Alat Teks, tulis sesuatu di tengah, lebih disukai dengan font think fat (Saya menggunakan Myriad Pro Bold di sini). Klik kanan (atau klik dua kali) layer teks untuk meluncurkan Opsi Blending dialog.

1. Drop Shadow

• Opacity: 38%
• Jarak: 1px
• Spread: 1%
• Ukuran: 2px

• Kedalaman: 100%
• Ukuran: 0px
• Lembutkan: 0px
• Opacity Sorot: 42%
• Shadow Opacity: 32%

Teks Anda akan terlihat seperti di bawah ini.

Langkah 5

Inilah sesuatu yang perlu Anda ikuti dengan ketat. Tahan tombol Kontrol (Mac: Tombol perintah) dan klik kiri pada layer teks untuk menyorot garis besarnya. Pastikan garis besarnya masih ada, pilih 'latar belakang baja'layer, dan tekan Control + J (Mac: Command + J)

Dengan melakukan ini, Anda menduplikasi latar belakang baja dalam bentuk teks Anda. Ubah nama layer menjadi 'latar belakang teks'dan pindahkan ke atas.

Langkah 6

Ubah 'latar belakang teksuntuk Warna terbakar, bawa itu Kegelapan ke 67%.

Hasil akhir Anda akan terlihat seperti gambar di bawah ini.

Unduh file .PSD.