Mendesain Halaman Depan Situs Perusahaan Secara Efektif Bagian 1

Langkah 1: Mempersiapkan File

Buka template grid 960 px yang terdiri dari 12 kolom di Photoshop. Lebar saat ini terlalu sempit untuk kebutuhan kita. Jadi, perbesar ukurannya hingga 1.100 x 1.200 px dengan perintah Image > Canvas Size.

Langkah 2: Header

Aktifkan tool Rectangle dan buat latar header dengan warna #2c2a2f.

Klik ganda layer dan aktifkan Pattern Overlay. Gunakan Pola Pixel dari PSDfreemium.

Di bawah adalah tampilan latar header di perbesaran 100%.

Langkah 3: Area Info Produk

Aktifkan tool Rectangle dan buat latar untuk informasi produk. Area ini harus berada di atas header.

Tambahkan Layer Style Stroke dan turunkan Opacity agar hasilnya transparan.

Di bawah adalah hasil Stroke.

Langkah 4

Buat layer baru. Seleksi latar area produk. Isi dengan putih. Klik Filter > Noise > Add Noise.

Langkah 5

Ubah Blend mode ke Multiply dan turunkan Opacity ke 20%. Ini akan memberi tekstur noise pada latar.

Langkah 6: Logo

Aktifkan tool Ellipse. Ubah warna depan ke orange. Shift-drag untuk membuat lingkaran.

Langkah 7

Ctrl – click lingkaran lalu klik Select > Modify > Contract.

Langkah 8

Buat layer baru lalu klik Edit > Stroke. Gunakan Width: 1 px dengan warna hitam. Turunkan Opacity layer ke 20%.

Langkah 9

Tekan Ctrl + J untuk menggandakan garis stroke. Tekan Ctrl + I untuk membalik warna garis menjadi putih. Aktifkan tool Move lalu klik panah atas sekali untuk menggaris garis 1 px ke atas.

Langkah 10

Buat layer baru lalu ubah menjadi Clipping Mask dengan menekan Ctrl + Alt + G. Lukis bagian atas dan bawah lingkaran dengan putih. Turunkan Opacity layer ke 10%.