Other Recent Articles

Tutorial photoshop : Membual button "Take a Tour" di situs Zoho

By Ibnea on Kamis, 19 Januari 2012 0 comments

Tutorial photoshop berbahasa indonesia, tutorial cara membuat button take a tour, dan dapat pula digunakan untuk button atau tombol lain seperti search, sign in, register, login. semoga tutorial photoshop membuat button ini dapat membantu anda dalam mendesain sebuah situs.
 Button "Take a Tour" di situs Zoho.


Untuk memastikan hasil akhir tutorial ini dengan desain aslinya, anda dapat melihat sendiri hasil desain asli yang digunakan oleh Zoho pada situsnya di http://www.zoho.com/invoice/. Kami tidak menjamin 100% persen kemiripan dalam tutorial yang kami berikan dengan desain asli yang digunakan oleh situs Zoho. Kami juga tidak bertangung jawab atas penyalah gunaan tutorial yang kami berikan, setiap tutorial dibuat hanya ditujukan untuk pembelajaran atau Edukasi.

Hasil akhir dari tutorial Membuat button "Take a Tour" di situs Zoho

tutorial Membuat button Take a Tour di situs Zoho


Berikut tutorial Membuat button "Take a Tour" di situs Zoho :


1. Buat dokumen baru dengan ukuran 330x270 pixel. Ganti warna foreground calor dengan warna #0070a9. Kemudian dengan mengunakan Rounded rectangle tool, buatlah bentuk mirip button seperti di bawah ini :
tutorial Membuat button Take a Tour di situs Zoho
2. Kemudian berikan style pada layer tersebut dangan mengklik Layer>Layer Style>Stroke. Kemudian pada jendela Stroke,  ganti warna menjadi #a3acd5 dan size manjadi 1 px. Perhatikan gambar dibawah ini :
tutorial Membuat button Take a Tour di situs Zoho

3. Selanjutnya berikan style inner glow. seting sesuai dengan gambar dibawah ini.
tutorial Membuat button Take a Tour di situs Zoho
4.Buatlah selection seperti dibawah ini. Kemudian isi/fill daerah selection dengan warna putih. Ubah capacity menjadi 27%. Sehingga menjadi seperti gambar dibawah ini.
tutorial Membuat button Take a Tour di situs Zoho

5. Lagkah terakhir, buatlah teks "Take a Tour" seperti gambar dibawah ini.
tutorial Membuat button Take a Tour di situs Zoho

Category: Tutorial Photoshop

0 komentar:

Posting Komentar