Tutorial photoshop : Desain Situs STMIK AKAKOM Yogyakarta (Header Only)

Pada tutorial yang pertama ini penulis akan membagikan tutorial mendesai sebuah situs. Situs yang akan menjadi sasaran penulis kali ini adalah situs STMIK Akakom. Perlu diperhatikan bahwa penulis tidak memperhatikan makna dari setiap warna yang digunakan dalam situs tersebut.
Maksudnya, warna yang digunakan oleh penulis dalam tutorial ini tidak mengandung makna apa-apa, penulis hanya mengunakan warna yang cocok dengan imajinasi penulis.

Berikut ini hasil akhir dari tutorial ini :

1. Buat dokumen beru dengan photoshop. Pilih File>New buat dokumen dengan ukuran 1200x400 pixel. Kemudian isi warna beground dengan warna #e7e6e6. Dengan mengunakan Rectangle tool buatlah area yang akan kita gunakan sebagai area navigator website seperti gambar dibawah ini. Namun sebelumnya pastikan anda telah mengunakan warna #3a3224 sebagai foreground color.


2. Gunakan Rectangle tool untuk membuat area yang akan kita gunakan sebagai daerah header seperti gambar dibawah ini. Pastikan pula bahwa warna foreground color telah diubah menjadi #282115. Perhatikan gambar dibawah ini :


3. Dengan mengunakan Rounded rectangle tool buat area yang akan kita gunakan untuk meletakan kontent dari situs tersebut. Untuk daerah ini gunakan warna #ffffff sebagai foreground color. Pastikan pula anda meletakan layer ini diatas layer-layer sebelumnya. Seperti gambar dibawah ini :


4. Buatlah dua bauh garis dengan mengunakan line tool tepat berada di bawah layer yang dibuat pada langkah 1 dan diatas layer yang dibuta pada langkah 2. Untuk garis yang lebih atas gunakan warna #2b1f09 sedangkan untuk garis yang berada tepat dibawahnya gunakan warna #4d412c. Perhatikan gambar dibawah ini : (Gambar telah diperbesar!!!).


5. Dengan mengunakan Horizontal type tool buatlah daftar link seperti gambar yang ada dibawah ini. Penulis mengunakan #c6af33 sebagai warna text.


6. Tambahkan garis vertikal tepat diantara setiap text navigator. gunakan cara yang sama seperti pada langkah ke 4. hanya saja kali ini garis yang akan kita buat adalah garis vertikal.

7. Dengan mengunakan rounded rectangle tool buatlah area seperti dibawah ini. Pastikan pula warna foreground yang anda gunakan adalah #827b57. Kemudian berikan style Stroke pada layer tersebut dengan cara klik Layer> Layer Style > Stroke seting sesuai gambar dibawah ini :

8. Copy layer pada langkah ke 7 kemudian susun seperti gambar dibawah ini. Tambahkan pula gambar pada daerah yang telah kita buat pada langkah ke 7. Jangan lupa tambahkan logo STMIK AKAKOM  serta link login dan register pada halaman situs. Pastikan hasil akhir dari projeck anda kali ini adalah sebagai berikut :
Sekin tutorial kali ini :
Selamat Moncoba!!! Jangan lupa kasi koment ya... karena komentar anda akan menambah penulis dalam menulis blog.

Category: Designs , Tutorial Photoshop