Reka Bentuk Latar Belakang Stainless Steel Realistik dan Teks [Tutorial Photoshop]

Pereka web dan webmaster yang digunakan untuk menyukai kesan keluli sejuk atau jenis logam sebelum Web 2.0 ribut dan membasuh segala-galanya; meninggalkan WWW dengan laman web kecerunan, berkilat, kasar. Apple.com sentiasa dikaitkan dengan reka bentuk antara muka Web 2.0 yang baik tetapi orang-orang ini tidak pernah kehilangan kesan hitam dan perak yang sangat keren atau gagal untuk membuatnya lebih baik dalam reka bentuk dan tipografi mereka.

Diilhamkan oleh reka bentuk mereka, saya cuba untuk membawa gaya ini kembali ke reka bentuk peribadi saya dan dengan itu mencipta sesuatu yang agak kukuh, dan kelihatan sedikit seperti sekeping logam keluli tahan karat. Tutorial Photoshop penuh selepas melompat.

Latar Keluli Tahan Karat

Langkah 1

Buat dokumen baru kosong pada saiz 600 × 400. Buat lapisan baru, namakannya 'latar belakang' dan isi dengan warna kelabu [# c0c0c0]. Duplikat 'latar belakang' lapisan, namakan lapisan baru 'latar belakang keluli'dan letakkannya di atas'latar belakang'.

Langkah 2

Dengan lapisan 'keluli keluli' dipilih, terpakai Penapis -> Tambah Noise dan masukkan tetapan berikut:

• Amaun: 14.21
• Pengagihan: Gaussian
• Monochromatic diperiksa

Langkah 3

Dengan 'latar belakang keluli'lapisan masih dipilih, pergi Penapis -> Blur -> Gerakan kabur dan masukkan tetapan berikut:

• Malaikat: 0
• Jarak: 34 piksel

Klik kanan 'latar belakang keluli', pilih Pilihan Blending dan masukkan tetapan berikut untuk Overlay Gradien - Editor Gradien:

Hentikan Warna 1

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

Hentikan Warna 2

• Warna: #ffffff
• Lokasi: 50%

Henti Warna 3

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

Teks Logam

Langkah 4

Latar belakang keluli tahan karat anda pada asasnya selesai, kami akan terus dari sana untuk memasukkan teks logam yang sepadan dengan pencocokan. Menggunakan Alat Teks, tulis sesuatu di tengah, lebih baik dengan font lemak fikir (saya menggunakan Myriad Pro Bold di sini). Klik kanan (atau klik dua kali) lapisan teks untuk melancarkan Pilihan Blending dialog.

1. Drop Shadow

• Kelegasan: 38%
• Jarak: 1px
• Sebarkan: 1%
• Saiz: 2px

• Kedalaman: 100%
• Saiz: 0px
• Melembutkan: 0px
• Serlahkan Opacity: 42%
• Kelegapan bayang-bayang: 32%

Teks anda harus melihat sesuatu yang serupa dengan yang berikut.

Langkah 5

Inilah sesuatu yang perlu anda ikuti dengan ketat. Tahan kekunci Kawalan (Mac: Perintah utama) dan klik kiri pada lapisan teks untuk menyerlahkan garis besarnya. Pastikan garis besar masih ada, pilih 'latar belakang keluli'lapisan, dan tekan Control + J (Mac: Perintah + J)

Dengan melakukan ini, anda menduplikasi latar belakang keluli dalam bentuk teks anda. Namakan semula lapisan ke 'latar belakang teks'dan gerakkannya ke atas.

Langkah 6

Ubah 'latar belakang teks'to Burn Warna, bawa ia Kelegapan turun ke 67%.

Keluaran akhir anda harus melihat sesuatu yang serupa dengan imej di bawah.

Muat turun fail .PSD.