Rabu, 22 Januari 2014

Mendesain Interface Tampilan Waktu dan Cuaca Bagian 2

Langkah 11

Ulangi proses yang sama untuk bagian bawah latar jam.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Seperti ini hasil yang kita peroleh.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 11

Simpan ketiga shape ke layer grup. Di CS6 tekan Ctrl + J untuk menduplikasinya. Di versi sebelumnya, Anda perlu menggesernya ke atas ikon New Layer. Simpan di bawah shape asli. Seleksi titik-titik paling atas dengan tool Direct Selection lalu geser ke atas 3 px. Ulangi juga pada titik paling bawah dengan menggesernya 3 px ke bawah.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 12

Ulangi kembali pada shape terakhir sehingga ada 3 lapis shape.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 13

Ctrl-klik shape terakhir.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 14

Buat layer baru dan simpan di belakang latar jam. Isi layer dengan hitam. Hilangkan seleksi dengan menekan Ctrl + D. Klik Filter > Blur > Gaussian Blur untuk menghaluskan bayangan.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 15

Ctrl-klik latar utama display.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 16

Klik ikon Add Layer Mask untuk menyembunyikan bayangan di luar latar display.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 17

Tambahkan teks untuk informasi jam dengan warna hitam.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 18

Tambahkan Gradient Overlay. Atur gradasi warnanya hitam-putih-hitam-putih dengan posisi setepat mungkin sehingga perubahan gradasi tepat berada di tengah teks.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Di gambar ini, titik warna yang saya gunakan dalam gradasi ini berada di posisi 0%, 44%, 48%, dan 100%.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 19

Tambahkan Inner Shadow dan Drop Shadow.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android
Ini akan memberi kesan teks menjorok ke dalam.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Langkah 20

Dengan tool Pencil, gambar garis hitam dan putih 1 px di layer terpisah tepat memotong teks.
Mendesain Interface Waktu Tampilan Waktu dan Cuaca Terinspirasi Android

Tidak ada komentar:

Posting Komentar