Rabu, 22 Januari 2014

Mendesain Blog Minimalis dengan Grid 960 bagian 4

Step 28: Box Footer

Buat kotak footer dengan ukuran 4 kolom. Isi dengan judul kotak dan tulisan. Pastikan menggunakan warna teks yang sama.
Mendesain Blog Minimalis dengan Grid 960
Mendesain Blog Minimalis dengan Grid 960

Step 29: About Us

Saya ingin menonjolkan kotak About Us dengan menambahkan gambar profil saya. Tambahkan foto dan di sebelahnya tambahkan teks This is me dengan font Jellyka Hand Writing. Tulisan ini dipilih untuk memberi kesan personal.
Mendesain Blog Minimalis dengan Grid 960

Step 30

Aktifkan warp teks dan pilih Style Arc. Ini akan membuat teks sedikit melengkung dan memberi kesan alami.
Mendesain Blog Minimalis dengan Grid 960

Step 31

Tambahkan style Drop Shadow pada gambar profil. Seperti tadi, kita tidak ingin menggunakan drop shadow standar karena sangar buruk. Klik kanan style dan pilih Create Layer. Lakukan proses transformasi warp hingga sebagian bayangan mencuat ke bawah.
Mendesain Blog Minimalis dengan Grid 960
Mendesain Blog Minimalis dengan Grid 960
Mendesain Blog Minimalis dengan Grid 960

Hasil Akhir

Sampai sini, proses desain situs di Photoshop telah selesai. Langkah berikutnya adalah mengubah desain ke format yang ingin diinginkan, bisa berupa HTML dan CSS, atau dalam bentuk theme wordpress. Jika proses coding dilakukan pihak lain, pastikan untuk merapikan setiap layer terlebih dahulu. Namai setiap layer, kelompokkan ke dalam group layer, dan tambahkan data-data lain yang diperlukan.
Mendesain Blog Minimalis dengan Grid 960

Tidak ada komentar:

Posting Komentar