website ilmugrafis

Home

Tutorials

News

Artikel

Kontak
  NAVIGASI MENU :
TUTORIAL > PHOTOSHOP > ALTERNATIF

Tombol Keyboard Simple Nan Cantik

Publish: 11 Oktober 2012 | Author & Copyright: Miko | Status: FREE tutorial

Pada tutorial Photoshop kali ini akan mengajarkan bagaimana cara membuat tombol keyboard. Tema kali ini mengangkat bagaimana kita membuat desain tombol keyboard yang menarik dengan perpaduan konsep minimalis / simple namun tetap cantik dan elegan.

Langkah - langkahnya :

1. Langkah pertama yaitu mari kita membuka program Photoshop >> New document
New document

Selanjutnya buat layer baru diberi nama Layer 1 kemudian buat sebuah bidang kotak dengan menggunakan Tool box Rectangle Tool
Rectangle Tool

Kemudia pilih style Fill Pixel (pada bagian kiri) dan Rounded Rectangle Tool (yang ditunjuk kursor)
Radiusnya 10 pixel
image

Buat bidang kotak seperti digambar
kotak rounded

Masuk menu Blending Options dengan cara klik kanan Layer 1 >>  Blending Options . kemudian masuk ke menu Drop Shadow // Stroke // Gradient Overlay pada gambar dibawah ini
drop shadow

Pada Menu Gradient Overlay menggunakan warna seperti gambar dibawah ini
gradient overlay

image tutorial
Untuk kode warnanya
kode warna

Selanjutnya ke Menu Stroke
stroke

image tutorial

Langkah selanjutnya menduplikat Layer 1 dengan cara klik kanan pada Layer 1 >> Duplicate Layer kemudian beri nama Layer 2
duplicate layer

Kemudian tekan Ctrl+T  untuk Free Transform setelah itu tekan Shift  sambil menekan ke dalam agar sama rata ke tengah
transform
Langkah selanjutnya klik kanan Layer 2 >> Blending Options >> Gradient Overlays
gradient
Gunakan warna abu-abu kode # d7d6d4 - dan putih (white)
setting gradient

Selanjutnya ke menu Stroke
stroke

gunakan warna abu-abu ber kode #dddcda
kode abu abu

Langkah selanjutnya yaitu membuat Layer 3 posisi dibawah Layer 2
posisi layer
Buatlah sebuah seleksi dengan menggunakan Tool box  Polygonal Lasso Tool seperti gambar dibawah ini jangan lupa untuk member nilai pada Feather dengan nilai 20 px agar ketika menghapus akan terasa halus dan transparan
feather

Jika sudah selesai gabungkan semua Layer dengan cara blok semua Layer  >> Klik Kanan  >> Merge Layers
merge layers
Hasilnya kurang lebih seperti  gambah di bawah ini
simply button
Langkah selanjutnya buka Menu Image >> Canvas Size beri nilai 1600 x 400 pixel
canvas size

Duplicate Layer sebanyak 3 kali
3 simply button
Kemudian isikan sebuah Text dengan Text Tool berupa huruf saja dan symbol pada konsep ini akan membuat tulisan “ I Love U ”

Hasilnya seperti gambar dibawah ini
hasil akhir
Akhirnya berhasil membuat Tombol - Tombol Keyboard yang Simple Nan Cantik. Anda bisa menambahkan untuk hiasan Teks di image / koleksi foto anda.
Tutorial Terkait : Ultra Keyboard Terima kasih, Semoga bermanfaat ^_^.

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
 

author
<> Info dan Kontak Penulis
Miko Wibowo
Tentang Penulis : Lahir di Bandar Lampung, 21-09-1989 besar di Tulungagung dan sekarang merantau ke Yogjakarta dan bekerja sebagai teknisi komputer dan jaringan serta aktif sebagai mahasiswa di jurusan DKV - Akademi Seni Rupa dan Desain MSD Yogyakarta. Hobby menggambar, buat lagu, membuat animasi dan yang berhubungan tentang dunia seni dan desain grafis

Motto : Tak ada kata menyerah dalam menggapai impian

Penulis dapat dihubungi via:
YM : mikomove
Email : kamiko99@gmail.com atau myco_sql@yahoo.co.id


Rekomendasi ilmugrafis

PSD CE
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional...


jasa desain grafis
Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia
 
back to top
Kembali Ke Atas
Copyright © 2023 ilmuGrafis Hak Cipta Dilindungi Undang - Undang
RSS 2.0 | Dmca | About Us