Reka bentuk tab Web 2.0 dengan Photoshop

Panduan berikut di bawah cuba memberi anda idea bagaimana untuk merancang menu tab yang licin bagus dalam Photoshop, gaya Web 2.0.

Langkah 1

Buat kanvas baru dengan latar belakang putih [#ffffff] pada mana-mana saiz yang anda suka, sebaiknya segi empat tepat; mereka lebih sesuai untuk menarik tab. Kemudian beralih ke Tab Saluran (Windows -> Saluran), klik Buat saluran baru di bahagian bawah kanan.

Langkah 2

Pada lapisan saluran yang dipilih, lukiskan bentuk yang serupa dengan alat Polygonal Lasso. Isikannya dengan warna putih [#ffffff]; nyahpilih rantau Polygonal (pilih mana-mana alat Marquee dan tekan skrin satu); berikan bentuk Kabur Gaussian dengan jejari 6.0px.

Langkah 3

CTRL-L untuk memanggil Dialog Tahap dan tolak anak panah kiri dan kanan untuk menemui anak panah tengah, seperti imej di atas. Ini akan “licin” bentuk blur-ed anda dan memberikan anda bentuk sudut bulat yang baik.

Langkah 4

Dalam Tab Saluran, Tahan CTRL, Klik pada Thumbnail Saluran lapisan Alpha 1. Bentuk baru kini akan dipilih, beralih kembali ke Tab Lapisan, Buat Lapisan Baru dan isi kawasan yang dipilih dengan hitam [# 000000].

Langkah 5

Keluarkan sudut bulat untuk bot bawah kiri dan kanan bawah, gerakkannya ke arah kiri dan poskannya seperti digambarkan di atas. Seterusnya kami akan menumpukan pada Tab warna hitam.

	Tahan CTRL, klik pada tab Thumbnail Layer untuk mendapatkan imej tab keseluruhan yang diserlahkan.
	Dengan imej tab masih disorot, pilih Alat Rectangular Marquee, memegang ALT dan lukiskan segi empat segi rantau yang kita ingin alih keluar.
	Anda hanya perlu melihat bahagian atas yang dipilih. Pilih -> Ubah suai -> Kontrak, Kontrak oleh 2px dan anda harus mendapatkan sesuatu seperti imej di sebelah kiri.
	Buat lapisan baru, isi kawasan yang diserlahkan dengan putih [#ffffff]. Klik kanan, pilih Pilihan Blending kemudian Overlay Gradiant. Gantikan putaran warna [#ffffff] putih dengan kelabu [# 616161]. Tab anda harus kelihatan seperti imej di sebelah kiri.

Langkah 6

Buat lapisan baru; Pilih Alat segi empat tepat bulat (Radius 8px), lukis segi empat tepat dan letakkan lapisan ini di belakang lapisan tab hitam. Klik kanan dan pilih Pilihan Blending dan masukkan tetapan berikut.

Drop Shadow

Kelegapan: 31%
Jarak: 0px
Penyebaran: 0%
Saiz: 2px

Bevel dan Emboss

Kedalaman: 100%
Saiz: 0px
Melembutkan: 0px

Overlay Gradiant

Berikut adalah tetapan Warna yang berhenti.
Warna: #aaaaaa, Lokasi: 0%
Warna: #ffffff, Lokasi 100%

Langkah 7

Masukkan beberapa teks untuk melihat paparan keseluruhan web 2.0. Saya menggunakan fon Lucida Fax, saiz fon 32pt dan 25pt. Dan tab anda sudah selesai! Jangan ragu untuk bermain-main dengan kombinasi warna Tab.

Muat turun tutorial