header ilmugrafis
Home Tutorials Fonts IG Store Contact
 
ilmu grafis » 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...



[adv.] Supported by
dumetschool kursus desain grafis
DumetSchool.com

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Tools

FOTOGRAFI
Lightroom

VECTOR
Adobe Illustrator

ANIMASI
Flash
Swishmax

3D MODELING
3dsMAX
AutoCAD
Cinema 4D
Blender

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DESIGN
Dreamweaver
jQuery

PUBLISHING
InDesign
Ms. Paint

FREEWARE
Gimp
Inkscape

ARTS
News
Artikel
Gallery
Jasa Desain

FRIENDS
Photoshop Desain
Hog Pictures

Link to us


bantuan information

ilmugrafis launcher
Privacy policy

Channel Youtube
Arofat Media
Peta Situs | Term of Use web edukasi - ilmugrafis.com Indonesia
Copyright © 2017 ilmuGrafis. All Rights Reserved. | RSS | Subscribe
Hak Cipta Dilindungi Undang - Undang & Dmca
eXTReMe Tracker