Cara Membuat Button Sederhana Hijau di Photoshop
Hey guys satu lagi Photoshop Tutorial. Dalam Tutorial ini saya akan menemukan Anda Cara Membuat Button Sederhana Hijau di Photoshop. Hal ini sangat sederhana dan cukup efektif tutorial. Saya harap Anda akan menikmati tutorial ini.
Hasil Final
Ini adalah apa yang kita lakukan hari ini pergi
Langkah # 1
Buka photoshop dan membuat dokumen baru, saya adalah 550px × 398px dengan latar belakang putih.
Langkah # 2
Mengisi lapisan warna di latar belakang, punyaku warna # 979.696.
Langkah # 3
Pilih Rounded Rectangle Tool dan membuat tombol, tambang Radius adalah 5px, width: 219px dan height: 40px..
Sekarang kita akan menerapkan beberapa efek
Gradient Overlay
Styling Button-klik ganda pada Layer Button's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles, kami akan menerapkan Efek Gradient Vertikal untuk Button Anda. Kemudian klik pada Gradient Warna di sebelah kanan dari pilihan Gradasi untuk membuka Warna Gradient Editor.
Double-klik pada kiri-color-berhenti dan masukkan nilai warna # 55A646, kemudian dobel-klik kanan-color-berhenti dan masukkan nilai warna # A5CE3F.
Drop Shadow
Selanjutnya menerapkan gaya layer Drop Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity sebesar 20%, Jarak di 1px dan Ukuran di 5px.
Inner Shadow
Selanjutnya menerapkan gaya lapisan Inner Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Choke, dan Size. Aku memilih untuk mengatur Opacity 27% dan Choke pada 100% dan Size di 2px.
Selanjutnya Mengubah opsi Blending Normal.
Bevel Emboss
Selanjutnya kita akan berlaku Bevel Emboss, Pertama Mengubah Gaya untuk Inner Bevel dan Teknik untuk Halus, daripada mengubah nilai-nilai Kedalaman, Arah, Ukuran dan Lembutkan. Aku memilih untuk mengatur Kedalaman pada 100%, Arah di Up, Ukuran di 1px dan Lembutkan di 0px
Jauhkan Angle di 120o, Ketinggian di 30o
Highlight Mode: Saya memilih untuk mengatur Opacity pada 0%.
Shadow mode: Aku memilih untuk mengatur Opacity pada 14%.
Langkah
Akhirnya kita akan menerapkan Stroke. Pertama mengubah nilai-nilai Size. Aku memilih untuk mengatur Ukuran di 1px. Mengubah Posisi di Inside
Aku memilih untuk mengatur Opacity pada 50%.
Stroke mengubah warna dari default ke # 529.846
Lihat harus seperti ini.
Langkah # 4
Pilih Horizontal Type Tool dan ketik teks di depan.
Kami akan menerapkan beberapa efek untuk teks.
Gradient Overlay
Double-klik pada Teks lapisan's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles. Pertama kita akan berlaku Gradient Overlay, kami akan menerapkan Gradient Vertikal Efek untuk teks Anda. Kemudian klik pada Gradient Warna di sebelah kanan dari pilihan Gradasi untuk membuka Gradient Editor Warna ..
Klik-ganda pada kiri-color-berhenti dan masukkan nilai warna # DDDCDC, kemudian klik-ganda pada pusat-color-berhenti dan masukkan nilai warna # FFFFFF.
Drop Shadow
Akhirnya kita akan menerapkan layer style Drop Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity di 34%, Jarak di 1px dan Ukuran di 1px.
Hasil Final
Jika Anda ingin memeriksa pekerjaan Anda, Anda bisa mendownload file PSD tutorial ini
jika Anda ingin menerima lebih banyak inspirasi dari kami, silahkan pertimbangkan untuk berlangganan feed dengan RSS atau email.
Artikel Terkait:
jika anda menikmati membaca artikel ini, silakan periksa artikel lain yang terkait di bawah ini:




































































designfollow mengatakan pada: 2 Desember 2009 at 12:52 Said:
tutorial bagus, terima kasih.
FAQPAL mengatakan pada: Desember 4, 2009 at 2:24 Said:
Sederhana namun efektif hasil akhir, terima kasih untuk berbagi.
FAQPAL terakhir blog .. HTTP Headers for Dummies
ben mengatakan pada: Desember 4, 2009 at 6:48 Said:
tutorial bagus, terima kasih.
favSHARE mengatakan pada: Desember 4, 2009 at 11:10 Said:
Artikel ini telah bersama pada favSHARE.net. Pergi dan suara itu!
favSHARE terakhir blog .. 14 Top tipografi dan Font Kombinasi Resources
Web Design dari Lyons Solutiosn mengatakan pada: 19 Desember 2009 di 10:45 Said:
Akan sangat membantu tip untuk pemula