Hey guys back-to-back Photoshop Tutorials. Dalam Tutorial ini saya akan belajar bagaimana caranya membuat aku-Telepon Seperti Button di Photoshop. Hal ini sangat sederhana dan cukup efektif tutorial. Saya harap Anda akan menikmati tutorial ini.

Final Preview

Ini adalah apa yang kita lakukan hari ini pergi

Langkah # 1

Buka photoshop dan membuat dokumen baru, saya adalah 550 × 398px dengan latar belakang putih.

Langkah # 2

Mengisi lapisan warna di latar belakang, tambang warna # 333333.

Langkah # 3

Buat nama layer baru Stripe lapisan gradien. Pilih Rectangular Marquee Tool dan membuat garis-garis putih.

Styling yang Stripe Layer klik ganda pada Layer Stripe's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles, kami akan menerapkan efek gradiant vertikal untuk latar belakang Anda. Kemudian klik pada c olor gradien di sebelah kanan dari pilihan Gradasi untuk membuka Warna Gradient Editor.

Double-klik pada kiri-color-berhenti dan masukkan nilai warna # aaaaaa, klik-ganda pada kiri-tengah-color-berhenti dan masukkan nilai warna # cccccc, double-klik kanan-tengah-color-berhenti dan masukkan nilai warna # dddddd, kemudian dobel-klik kanan-color-berhenti dan masukkan nilai warna # FFFFFF.

Akan terlihat seperti ini.

Langkah # 4

Pilih Rounded Rectangle Tool, dan menciptakan tombol, 90X40px jari-jari saya.

Sekarang 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 gradiant vertikal untuk Button Anda. Kemudian klik pada gradien warna di sebelah kanan dari pilihan Gradasi untuk membuka Warna Gradient Editor.

Double-klik pada kiri-color-berhenti dan masukkan nilai warna # 000000, double-klik pada kiri-tengah-color-berhenti dan masukkan nilai warna # 222222, double-klik kanan-tengah-color-berhenti dan masukkan nilai warna # 444444, kemudian klik-ganda pada right-color-berhenti dan masukkan nilai warna # 666666.

Bevel dan Emboss

Selanjutnya menerapkan lapisan Bevel dan Emboss gaya. Mengubah gaya Outer Bevel, daripada mengubah nilai-nilai Kedalaman, Ukuran dan Lembutkan. Aku memilih untuk mengatur Kedalaman pada 100%, Ukuran di 1px dan Lembutkan di 10px

Penting Bagian dari Tutorial ini: Jauhkan Angle di -90 ^o, Ketinggian pada 40 ^o

Highlight Mode: Saya memilih untuk mengatur Opacity sebesar 100%.

Shadow mode: Aku memilih untuk mengatur Opacity sebesar 100%.

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 sebesar 80%.

Ubah warna dari Stroke default # 222222

Akan terlihat seperti ini.

Langkah # 5

Pilih alat teks dan jenis teks di depan.

Kami akan menerapkan beberapa efek untuk teks.

Bevel Emboss

Double-klik pada Teks lapisan's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles. Kami akan menerapkan Bevel Emboss, Pertama Mengubah Gaya ke Luar Bevel dan Teknik untuk Pahat Soft, daripada mengubah nilai-nilai Kedalaman, Arah, Ukuran dan Lembutkan. Aku memilih untuk mengatur Kedalaman di 130%, Arah di Ukuran Down di 1px dan Lembutkan di 0px

Penting Bagian dari Tutorial ini: Jauhkan Angle pada 90 ^o, Ketinggian pada 30 ^o

Highlight Mode: Saya memilih untuk mengatur Opacity pada 0%.

Shadow mode: Aku memilih untuk mengatur Opacity pada 50%.

Final Preview

Akhirnya kami telah melakukan tutorial ini.

Ini adalah apa yang kita lakukan hari ini pergi

Download file sumber

Jika Anda ingin memeriksa pekerjaan Anda, Anda bisa mendownload file PSD tutorial ini.

iphone-seperti-buttons.rar (21,3 kb)

Filed under: Photoshop, Tutorial oleh admin