Preview:
Sebelum kita mulai dengan tutorial mari kita lihat hasil akhir kami.
Langkah 1: Buat file baru
Buat file baru dengan 1300px lebar 1950px dan tinggi.
Langkah 2: daerah Navigasi
Pertama kita akan mulai dengan menu navigasi atas. Jadi pilih alat tenda dan pilih daerah atas.Dan mengisinya dengan # 0f0f0f.
Langkah 3: Tambahkan pola
Untuk menambahkan sedikit pola ini, klik pada Layer> Layer style> Pattern Overlay.
Langkah 4: Separator Jalur
Sekarang kita akan menambahkan beberapa baris kecil untuk memisahkan halaman kami. Jadi pilih sikat bulat keras 1px dengan latar warna # 000000. Menggambar garis vertikal kecil dan kemudian menghapus tepi menggunakan sikat bulat yang lembut.
Langkah 5: Drop Shadow
Kita perlu menambahkan drop shadow untuk garis jadi klik pada Layer> Layer style> Drop Shadow.
Langkah 6: Buat lebih Baris
Ulangi proses yang sama dan membuat beberapa garis lebih atau Anda menyalin layer dengan Ctrl / CMD + C. Sekarang tambahkan teks menggunakan alat teks kami.
Langkah 7: Tambahkan logo
Sekarang tambahkan logo di sebelah kiri sebelah halaman.
Langkah 8: Membuat bayangan
Kami akan menambahkan bayangan cahaya di bawah area navigasi. Jadi pilih sikat bulat yang lembut dengan 65% opacity dan warna # 000000.
Langkah 9: Fitur Lokasi
Sekarang mari kita mulai dengan daerah fitur. Pilih Marquee tool dan menciptakan sebuah persegi panjang. Klik pada tool bucket Cat dan mengisi persegi panjang dengan # 852121.
Langkah 10: Pola Grunge
Untuk menambahkan pola untuk persegi panjang ini klik pada Layer> Layer style> Pattern Overlay dan pilih pola dari mengatur pola Natural Grunge yang disebutkan di atas.
Langkah 11: lingkaran kecil
Buat lingkaran kecil di bawah gambar menggunakan alat Ellipse dan mengisinya dengan # 1d1f23.Kemudian klik pada Layer> Layer style> Bevel dan Emboss. Anda juga dapat menambahkan 1px Stroke dengan warna # 5f0605.
Ulangi proses yang sama dan membuat beberapa kalangan lainnya. Dan kemudian pilih sikat bulat keras dan menggunakannya pada salah satu lingkaran dengan warna # 6d7974.
Langkah 12: Fitur Text Area
Sekarang pilih Text tool dan menambahkan teks di sebelah kanan, setelah itu membuat read more tombol menggunakan "Rectangle tool dan menggunakan gaya yang sama yang telah kami gunakan dalam lingkaran.
Langkah 13: Konten Utama
Sekarang mari kita beralih ke daerah konten utama kami. Pilih alat tenda dan membuat persegi panjang. Isi dengan # 191919. Kemudian klik pada Layer> Layer style> stroke dan menambahkan 1px Stroke dengan warna # 7a7a7a.
Langkah 14: Tambahkan Bayangan
Pilih sikat Putaran Lunak dan menggunakannya di bawah persegi panjang untuk menciptakan bayangan. Ulangi proses yang sama dan membuat beberapa persegi panjang lagi.
Langkah 15: Cari bar
Sekarang tambahkan ikon pencarian dari set ikon sliver saya sebutkan di atas pada persegi panjang kecil. Dan menambahkan "Cari" Text.
Langkah 16: Sidebar
Tambahkan beberapa widget acak, ikon dan kalender ke sidebar kita. Anda dapat menambahkan apapun yang Anda suka.
Langkah 17: Image Frame
Buat persegi panjang lagi untuk frame gambar dan mengisinya dengan warna # efefef. Kemudian klik pada Layer> Layer style> Stroke.
Langkah 18: Rincian Pos
Sekarang menambahkan posting gambar untuk persegi panjang dan menambahkan teks boneka menggunakan alat teks.
Ulangi proses yang sama dan membuat pos lain.
Langkah 19: Berita Lokasi
Sekarang tambahkan beberapa gambar dan teks di bawah "Berita terbaru" bagian dengan cara yang sama seperti yang kita lakukan posting. Tapi kali ini gambar akan menjadi sedikit lebih persegi panjang dalam bentuk.
Langkah 20: daerah Footer
Sekarang mari kita mulai dengan footer kami. Pertama pilih alat tenda dan membuat persegi panjang. Isi dengan warna # 0f0f0f.
Langkah 21: Footer latar belakang
Pilih strip dari daerah footer kita buat di atas dan mengisinya dengan warna # 852121. Sekarang tambahkan pola yang sama seperti yang kita lakukan ke daerah fitur kami.
Langkah 22: Footer Konten
Sekarang pilih alat teks dan menambahkan beberapa widget dan teks hak cipta untuk footer kami dan kami selesai. Anda juga bisa menghias ini dengan menambahkan beberapa titik dan garis menggunakan warna # 86201e.
Itu saja untuk hari ini. Berharap kalian menikmati tutorial cepat. Apakah berbagi Tanggapan dan biarkan kami tahu apa jenis tutorial yang Anda inginkan di masa depan. Terima kasih
0 komentar:
Posting Komentar
Bersikap Lah Dengan Baik
Hargai Lah Karya Orang Lain
Janganlah Saling Menghina Karya Lain.