Tweet |
Topik:
|
Cara Membuat Tombol dengan Photoshop CS3Oleh: Hobon.id (26/08/2024)
Dalam dunia desain website, penggunaan tombol sangat diperlukan karena tombol adalah salah satu objek penting yang diperlukan pengunjung dalam menjelajahi sebuah website. Salah satu cara membuat tombol pada website adalah dengan menggunakan gambar (image). Alat pengolah gambar populer Photoshop adalah salah satu alat pengolah gambar yang bisa kita gunakan dalam pembuatan tombol berjenis gambar. Di sini akan kami sajikan cara pembuatan tombol menggunakan Photoshop versi CS3.
Advertisement:
Langkah pertama, jalankan aplikasi Photoshop lalu buat dokumen baru melalui menu File -> New.
Misalnya kita mau membuat tombol dengan ukuran 200 x 50 piksel dengan resolusi 72 piksel/inch, maka pada pengaturan dokumen tentukan nilai Width sebesar 200, nilai Height sebesar 50, dan nilai Resolution sebesar 72. Biasanya nilai 72 pada Resolution sudah otomatis (default), jadi tidak perlu dilakukan pengubahan. Kemudian pada Color Mode, pilih RGB Color. Setelah dokumen dengan ukuran yang kita buat sudah terbentuk, klik menu Layer lalu pilih New. Pada dialog New Layer, buat nama layer-nya sesuai dengan keinginan Anda, misalnya "Tombol", lalu klik OK. Setelah layar baru terbentuk kemudian pada panel Tools sebelah kiri tekan tool yang bernama Rectangle Tool. Lalu pada panel Tools sebelah atas, pilih Rounded Rectangle Tool dan buat nilai Radius sebesar 20 px. Selanjutnya buuat shape pada dokumen dengan cara menarik titik pointer dari sudut atas kiri hingga sudut bawah kanan secara diagonal. Setelah shape terbentuk pada dokumen kemudian pilih menu Layer -> Layer Style -> Bevel and Emboss: Kemudian pada dialog pengaturan Layer Style, buat nilai Size sebesar 25 px dan warna pada Shadow Mode ganti ke warna putih. Anda bisa bereksperimen pada pengaturan Layer Style ini untuk membuat tombol yang menarik sesuai keinginan Anda. Dan untuk membuat nama tombol gunakan Horizontal Type Tool pada panel sebelah kiri. Lalu untuk mengatur warna huruf gunakan panel yang ada di sebelah atas. Advertisement:
Demikianlah tutorial singkat membuat tombol menggunakan Photoshop CS3. Selamat berkreasi dan semoga sukses.
Artikel Terkait:
|