Cara Membuat Efek Flat

Efek Flat

Kadang kala kita mungkin ingin membuat tampilan program kita sedikit berbeda dengan biasanya. Dengan Tips berikut ini Anda bisa membuat komponen checkbox, radiobutton dan button menjadi flat.

Flat Design ini adalah sebuah tren desain antarmuka dalam web design dan UI (User Interface) di tahun ini. Seperti yang kita semua tahu, di jaman sekarang kehidupan tak pernah lepas dari perangkat mobile. Kebanyakan orang sekarang sudah menggunakan perangkat mobile seperti handphone, smartphone, tablet PC, dan lainnya. dan mayoritas perangkat tersebut kini sudah menggunakan antarmuka layar sentuh alias touchscreen anda. Maka, untuk memudahkan penggunaan aplikasi atau website di perangkat mobile, diperlukan sebuah desain antarmuka yang minimalis 

Buka Photoshop lalu buat dokumen baru, misal Belajar Komputer contohkan disini buat dengan ukuran 300x300 pixel kemudian berikan warna background. Untuk pilihan pallete warna pastel lainnya bisa anda lihat di  asianbrilliant.com.

2. Kemudian buat teks bebas menggunakan "Text Tool".

3. Dengan menggunakan "Pen Tool" anda buat titik-titik penanda di setiap ujung teks, buat sebuah titik di tengah-tengah celah antara teks dan juga sebuah garis miring panjang diakhir teks seperti yang Belajar Komputer contohkan berikut. Klik gambar jika kurang jelas.

4. Hasil miring-miring tidak jelas?? anda pilih "Direct Selection Tool", dengan tool ini anda bisa memperbaiki letak dan kemiringan titik yang salah tadi.

5. Masih menggunakan "Direct Selection Tool", sobat tekan "Shift + klik kiri" pada titik yang berada di tengah celah antara teks. Setelah itu tarik atau drag titik tersebut sehingga menghasilkan garis miring sebagai bayangan dari huruf tersebut nanti. Lihat contoh gambar berikut.

6. Setelah rapih hasilnya akan jadi seperti ini.

7. anda buat layer baru di atas "Background" atau "Layer 0".

8. Jika sudah, tekan "Ctrl + X" kemudian "Ctrl + V". Lalu dengan "Paint Bucket Tool" anda isi layer tersebut dengan warna hitam.

9. Jika benar maka anda akan melihat hasil seperti gambar di atas.

10. Ubah level "Fill" layer tersebut menjadi "0%" sehingga bayangan hitam tersebut tidak lagi terlihat.

Tantangan Menjadi Master Komputer, Belajar Komputer hanya di asianbrilliant.com belajar komputer via online.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat Efek Flat
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://tips-triks-ilmu-komputer.blogspot.com/2014/09/cara-membuat-efek-flat.html. Terima kasih sudah singgah membaca artikel ini.
Anda Ingin Kursus Mastering Komputer ?
KLIK DISINI