Posted by : Unknown Monday, November 10, 2014


Creating The Featured Gallery Slider
Pilih yang “Rounded Rectangle Tool” (U) kemudian tarik keluar hingga menjadi sebuah sebuah kotak kecil di bawah banner.

Totorial Design Web Manual
Totorial Design Web Manual
Ganti warna kotak menjadi putih # ffffff kemudian contract persegi dengan 5-10px seperti yang anda lakukan ketika membuat banner (lihat tutorial bag. ii). Setelah anda lakukan contract, paste gambar  di dalam portofolio Anda.
dah hasilnya kurang lebih seperti ini
Tutorial Desain Web Manual
Tutorial Desain Web Manual
ulangi langkah diatas hingga 3x sehingga terbentuk seperti di bawah ini
Tutorial Desain web Manual
Tutorial Desain web Manual
Di sisi kiri dan kanan dari thumbnail gambar tambahkan dua anak panah dari custom library.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
selanjutnya tambahkan layer style pada kedua anak panah tersebut dengan setting di bawah ini
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
dan hasilnya kurang lebih seperti ini
Tutorial Desain Web Manual
Tutorial Desain Web Manual

Creating The Content

Mulailah dengan menambahkan pembagi sederhana di bawah wilayah fitur.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Pembatas diciptakan hanya dengan “Type Tool” (T) menggunakan “Dash Key (-)”. Setelah Anda membuat pembatas tambahkan layer style berikut.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Finally atur opacity pembatas sampai 50% dan Anda selesai. Sekarang, dengan menggunakan “Type Tool” (T) tambahkan baris tag portofolio, font yang digunakan adalah “Vijaya” yang Anda dapat men-download melalui tutorial sebelumnya di tutorial i atau tutorial ii
Selanjutnya Akhiri tag line dengan menduplikasi pembabatas yang Anda buat sebelumnya kemudian menyeretnya di bawah tag line.
dan hasilnya kurang lebih seperti ini
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Download “Woofunction Set Icon” dari daftar sumbernya kemudian tambahkan dua ikon ke dalam area konten. Di sisi setiap ikon menambahkan judul utama dan sub judul.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Di bawah setiap pos dan sub pos buat sebuah paragraf dengan ukuran ukuran yang sesuai, pisahkan setiap bagian dengan pembatas yang agan buat sebelumnya, hanya saja dalam hal ini kita membuatnya secara vertikal.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Pada bagian ruang yang tersisa di sisi kanan area konten tambahkan feed blog kecil.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Finally gandakan pembatas horizontal dan tarik bawah konten yang baru saja kita buat.

Creating The Twitter Box

Pilih  “Rounded Rectangle Tool” (U) kemudian tarik keluar buat persegi panjang di bawah pembagi terakhir agan buat tadi.
Tutorial Desain web Manual
Tutorial Desain web Manual
Sekarang tambahkan layer style seperti berikut untuk persegi panjang twitter.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Tutorial Desain Web Manual
dan seharusnya agan mendapatkan hasil seperti ini
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Di dalam persegi panjang tambahkan burung twitter sesuai pilihan Anda kemudian tambahkan teks di twitter yang biasanya anda lihat pada tweet.
Tutorial Desain Web Manual
Tutorial Desain Web Manual

Creating The Footer

Duplicate tiga  “Background Jazz Layers” (lihat tutorial bag. I ) kemudian drag ketiganya ke bagian bawah footer area.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
Finally dalam footer tambahkan teks hak cipta dan mungkin beberapa ikon sosial dari “Woofunction Icon Set“.
Tutorial Desain Web Manual
Tutorial Desain Web Manual
dan hasilnya wallaaa……. eng ing eng… kurang lebih seperti ini
Contoh Desain Website Menggunakan Photoshop
Contoh Desain Website Menggunakan Photoshop
Selanjutnya…

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Blogger templates

Copyright @Danankzaputraz. Powered by Blogger.

- Copyright © Advance Horizon -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -