Photoshop Tutorial - Tercermin Tombol / Header | Solusi Rich Internet Application

RIATMP1167-Photoshop Tutorial - Tombol Tercermin / Header

8 Oktober 2009

Hari ini kita akan membuat menu bar. Ini sangat sederhana tetapi Anda dapat menggunakan tombol ini sama atau menu bar atau header untuk berbagai jenis website. Karena warna dan gaya itu bisa fit untuk mata pelajaran banyak. Bahkan Anda dapat mengubah warna dan membuat tampilan kustom Anda sendiri atau hanya pergi ke depan dan dapat menggunakan tombol ini premade untuk proyek Anda. Jadi di sini adalah tutorial.

Buat dokumen Photoshop baru. Pilih rectangle tool tenda dan menciptakan sebuah persegi panjang lebar. Tidak peduli apa warna itu karena kita akan menambahkan Layer Styles.

Luas Persegi Panjang

Sekarang pilih Layer / Layer Styles / Gradient Overlay. Untuk referensi silahkan ikuti gambar yang ditampilkan di bawah.

Gradient Overlay

Jadi dengan layer style Anda akan mendapatkan hasil seperti ini.

menu bar

Sekarang waktunya untuk menambahkan beberapa drama dalam menu bar kita. Buat layer baru dan beri nama gelap. Sekarang memilih bagian dari menu bar kita dan mengisinya dengan warna apapun. Sekarang lagi kita akan menambahkan Gradient Overlay pada layer ini. Jadi pergi ke Layer / Layer Styles / Gradient Overlay. Untuk referensi silahkan ikuti gambar yang ditampilkan di bawah.

Layer Styles / Gradient Overlay

Jadi dengan layer style Anda akan mendapatkan hasil seperti ini.

Header

Kita perlu membuat garis pembatas. Untuk itu buat layer baru dan dengan Rectangular Marquee Tool membuat garis Rectangle tipis. Isi ini dengan warna (# 616161). Sekarang salin lapisan ini dan mengisi dengan warna lebih terang (# 999999). Sekarang menyelaraskan dan menempatkan kedua sisi garis dengan sisi dan menggabungkan mereka 2 lapisan menjadi satu. Membuat salinan lagi garis itu dan menyelaraskan dengan benar. Merge semua lini menjadi satu "Line" lapisan nama.

baris

Sekarang waktunya untuk menambahkan teks menu kami, Anda juga dapat menambahkan teks menu Anda sendiri.

menu teks

Ini adalah bagian 2 dari tutorial Photoshop, di sini kami akan membuat refleksi dari menu bar. Menggabungkan semua menu dan lapisan teks ke dalam satu lapisan. Gandakan layer menu bar dari panel lapisan, dan flip secara vertikal (Edit> Transform> Flip vertikal).

Photoshop Tutorial

Buat layer baru di atas menu bar dan duplikat. Tentukan pilihan menggunakan alat tenda persegi panjang. Pilih gradient tool, set ke gradien linier dan kemudian membuka editor gradien. Pilih "latar depan ke transparan". Mengatur warna latar depan (# 2a2727) dan tarik gradient tool dalam seleksi pada layer baru. Dan Anda harus memiliki sesuatu seperti yang ditunjukkan di bawah ini! Dan itu membawa kita pada akhir tutorial Photoshop. Cheers!