Mendesain Interface Tampilan Waktu dan Cuaca Bagian 1

Langkah 1: Latar Display

Mulai dengan membuat sebuah shape rounded rectangle untuk dasar display dengan radius 10 px. Gunakan warna #242424. Tambahkan Inner Shadow, Inner Glow, Gradient Overlay, dan Outer Glow.

Langkah 2

Turunkan Fill layer ke 50%. Dengan cara ini, kita bisa membuatnya semi transparan. Latar di belakangnya akan terlihat sebagian.

Langkah 3

Buat lagi shape yang sama namun lebih pendek. Tambahkan Gradient Overlay.

Turunkan Fill layer ke 0%. Ini akan menjadikannya kilauan di bagian atas dasar display.

Langkah 4: Jam

Buat sebuah rounded rectangle dengan warna putih. Duplikasi (Ctrl + J) dan sembunyikan shape asli..

Langkah 5

Aktifkan tool pen lalu klik dua titik paling bawah untuk menghapusnya.

Langkah 6

Alt-klik untuk mengubah kedua titik menjadi titik tajam dan menghasilkan garis lurud di bagian bawah shape.

Langkah 7

Geser garis ke atas sehingga setengah dari tinggi semula.

Langkah 8

Tambahkan Inner Shadow dan Gradient Overlay.

Langkah 9

Turunkan Fill layer ke 0%.

Langkah 10

Munculkan kembali shape asli yang menjadi latar jam.