Mendesain Login Form Gelap Bergaya Modern Bagian 3

Langkah 21

Tekan Ctrl + H untuk menampilkan kembali guide. Buat judul formulir menggunakan tool Type.

Tambahkan layer Style berikut.

Di bawah adalah hasil yang diperoleh.

Langkah 22

Aktifkan tool rounded dengan radius 5 px. Munculkan kembali guide dengan menekan Ctrl + H. Buat shape dengan warna #f5e2c2.

Tambahkan Layer Style dengan setting berikut.

Hasil yang kita peroleh.

Langkah 23

Tuliskan User Name di dalam kotak teks.

Tambahkan efek letterpress dengan memberinya Drop Shadow putih 1 px.

Langkah 24

Buat lagi formulir untuk password.

Langkah 25: Tombol Login

Buat shape rounded rectangle dengan warna #d6901c.

Tambahkan Layer Style berikut.

Langkah 26

Tambahkan teks LOGIN di atas tombol. Beri Drop Shadow.

Langkah 27

Buat layer baru. Aktifkan tool brush dengan ukuran 27 px dan hardness 0%. Buat garis hitam vertikal di salah satu sisi formulir.

Langkah 28

Lakukan transformasi dengan menekan Ctrl + T. Klik kanan dan pilih Warp. Geser kotak warp hingga garis melengkung.

Turunkan Opacity layer hingga 50%.

Langkah 29

Tekan Ctrl + J untuk menduplikasi garis. Geser garis ke sisi lainnya. TekanCtrl + T, klik kanan dan pilih Flip Horizontal untuk membalik arah lengkungan garis.

Langkah 30

Geser kedua layer garis ke belakang latar formulir.

Hasil Akhir

Melalui tutorial ini, Anda telah belajar cara membuat desain yang sangat akurat dengan bantuan guide. Saya harap Anda menyukai tutorial ini.
Di bawah adalah hasil akhir tutorial yang kita peroleh.